body,html{
    font-size: 1rem;
    padding: 0;
    margin: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	
	    
		font-family: Aestetico, sans-serif;
	    
	    
	
	color: #ffffff;
	background: #01493B;
	    
	    
}

.hide-desktop{display: none;}
.hide-mobile{display: inherit;}
.hide-tablet{display: inherit;}

.hide{display: none;}
.show{display: inherit;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.minge{
	  position: fixed;
    z-index: 9999;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
     opacity: 0;
     pointer-events: none;
     
     
     
     transition:all 0.4s ease;
     
	 
}


.ball-action{
	opacity: 1;
	transform: translate(-50%,-50%) scale(0);
	      
	        
}

/* ----------------------------------------------
 * Generated by Animista on 2021-6-10 16:55:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0) translate(-50%,-50%);
            transform: scale(0) translate(-50%,-50%);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    -webkit-transform: scale(1) translate(-50%,-50%);
            transform: scale(1) translate(-50%,-50%);
    opacity: 1;
    z-index: 9999;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0) translate(-50%,-50%);
            transform: scale(0) translate(-50%,-50%);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    -webkit-transform: scale(1) translate(-50%,-50%);
            transform: scale(1) translate(-50%,-50%);
    opacity: 1;
    z-index: 9999;
  }
}

.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


.minge img{
	width: 100%;
}

.wrapper{
	width: 80%;
	margin: 0 auto;
}

.center-block{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


#mobile-header-action{
	background: green;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#mobile-header-menu{
	background: blue;
}

#mobile-header-action .logo,
#mobile-header-action .burger
{
	width: 50%;
	vertical-align: middle;
	display: inline-block
}

#mobile-header-action .burger .menu-button i{
	cursor: pointer;
}


input{
	-webkit-appearance: none;	
}

select {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CgkJCQk8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCA0MCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CgkJCQkgICAgPGRlZnM+PC9kZWZzPgoJCQkJICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgoJCQkJICAgICAgICA8cGF0aCBkPSJNMjAsMTUgTDAsMTUgTDEwLDAgTDIwLDE1IFoiIGlkPSJUcmlhbmdsZS0xIiBmaWxsPSIjNjY2NjY2IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDcuNTAwMDAwKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtNy41MDAwMDApICI+PC9wYXRoPgoJCQkJICAgIDwvZz4KCQkJCTwvc3ZnPg==) !important;

	background-repeat: no-repeat !important;
	background-position: center right !important;
	background-size: 20px !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}


.input.ckb{display:block;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.input.ckb input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.input.ckb .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff}
.input.ckb:hover input~.checkmark{background-color:#01493B}
.input.ckb input:checked~.checkmark{background-color:#01493B}
.checkmark:after{content:"";position:absolute;display:none}
.input.ckb input:checked~.checkmark:after{display:block}
.input.ckb .checkmark:after{left:7px;top:2px;width:3px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}


/* customcheckbox example
<label class="input ckb">
	Checkbox
	<input type="checkbox" name="" id="ckb1"> 
	<span class="checkmark"></span>
</label>
*/


/*
wordpress checkbox
add this to jquery script
$(".form-group .wpcf7-list-item label").append('<span class="checkmark"></span>');

*/
.wpcf7-list-item label{position:relative; font-size: 1.5rem; font-weight: 400;text-align:left;display:block;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.wpcf7-list-item label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.wpcf7-list-item label .checkmark{position:absolute;top:8px;left:0;height:20px;width:20px;background-color:#eee}
.wpcf7-list-item label:hover input~.checkmark{background-color:rgba(59, 247, 209, 1)}
.wpcf7-list-item label input:checked~.checkmark{background-color:rgba(59, 247, 209, 1)}
.wpcf7-list-item label .checkmark:after{content:"";position:absolute;display:none}
.wpcf7-list-item label input:checked~.checkmark:after{display:block}
.wpcf7-list-item label .checkmark:after{left:7px;top:2px;width:3px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.wpcf7-list-item label .wpcf7-list-item-label{
	font-size: 1.5rem; font-weight: 400;
}

img{
	max-width: 100%;
	height: auto;
	display: block;
	margin:auto;
}

.container{
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}

.intro .container{
	overflow: hidden;
	width: 100%;
	max-width: 1280px;
	text-align: center;
}

.premii-top{
	margin-bottom:-1px;
}

.intro{
	
	/* height: 100vh; */
	/* height: calc(var(--vh, 1vh) * 101); */
	/* width: 100%; */
	
	position: relative;
	/* overflow: hidden; */
	
	background: rgb(1,73,59);
	/* background: -moz-linear-gradient(180deg, rgba(1,73,59,1) 0%, rgba(11,143,104,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(1,73,59,1) 0%, rgba(11,143,104,1) 100%);
	background: linear-gradient(180deg, rgba(1,73,59,1) 0%, rgba(11,143,104,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01493b",endColorstr="#0b8f68",GradientType=1);  */
	background-image: url("img/bg-top.png");
	background-size: cover;
	color: #fff;
	
	
}
.buton-inapoi{
	text-align:left;
}
.inapoi{
	text-decoration: none;
	border: 2px solid #fff;
	display: inline-block;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	z-index: 2;
	font-size: 14px;
	line-height: 14px;
	border-radius:50px;
	margin-top:20px;
}
#video-mobile{
	display: none;
}


.video-container-intro {
    
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-position: 50%;
    overflow: hidden;
}


.video-container-intro video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    
    min-height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
	min-height: calc(var(--vh, 1vh) * 100);
    
    
/*
    
    
*/
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/* .rockwell{
	font-family: paralucent, sans-serif;
	font-weight: 400;
}

.rockwell-bold{
	font-family: paralucent, sans-serif;
	font-weight: 700;
} */

.float-star{
	position: absolute;
	left: -10%;
	bottom: -20%;
	width: 25%;
}

.float-gift{
	position: absolute;
	right: -10%;
	bottom: -20%;
	width: 25%;
}
.float-glob{
	position: absolute;
	left: -10%;
	bottom: -20%;
	width: 25%;
}
.float-brad{
	position: absolute;
	right: 10%;
	bottom: -20%;
	width: 25%;
}

.video-over{
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 100%;
	transform: translateY(-50%);
}

.video-container-intro .logo{
	width: 140px;
	margin: 0 auto;
	z-index: 2;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 50px;
}


 .logo{
	width: 119px;
	margin: 0 auto;
	z-index: 2;
	margin-top: 20px;
}


.video-over .headline-img{
	
	width: 700px;
	margin: 0 auto;
	
}



.video-over .instructiuni{
	text-align: center;
	color: #FBE1C0;
	font-size: 22px;
	line-height: 35px;
	margin-top: 60px;
}

.video-over .instructiuni span{
	color: #FCD700;
	font-weight: bold;
}



.bg-hearts{
	background: url("img/hearts_bg.png") top center no-repeat;
	background-size: contain;
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	
	-webkit-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
}


.main{
	
	
	color: #ffffff;
	
}

.inscrie{
	max-width: 250px;
	margin: 0 auto;
	margin-top: 100px;
}
.peisaj{
	background: #F3F4F4 url("./img/peisaj.png") center top no-repeat;
	background-size: contain;
	
}
.main .pasi{
	max-width: 900px;
	margin: 0 auto;
	margin-top: 50px;
}
.main .pasi .pas .img_pas{
	max-width: 140px;
	margin: 0 auto;
}

.main .pasi .pas{
	margin-bottom: 20px;
}
.main .pasi .pas .img_titlu{
	text-align: center;
	font-weight: bold;
	
	font-size: 18px;
	max-width: 180px;
	margin: 0 auto;
	margin-top: 10px;
}
.iphone{
	padding-top: 500px;
	max-width: 600px;
	margin: 0 auto;
}

.formular-inscriere{
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-size: cover;
}

.formular-inscriere .title{
	font-size: 55px;
	text-align: center;
	margin-bottom: 40px;	
	text-transform: uppercase;
}



.main .description{
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 35px;
}



.premii .premiu-1{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.premii .premiu-2{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.premii .imagine{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}


.premii .image-description,
.premii .image-prize{
	display: inline-block;
	vertical-align: middle;
	width: auto;
}


.intro .premii{
	margin-top: 40px;
}

.premii .image-prize{
	max-width: 150px;
}

.premii .image-description{
	padding-left: 30px;
	font-size: 20px;
font-weight: 500;
line-height: 24px;
}

.intro .intro-body .btn-body{
	margin-top: 40px;
}
.intro .intro-body .btn-body .buton-inscrie{
	background: #fff;
	margin: 0;
	color: #D4313F;
	width: 250px;
	font-size: 18px;
	font-weight: bold;
}


.intro .intro-body{
	max-width: 650px;
}

.intro .intro-body .title{
	font-size: 60px;
	text-transform: uppercase;
}

.intro .intro-body .title span{
	font-style: italic;
}

.intro .intro-body .title span br{
	display: none;
}
.cerinte{
	color: #009246;
	
	padding-top: 5rem;
	padding-bottom: 5rem;
	background:  url('./img/bg_cerinte.png') center center no-repeat;
	background-size: cover;
}

.cerinte .image img{
	max-height: 100px;
	width: auto;
	margin: 0 auto;
}

.cerinte .title{
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
}


.ce-castigi{
	color: #fff;
	
	padding-top: 5rem;
	padding-bottom: 5rem;
	background:  url('./img/bg_ce_castigi.png') center center no-repeat;
	background-size: cover;
}

.ce-castigi .title{
	font-size: 55px;
	text-align: center;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.ce-castigi .sub-title{
	font-size: 30px;
	text-align: center;
}

.ce-castigi .premiu img{
	max-height: 400px;
	margin: 0 auto;
	width: auto;
}

.ce-castigi .premiu{
	margin-top: 20px;
	margin-bottom: 0;
}
.main .description-inscriere{
	font-size: 22px;
	line-height: 35px;
	margin-top: 30px;
	text-align: center;
}

.main .description-inscriere em{
	font-size: 18px;
	line-height: 22px;
}
.main .img_title{
	display: block;
	margin: 0 auto;
}


.main .img_title img{
	width: auto;
	height: 135px;
	margin: 0 auto;
}

.main .description{
	margin-top: 30px;
	color: #FBE1C0;
font-size: 22px;
line-height: 35px;
font-weight: bold;
}


/* #success{
	color: #009246;
}

#success a{
	color: #009246;
} */


.main .title_pachet{
	margin-top: 30px;
	color: #FBE1C0;
	font-size: 36px;
	line-height: 35px;
	font-weight: bold;
	text-align: center;
}


/*
.main .premiu{
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 100px;
}
*/

.main .detalii_pachet .block{
	display: inline-block;
	width: 25%;
	vertical-align: top;
	text-align: center;
}

.main .detalii_pachet .block .img_pachet{
	max-width: 120px;
	margin: 0 auto;
	transition: .3s ease-out; 
}


.main .detalii_pachet .block .img_pachet:hover{
	transform: scale(1.1);
}

.main .detalii_pachet .block .desc_pachet{
	max-width: 200px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
}

.main .detalii_pachet{
	margin-top: 60px;
	margin-bottom: 100px;
}




.prize-sel{
	margin-top: 50px;
}

.prize-item{
	display: inline-block;
	vertical-align: bottom;
	width: 33%;
}

.prize-body{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}

.prize-body .title{
	font-size: 30px;
	
	margin-top: 20px;
}


.prize-body button{
	background: #fff;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 15px;
	background: none;
	opacity: 0;
	
}

.prize-body.active button{
	background: #fff;
	color: #9B1844;
	opacity: 1;
	
}




.prize-body .image img{
	height: auto;
	width: 300px;
	margin: 0 auto;
}



.prize-body .image img.secondary,
.prize-body button.btn2{
	display: none;
}



.prize-body:hover .image img.secondary{
	display: block;
}


.prize-body:hover .image img.primary{
	display: none;
}


.prize-body.active button.btn1{
	display: none;
}
.prize-body.active button.btn2,
.prize-body.active .image img.secondary{
	display: block;
}

.prize-body.active .image img.primary{
	display: none;
}

#close-popup{
	font-size: 24px;
	color: #01493B;
	position: absolute;
	right: 20px;
	top:15px;
	cursor: pointer;
}


#container-formular {
  position: relative;
  width: 650px;
  max-width: 100%;
  margin:auto;
}


select.input,
input.input{
	background: none;
	border-radius: 0;
	border: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	height: 50px;
	
	border: 1px solid #ffffff;
	width: 100%;
	padding: 5px;
	color: #01493B;
	outline-style: none;
	background: #fff;
	padding-left: 20px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: bold;
}

input.input::placeholder{
	opacity: 0.7;
	color: #01493B;
	/* text-transform: uppercase; */
}

.group-input{
	margin-bottom: 25px;
	
}

a{
	color: inherit;
}


.input.ckb{
	text-align: left;
	width: auto;
	display: inline-block;
	line-height:20px;
	font-size: 12px;
}



/* #success{
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
} */

.buton-inscrie{
	border: 0;
	margin: 0;
	padding: 0;
	width: 170px;
	border: 0;
	border-radius: 0;
	height: 50px;
	color: #fff;
	margin: 0 auto;
	display: block;
	background: #009246;
	font-weight: bold;
	
	
	width: 250px;
	background: #01493B;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	border-radius: 50px;
	line-height: 54px;
}

.buton-inscrie:disabled{
	cursor: no-drop;
	color: #fff;
	background: #01493B;
	opacity:0.8;
}


.footer{
	/* background: #F3F4F4 url("./img/footer_bg.png") center top no-repeat; */
/*
	height: 200px;
	position: relative;
*/

	/* background-size: cover; */
	
	padding-top: 5rem;
	padding-bottom: 5rem;
	color: #fff;
	position:relative;
	overflow: hidden;
}

.footer .footer-container{
/*
	position: absolute;
	top: 60%;
	width: 100%;
	transform: translateY(-50%);
*/
}

.footer .text{
	text-align: center;
	line-height: 20px;
	color: #fff;
}

.footer .text a{
	font-weight: bold;
	color: #fff;
}

.social{
	/* font-size: 35px; */
	text-align: right;
	margin-top: 20px;
}
.footer .social a{
	padding: 5px;
}

.footer .social{
	text-align:center;
}



#snow {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	opacity: 1;
	z-index: 1;
	pointer-events: none
}


.arrow {
  text-align: center;

  
  position: absolute;
  
  left: 49%;
  bottom: 30px;
  color: #fff;
  
}



.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

.floating {
  -webkit-animation: floating 2s linear infinite;
  animation: floating 2s linear infinite;
}

@keyframes floating {
  0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  50% {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
  }
  100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
}

.click{
	height: 16%;
	position: absolute;
	right: 20%;
	width: 14%;
	background: none;
	outline-style: none;
	border: 0;
	cursor: pointer;
}



.spre-site{
	border: 0;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: #951B4B;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	cursor: pointer;
}




.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 0.8s  both;
	        animation: wobble-hor-bottom 0.8s both;
}


/* ----------------------------------------------
 * Generated by Animista on 2020-12-12 11:29:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}


#mute{
	font-size: 22px;
	color: #951B4B;
	position: fixed;
	right: 20px;
	top: 20px;
	z-index: 9;
	cursor: pointer;
	background: #D4313F;
	color: #fff;
	padding: 5px;
}

/* #success .title{
	font-size: 46px;
}
#success .descriere {
    font-size: 25px;
}

#success .sanse{
	line-height: 25px;
	font-size: 20px;
} */
.bon{
	position: absolute;
	width: 200px;
	top: 45%;
	transform: translateY(-50%) rotate(-10deg);
	left: 0;
	pointer-events: none;
}
.bon .image{
	-webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.42);
-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.42);
box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.42);
}


.bg-button{
	background: url('./img/bg_poarta.png') top center no-repeat;
	height: 330px;
background-size: contain;
position: relative;
}

.bg-button .buton-inscrie{
	position: absolute;
	top: 34%;
	left: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}

.input-nr{
	position: relative;
}
.show-bon{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #333;
	font-size: 20px;
	cursor: pointer;
	display: none;
}




.x1 {
  left: 5%;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
    -webkit-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.x2 {
    left: 25%;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.9;
    -webkit-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
    -moz-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
}
.x3 {
    left: 55%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.8;
    -webkit-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
}
.x4 {
    left: 72%;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.9;
    -webkit-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: moveclouds 18s linear infinite, sideWays 0zs ease-in-out infinite alternate;
}
.x5 {
    left: 88%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.3; 
    -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
    -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
}
.x6 {
    left: 33%;
    opacity: 1; 
    -webkit-animation: moveclouds 2s linear infinite, swayWays 1s ease-in-out infinite alternate;
    animation: moveclouds 10s linear infinite, swayWays 9s ease-in-out infinite alternate;
}

@-webkit-keyframes moveclouds { 
    0% { 
        top: 500px;
    }
    100% { 
        top: -500px;
    }
}

@keyframes moveclouds {     
    0% { 
        top: 500px;
    }
    100% { 
        top: -500px;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@keyframes sideWays {
  0% {
      margin-left:0px;
  }
  100% {
      margin-left:50px;
  }
}

@-keyframes swayWays {
  0% {
    transform: rotate(12deg);
    left:-0.3%;
  }
  33%{
    transform: rotate(-2deg);
    left: 0.7%;
  }
  100% {
    transform: rotate(0deg);
    left:-12%;
  }
}













.main .premiu{
	opacity: 0;
}

.puff-in-center{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both}




/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 14:19:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}



/* //  HEART CODE */
.altheart {
  background: url(https://static.indigoimages.ca/2016/shop/113439_img25_twotoneheart.png) no-repeat center;
  width: 24px;
  height: 21px;
  position: relative;
  display: block;
}

.heart {
    position: relative;
}
.heart:before,
.heart:after {
    position: absolute;
    content: "";
    left: 18px;
    top: 0;
    width: 18px;
    height: 30px;
    background: #bf1316;
    -moz-border-radius: 20px 50% 0 0;
    border-radius: 30px 30px 0 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}

.headline-title-sub{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}

.headline-title-desc{
	font-size: 16px;
	text-align: center;
	max-width: 650px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 100px;
}
.castigator{
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(25, 53, 82, 0.6);
	width: 130px;
	height: 130px;
	left: 50%;
	transform: translateX( -50%);
	top: 6px;
}

.castigator_over{
	top: 50%;
	width: 130px;
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 14px;
	
}
.castigator_over .title{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
}
.castigator_over .nume{
	background: #fff;
	color: #193552;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.brad{
	padding-top: 10rem;
	position: relative;
}

.brad .titlu-campanie,
.titlu-castigatori{
	font-family:new-kansas, serif;
	font-size:48px;
	color: #C29D52;
	text-align:center;
	line-height: 1.4;
	letter-spacing:-1px;
}
.titlu-formular,
#success .title {
	font-family:new-kansas, serif;
	font-size:48px;
	color: #01493B;
	text-align:center;
	line-height: 1.4;
	letter-spacing:-1px;
}
.brad .descriere-campanie,
.descriere-castigatori,
.descriere-formular,
#success .descriere{
	margin-top:50px;
	margin-bottom:50px;
	font-size:22px;
	text-align: center;
	line-height: 1.4;
}
.descriere-formular{
	margin-top:10px;
}
.text-regulament{
	font-size: 18px;
}
#success .descriere{
	margin-top:10px;
	margin-bottom:10px;
}
.brad .arrow{
	bottom: -200px;
}
.container-brad{
	max-width: 900px;
	margin: 0 auto;
	padding:50px 0px 100px;
}
.rand{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.cadou{
	max-width: 200px;
	display: inline-block;
	position: relative;
	margin:10px;
	opacity: 0;
	transform: translateY(-200px);
	transition: opacity 0.5s, transform 0.5s;
}

.cadou.show {
  opacity: 1;
  transform: translateY(0);
}

@keyframes dropAnimation {
  0% {
	opacity: 0;
	transform: translateY(-200px);
  }
  100% {
	opacity: 1;
	transform: translateY(0);
  }
}

.cadou.reveal img{
	max-width: 180px;
}
.cadou.azi{
	cursor:pointer;
	transform: scale(1);
	-webkit-animation: pulse 2s linear;
	  -moz-animation: pulse 2s linear;
	  animation: pulse 2s linear;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
}

#popup-form {
  display: none;
  position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #C29D52;
	border-radius: 20px;
	padding: 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	z-index: 1000;
	width: 950px;
	max-width: 80%;
	min-height: 500px;
	justify-content: center;
	align-items: center;
}

#popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 900; /* Ensure the overlay is below the popup */
}

#popup-overlay.popup-visible {
  display: block;
}
#popup-form.popup-visible {
  display: flex;
}
#formular-inscriere-mesaje{
	width: 100%;
}

.headline-title{
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 0px;
}

.snowflake {
	 color:#fff;
	 font-size: 2em;
	 /* font-family:Arial,sans-serif; */
	 text-shadow:0 0 5px rgba(0,0,0,.3)
}
	@-webkit-keyframes snowflakes-fall {
	 0% {
	  top:-10%
	 }
	 to {
	  top:100%
	 }
	}
	@-webkit-keyframes snowflakes-shake {
	 0%,
	 to {
	  -webkit-transform:translateX(0);
	  transform:translateX(0)
	 }
	 50% {
	  -webkit-transform:translateX(80px);
	  transform:translateX(80px)
	 }
	}
	@keyframes snowflakes-fall {
	 0% {
	  top:-10%
	 }
	 to {
	  top:100%
	 }
	}
	@keyframes snowflakes-shake {
	 0%,
	 to {
	  transform:translateX(0)
	 }
	 50% {
	  transform:translateX(80px)
	 }
	}
	.snowflake {
	 position:fixed;
	 top:-10%;
	 z-index:9998;
	 -webkit-user-select:none;
	 -moz-user-select:none;
	 -ms-user-select:none;
	 user-select:none;
	 cursor:default;
	 -webkit-animation-name:snowflakes-fall,snowflakes-shake;
	 -webkit-animation-duration:10s,3s;
	 -webkit-animation-timing-function:linear,ease-in-out;
	 -webkit-animation-iteration-count:infinite,infinite;
	 -webkit-animation-play-state:running,running;
	 animation-name:snowflakes-fall,snowflakes-shake;
	 animation-duration:10s,3s;
	 animation-timing-function:linear,ease-in-out;
	 animation-iteration-count:infinite,infinite;
	 animation-play-state:running,running
	}
	.snowflake:nth-of-type(0) {
	 left:1%;
	 animation-delay:0s,0s
	}
	.snowflake:first-of-type {
	 left:10%;
	 animation-delay:1s,1s
	}
	.snowflake:nth-of-type(2) {
	 left:20%;
	 animation-delay:6s,.5s
	}
	.snowflake:nth-of-type(3) {
	 left:30%;
	 animation-delay:4s,2s
	}
	.snowflake:nth-of-type(4) {
	 left:40%;
	 animation-delay:2s,2s
	}
	.snowflake:nth-of-type(5) {
	 left:50%;
	 animation-delay:8s,3s
	}
	.snowflake:nth-of-type(6) {
	 left:60%;
	 animation-delay:6s,2s
	}
	.snowflake:nth-of-type(7) {
	 left:70%;
	 animation-delay:2.5s,1s
	}
	.snowflake:nth-of-type(8) {
	 left:80%;
	 animation-delay:1s,0s
	}
	.snowflake:nth-of-type(9) {
	 left:90%;
	 animation-delay:3s,1.5s
	}
	.snowflake:nth-of-type(10) {
	 left:25%;
	 animation-delay:2s,0s
	}
	.snowflake:nth-of-type(11) {
	 left:65%;
	 animation-delay:4s,2.5s
	}
	
	.tabel{
		max-width: 850px;
		margin: 0 auto;
		padding-top: 5rem;
	}	
	
	.lista-castigatori{
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 20px;
		text-align: center;
	}
	.tabel table{
		border-collapse: separate;
		border-spacing: 30px;
	}
	.tabel td{
		text-align: center;
		padding: 5px;
		font-size: 16px;
		font-weight: bold;
	}
	
	.tabel th{
		background: #C29D52;
		  color: #fff;
		  padding: 15px;
		  border-radius: 50px;
		  font-size: 12px;
		  font-weight: bold;
	}
	
	.scroll-downs {
	  position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		margin: auto;
		width: 26px;
		height: 40px;
	}
	.mousey {
	  width: 3px;
	  padding: 3px 10px;
		height: 30px;
		border: 2px solid #fff;
		border-radius: 25px;
		opacity: 0.75;
		box-sizing: content-box;
	}
	.scroller {
	  width: 3px;
	  height: 10px;
	  border-radius: 25%;
	  background-color: #fff;
	  animation-name: scroll;
	  animation-duration: 2.2s;
	  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
	  animation-iteration-count: infinite;
	}
	@keyframes scroll {
	  0% { opacity: 0; }
	  10% { transform: translateY(3px); opacity: 1; }
	  100% { transform: translateY(15px); opacity: 0;}
	}
	
	.spin{
		  animation: spin 8s linear infinite;
	}
	
	@keyframes spin {
	 0%{
		transform: rotate(0deg);
	   }
	100%{
		transform: rotate(360deg);
	   }
	}
	@keyframes pulse {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(0.9);
		}
		100% {
			transform: scale(1);
		}
	}
	@-webkit-keyframes pulse {
	 0% {
		-webkit-transform: scale(1);
	 }
	 50% {
		-webkit-transform: scale(0.9);
	 }
	 100% {
		-webkit-transform: scale(1);
	 }
	}
	
	.cadou.reveal .flip-card {
		perspective: 1000px;
		width: 180px;
		height: 180px;
		cursor:alias;
	}
	
	.cadou.reveal .flip-card-inner {
		width: 100%;
		height: 100%;
		transform-style: preserve-3d;
		transition: transform 0.5s;
	}
	
	.cadou.reveal .flip-card:hover .flip-card-inner {
		transform: rotateY(180deg);
	}
	
	.cadou.reveal .flip-card-front,
	.flip-card-back {
		width: 100%;
		height: 100%;
		position: absolute;
		backface-visibility: hidden;
	}
	
	.cadou.reveal .flip-card-front {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.flip-card-back {
		transform: rotateY(180deg);
		display: flex;
		justify-content: center;
		align-items: center;
	}