html {font-size: 62.5%;}

body{
	background: #e6e1d6;
}

.carousel-bottom{
	display:inline-block;
	width:100%;
}

.carousel-bottom.carousel-promotii-active{
	background:#fd312e;
}

.top{
	width:100%;
	padding:1rem 0 2rem 0;
}

.top .container{
	position:relative;
}

.top .container img{
	margin:0;
}

.top .left-text-content{
}

.top .left-text-content h1{
	font-size:10rem;
	color:#000000;
	text-transform:uppercase;
	margin:0;
	line-height:100%;
}

.top .left-text-content h2{
	font-size:3.8rem;
	color:#fd312e;
	text-transform:none;
	margin:1rem 0 0 0;
	line-height:100%;
}

.top .left-text-content p{
	font-size:1.8rem;
	color:#000000;
	line-height:2.2rem;
	text-transform:none;
	margin:2rem 0 0 0;
}

.lifes-good{
	margin:6rem 0;
}

.top img.bottom-img{
	padding:180px 0 0 0;
}

.custom-slider-top .carousel-item p{
	font-size:2.9rem;
	margin:2rem 0 0 0;
	color:#545454;
	line-height:3.5rem;
}

.custom-slider-top .carousel-item img{
	float:right;
}

.navbar-custom {
	padding:2rem 0 3rem 0;
	margin:0;
}

.navbar-custom a{
	font-size:1.6rem;
	color:#000000;
}

.navbar-custom a:hover{
	color:#000000;
	text-decoration:underline;
}

.carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%747474'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%747474'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	display: inline-block;
	width: 4rem;
	height: 4rem;
	color:#747474;
}

.content-page{
	position:relative;
	z-index:9;
}

.promotii{
	float:left;
}

.content-page .promotii h3{
	color:#ffffff;
	font-size:10rem;
	text-transform:uppercase;
	float:left;
	width:100%;
	text-align:center;
	margin:1rem 0 2rem 0;
}

.promo-box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.carousel-bottom.carousel-promotii-inactive .promotii h3,.carousel-bottom.carousel-promotii-inactive .backg-filter .promo-box h3{
	color:#1e1e1e;
}

.carousel-bottom.carousel-promotii-inactive .backg-filter .promo-box a{
	background: #fd312e;
}

.carousel-bottom.carousel-promotii-inactive .backg-filter .promo-box p {
  color: #fd312e;
}

.content-page .promotii .promo-box{
	margin:0 0 2rem 0;
	padding:0;
}

.content-page .promotii .promo-box img{
	border-radius:10px;
}

.content-page .promotii .promo-box h3, .content-page .promotii .promo-box p,.content-page .promotii .promo-box a, .backg-filter .promo-box h3, .backg-filter .promo-box a{
	text-transform:none;
	font-size:5rem;
	color:#ffffff;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	line-height:5rem;
	font-weight:normal;
}

.backg-filter .promo-box p{
	color:#000000;
}

.content-page .promotii .promo-box p,.backg-filter .promo-box p{
	font-size:1.6rem;
	line-height:2rem;
	text-transform:none;
	margin:.5rem 0 0 0;
	text-align:center;
}

a.descopera, .top.abonare-nl a span, .content-page .promotii .promo-box a,.backg-filter .promo-box a{
	color:#ffffff;
	background: #fd312e;
	text-align:center;
	font-size: 18px;
	line-height:100%;
	padding: 1rem 2rem 1.2rem 2rem;
	margin: 3rem 0 0 0;
	position:relative;
	float:left;
	border-radius:30px;
	text-transform: none;
	text-decoration: none;
}

a.descopera:hover{
	text-decoration:underline;
}

.backg-filter .promo-box a{
	color:#ffffff;
	background: #1d1d1d;
	width:130px;
	float:none;
	display:block;
	margin:15px auto 0;
}

.content-page .promotii .promo-box a:hover, .backg-filter .promo-box a:hover{
	text-decoration:underline;
}

.carousel-footer{
	z-index:9;
}

.carousel-footer .custom-box-footer{
	padding:2rem 1.5rem;
}

.backg-filter{
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	z-index: 1040;
	max-width: 500px;
	height: 100%;
	background-color: #cd3751;
	opacity: .5;
	margin:0 auto;
	border-radius:10px;
}

.backg-filter:hover{
	background-color: transparent;
	transition: all 1s ease;
}

.backg-filter.no-abs{
	position:relative;
	width:auto;
	opacity: 1;
	background-color: transparent;
}

.custom-box-footer .backg-filter .promo-box{
	padding:0 1.5rem;
}

.custom-box-footer img{
	border-radius:10px;
}

.backg-filter .promo-box h3{
	color:#ffffff;
    min-height: 100px;
}


.carousel-footer .carousel-item .custom-box-footer{
	position:relative;
}

.custom-box-footer .backg-filter table{
	height:100%;
	margin:0 auto;
}

.footer-btm{
	margin:2rem 0 0 0;
	float:left;
	width:100%;
}

.footer-btm ul{
	margin: 0 auto;
	padding: 0 0 1rem 0;
	float: left;
	width: 100%;
}

.footer-btm ul li {
  float: left;
  color: #1e1e1e;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 1.5rem;
  list-style-type: none;
}

.footer-btm ul li a {
  color: #1e1e1e;
  margin: 0 10px 0 0;
  text-decoration:none;
}

.footer-btm ul li a:hover{
	text-decoration:underline;
}

.footer-btm ul li:last-child {
  float: right;
  margin-right:0;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler-icon {
	width: 2.5em;
	height: 2.5em;
}

.navbar-dark .navbar-toggler {
  color: rgba(0,0,0,.55);
  border-color: rgba(0,0,0,.5);
}

.navbar-toggler:focus {
	box-shadow: none;
}

.carousel-control-next, .carousel-control-prev{
	z-index:9999;
}


#stars{
	background:#f3f3f3;
	position:fixed;
	top:0;
}

.container.carousel.slide.carousel-footer .space-l-r{
	position:relative;
	margin:0 .5rem;
}

.promotii-active{
	padding:0;
}

.promotii-active .container{
	padding:0;
}

/* Sectiune abonare NL begin */

.abonare-nl .content-abonare-right{
	position:relative;
	background:#cbc7bd;
}

.abonare-nl .content-abonare-right img{
	padding:20px 0;
}

.abonare-nl .image-mask-abonare{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:url('../bkg-abonare.png') no-repeat center center transparent;
	position:absolute;
	top:0;
	/*background-size:100%;*/
}

.abonare-nl .bulina-rosie{
	width: 320px;
	height: 320px;
	overflow: hidden;
	background:#fd312e;
	position:relative;
	border-radius:100%;
	float: right;
}

.abonare-nl .bulina-rosie img{
	max-height: 100%;
	min-width:auto;
}

.abonare-nl{
	float:left;
	width:100%;
	margin:1rem 0 3rem;
	padding: 2rem 0;
}

.top.abonare-nl h2{
	font-size:10rem;
	color:#000000;
	text-transform:uppercase;
	margin:0;
	line-height:100%;
}

.top.abonare-nl p{
	font-size: 1.8rem;
	color: #000000;
	line-height: 2.2rem;
	text-transform: none;
	margin:2rem 0 0 0;
}

.top.abonare-nl a{
	display: block;
	border: none;
	float: none;
	clear: both;
	text-align: center;
	margin:6rem auto 0;
	text-decoration:none;
	color:#ffffff;
}

.top.abonare-nl a span{
	float:none;
	text-decoration:none;
}

.abonare-nl a:hover{
	text-decoration:underline;
}

/* Sectiune abonare NL end */

/* slot machine*/
.slot-machine,
.slot-machine .row,
.slot-machine .col-12 {
  height: 500px;
}

.slot-column {
  overflow: hidden;
  padding: 0;
  border: 5px solid #e6e1d6;
}

.slot-track {
  display: flex;
  flex-direction: column;
  animation: scroll 6s linear infinite;
  will-change: transform;
}

.slot-2 .slot-track {
  animation-delay: 0.3s;
}

.slot-3 .slot-track {
  animation-delay: 0.9s;
}

.slot-track img {
  width: 100%;
  object-fit: contain;
}

@keyframes scroll {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-25%); }
}

.slot-machine {
  position: relative;
  overflow: hidden;
}

/* Pseudoelemente pentru umbre fade */
.slot-machine::before,
.slot-machine::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: 10;
  pointer-events: none;
}

.slot-machine::before {
  top: 0;
  background: linear-gradient(to bottom, rgba(230, 225, 214, 1), rgba(230, 225, 214, 0));
}

.slot-machine::after {
  bottom: 0;
  background: linear-gradient(to top, rgba(230, 225, 214, 1), rgba(230, 225, 214, 0));
}

.campaign-container:nth-child(3n + 1) > div > div > div > div > .image-mask{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:url('../background-one.png') no-repeat center center transparent;
	position:absolute;
	top:0;
	background-size:100%;
}

.campaign-container:nth-child(3n + 2) > div > div > div > div > .image-mask{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:url('../background-two.png') no-repeat center center transparent;
	position:absolute;
	top:0;
	background-size:100%;
}

.campaign-container:nth-child(3n) > div > div > div > div > .image-mask{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:url('../background-three.png') no-repeat center center transparent;
	position:absolute;
	top:0;
	background-size:100%;
}

.image-mask-inactive-1{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:url('../background-one-inactiv.png') no-repeat center center transparent;
	position:absolute;
	top:0;
	background-size:100%;
}

.image-mask-inactive-2{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:url('../background-two-inactiv.png') no-repeat center center transparent;
	position:absolute;
	top:0;
	background-size:100%;
}

.image-mask-inactive-3{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:url('../background-three-inactiv.png') no-repeat center center transparent;
	position:absolute;
	top:0;
	background-size:100%;
}

.carousel-bottom.carousel-promotii-active .card{
    border:none;
}

.carousel-bottom.carousel-promotii-active .card .backg-filter.no-abs{
    background:#fd312e;
    border-radius:0;
}