/* fonts */

@font-face {
  font-family: 'Brevia-Bold';
  src: url('../fonts/Brevia-Bold.otf')  format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Brevia-Light';
  src: url('../fonts/Brevia-Light.otf')  format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Brevia-Medium';
  src: url('../fonts/Brevia-Medium.otf')  format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Brevia-Regular';
  src: url('../fonts/Brevia-Regular.otf')  format('truetype'); /* IE9 Compat Modes */
}

html,body {
	margin: 0;
	padding: 0;
	font-family: 'Brevia-Light';
	overflow-x:hidden;
}

h1,h2,h3 {
	color:#F04473;
	font-family: 'Brevia-Bold';
	font-size:54px;
}

h2 {
	font-size:42px
}

h3 {
	font-size:32px;
}

p {
	font-size:18px;
	color:#7B4418
}

.default-content-styling ul {
	font-size:18px;
	color:#7B4418
}

.default-content-styling ul li::marker {
	color:#ED1651;
}

.text-roz {
	color:#F04473;
}

.text-maro {
	color:#7B4418;
}

img {
	max-width: 100%;
}

* {
	box-sizing: border-box;
}

a:hover {
	color:inherit;
}

.container {
	max-width:1350px;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 1.5);
	padding-left: calc(var(--bs-gutter-x) * 1.5);
}

.container-small {
	max-width:800px;
	margin:0 auto;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 1.5);
	padding-left: calc(var(--bs-gutter-x) * 1.5);
}

header {
	position: fixed;
	width:100%;
	top:0;
	padding-top:40px;
	z-index: 999;
	transition: .5s all;
}

.header-logo-img {
	max-height:100px;
	transition: .5s all;
}

.desktop-menu {
	background-color:#ED1651;
	border:3px solid white;
	border-radius:30px;
	padding:8px 30px;
	box-shadow: 0px 3px 6px #00000029;
	color:#fff;
	font-size:20px;
	transition: .5s all;
}

header.sticky {
	padding-top:5px;
}

header.sticky .desktop-menu {
	padding:0px 30px;
	font-size:18px;
}

.mobile-menu-container {
	background-color:#ED1651;
	border:3px solid white;
	border-radius:30px;
	padding:8px 15px;
	box-shadow: 0px 3px 6px #00000029;
	color:#fff;
	font-size:20px;
	transition: .5s all;
}


header .mobile-menu-container .header-logo-img {
	max-height:70px;
	width:auto;
}

header.sticky .mobile-menu-container .header-logo-img {
	max-height:70px;
	width:auto;
	margin-top:-20px;
}

#mobile-menu .dropdown-menu {
	position:relative!important;
	transform: none!important;
}

.hp-hero {
	min-height: 90vh;
	width:100%;
	position: relative;
	background-size:contain;
	background-position:top right;
	background-image:url('../images/hpheroshapeAnimated.svg');
	background-repeat: no-repeat;
	padding-top:250px;
}

.title-container {
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	background-color:#FBD1DC;
	padding-top:200px;
	padding-bottom:150px;
	text-align: center;
}

.title-container h1 {
	color:#fff;
	text-shadow: 0px 0px 10px #000;
}

.bg-descopera {
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image:url('../images/BG-descopera.svg');
}

.bg-val-maro {
	background-size:contain;
	background-position: center 100px;
	background-repeat: no-repeat;
	background-image:url('../images/simple-wave-brown@2x.png');
}

.bg-val-roz {
	background-size:contain;
	background-position: center 100px;
	background-repeat: no-repeat;
	background-image:url('../images/simple-wave-pink@2x.png');
}

.bg-sub-descopera-roz {
	background-image:url('../images/bg-thumb-pink@2x.png');
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius:40px;
	margin-bottom:25px;
	text-align: center;
	color:#fff;
	font-family: 'Brevia-Bold';
	font-size:26px;
	padding:15px;
}

.bg-sub-descopera-maro {
	background-image:url('../images/bg-thumb-brown@2x.png');
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius:40px;
	margin-bottom:25px;
	text-align: center;
	color:#fff;
	font-family: 'Brevia-Bold';
	font-size:26px;
	padding:15px;
}

.bg-roz {
	background-color:#FBD1DC;
	width:100%;
	display: block;
}

.bg-maro {
	background-color:#D8C5AF;
	width:100%;
	display: block;
}

.bg-roz-inchis {
	background-color:#F04473;
}

.buton-roz, .buton-roz:visited {
	background-color:#ED1651;
	color:#fff;
	font-family: 'Brevia-Bold';
	border-radius: 25px;
	padding:12px 55px;
	margin-top:10px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	font-size:18px;
	text-decoration: none;
}

.buton-maro, .buton-maro:visited {
	background-color:#7B4418;
	color:#fff;
	font-family: 'Brevia-Bold';
	border-radius: 25px;
	padding:12px 55px;
	margin-top:10px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	font-size:18px;
	text-decoration: none;
}

.buton-basic {
	color:#7B4418;
	font-weight: bold;
}

.snippet-articol {
	margin-bottom:20px;
	width:100%;
}

.snippet-articol-img {
	overflow:hidden;
	border-radius:30px;
	width:100%;
	padding-top:78%;
	position: relative;
}

.snippet-articol-img > img {
	position: absolute;
	width:100%;
	top:0;left:0;right:0;bottom:0;
	min-height: 100%;
}

.snippet-articol a {
	text-decoration:none;
}

.swiper-controller-povestea .swiper-slide {
	font-size:40px;
	color:#7B4418;
	text-align: center;
	cursor: pointer;
}

.swiper-button-prev::after,.swiper-button-next::after {
	color:#ed1651;
	font-size:30px;
	font-weight: bold;
}

.swiper-controller-povestea .swiper-slide-thumb-active {
	font-family: 'Brevia-Bold';
	text-decoration: underline;
	text-decoration-thickness: 5px;
}

.swiper-main-povestea .swiper-slide {
	padding:25px;
}

.timeline-detail-box {
	width:100%;
	box-shadow: 0px -4px 16px #00000029;
	border-radius:25px;
	padding:15px;
	box-sizing: border-box;
	background-color:#fff;
}

.timeline-detail-img {
	padding-top:100%;
	width:100%;
	overflow: hidden;
	border-radius:16px;
	background-size:cover;
	background-position: center center;
}

.timeline-detail-text p {
	/*font-size:0.9rem;*/
}

.fact-box {
	width:100%; 
	border-radius:25px;
	padding:15px 15px 0 15px;
	box-sizing: border-box;
	text-align: center;
	background-color:#fff;
	box-shadow: 0px 12px 51px #00000029;
	margin-bottom:25px;
	height:100%;
}

.fact-box-img {
	width:100%;
	padding-top:40%;
	background-color:lightgray;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom:25px;
	background-size:cover;
	background-position: center center;
}

.fact-box p {
	/*font-size:0.9rem;*/
}

.blog-box {
	border-radius:25px;
	overflow: hidden;
	width:100%;
	padding-top:67%;
	position: relative;
	cursor: pointer;
	margin-bottom:25px;
}

.blog-box h2 {
	position: absolute; bottom:10px; left:20px;
	z-index: 1;
	color:#fff;
	font-size:1.4rem;
	transition:.5s all;
}

.blog-box-img {
	position: absolute;
	width:100%;
	left:0;right:0;
	bottom:0;top:0;
	background-size:cover;
	background-position: center center;
	transition:.5s all;
}

.blog-box::after {
	position:absolute;
	content:'';
	width:100%;
	height: 100%;
	left:0;right:0;
	bottom:0;top:0;
	background-color:rgba(123,68,24,0.5);
	transition:.5s all;
}

.blog-box:hover .blog-box-img {
	transform:scale(1.4);
}

.blog-box:hover::after {
	opacity:0;
}
.blog-box:hover h2 { 
	background-color:rgba(123,68,24,0.5);
	padding:15px;
}

.hero-articol {
	padding-top:45%;
	width:100%;
	border-radius:25px;
	background-size:cover;
	background-position: center center;
}

.rounder-corners-img {
	border-radius:25px;
}

.container-harta {
	border-radius:25px;
	border:2px solid lightgray;
	overflow: hidden;
}

.swiper-produse .swiper-slide {
  height: auto;
}

.swiper-produse {
	padding:30px;
	user-select: none;
}

.divider-wave {
	/*background-image:url('../images/divider-wave.svg');
	background-repeat: repeat-x; #7B4418*/
	background-color:#ED1651;
	height: 1px;
	opacity:0.6;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

.slide-produs {
	width:100%;
	border-radius:25px;
	padding:15px;
	height: 100%;
	background-color:#D8C5AF;
	box-shadow: 2px 5px 15px #00000029;
	padding-bottom:60px;
	position: relative;
}

.slide-produs-img {
	transform: translate(40px);
	transition:.5s all;
}

.slide-produs:hover .slide-produs-img {
	transform: translate(0px);
}

.slide-produs-titlu {
	font-size:20px;
	color:#7B4418;
	font-family: 'Brevia-Bold';
	margin-bottom:10px;
}

.arrows-outside .swiper-button-prev {
	left:-10px;
}

.arrows-outside .swiper-button-next {
	right:-10px;
}

.arrows-outside .swiper-pagination {
	bottom:-25px;
}

.arrows-outside .swiper-pagination-bullet {
	height: 10px;
	width:10px;
	background-color:#EC1550;
	opacity: 1;
}

.arrows-outside .swiper-pagination-bullet-active {
	width:30px;
	border-radius: 5px;
	height: 10px;
	background-color:#EC1550;
}

.arrows-outside-kv {margin-bottom:100px;}

.arrows-outside-kv .swiper-pagination {
	bottom:-55px;
}

.arrows-outside-kv .swiper-pagination-bullet {
	height: 10px;
	width:10px;
	background-color:#EC1550;
	opacity: 1;
}

.arrows-outside-kv .swiper-pagination-bullet-active {
	width:30px;
	border-radius: 5px;
	height: 10px;
	background-color:#EC1550;
}

.buton-slide-produs, .buton-slide-produs:hover {
	background-color:#7B4418;
	padding:10px 20px;
	border-radius:10px;
	color:#fff;
	font-size:24px;
	position: absolute;
	bottom:-5px;
	right:-5px;
	box-shadow: -3px -3px 5px #712D0A5C;
}

.product-spacer {
	width:100%;
	height: 250px;
}

.product-layout p > span {
	font-family: 'Brevia-Bold';
}

.product-layout-special {
	width:100%;
	border-radius:25px;
	background-color:#fff;
	box-shadow: 0px 13px 6px #00000029;
	padding:20px;
	color:#7B4418;
	font-size:0.9rem;
	height: 100%;
}

.product-layout-special table {
	border-collapse: collapse;
	width:100%;
}

.product-layout-special table tr td { 
	border-bottom: 1px solid gray;
	padding-top:7px;
	padding-bottom:3px;
}

.product-layout-special table tr td:nth-child(2) {
	text-align:right;
	padding-left:10px;
}

.product-layout-special h2 {
	font-size: 20px;
	color:#F04473;
	font-family: 'Brevia-Light';
	text-align: center;
	line-height: 24px;
	margin-bottom:25px;
}

#nav-icon3 {
  width: 40px;
  height: 35px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  position: absolute;
  top:0px;
  right:10px;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 7px;
  border:0px solid white;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 11px;
}

#nav-icon3 span:nth-child(3) {  
  -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
}

#nav-icon3 span:nth-child(4) {
  top: 22px;
  -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2);
}

#nav-icon3.open span {
	background:#fff;
	box-shadow:none;
}

#nav-icon3.open span:nth-child(1) {
  top: 15px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    border:none;
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
    border:none;
}

#nav-icon3.open span:nth-child(4) {
  top: 15px;
  width: 0%;
  left: 50%;
  border:none;
}

footer {
	background-color:#F04473;
	padding:40px 0 0 0;
}

input.wpcf7-form-control[type="submit"] {
	background-color:#ED1651;
	color:#fff!important;
	font-family: 'Brevia-Bold';
	border-radius: 25px;
	padding:12px 0px;
	margin-top:10px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	font-size:18px;
	text-decoration: none;
	width:100%;
	border:none;
}

.wpcf7-form p label.special span {width:90px; display:inline-block;}
.wpcf7-form p label.special input { display:inline-block; width:100%;}
.wpcf7-form .wpcf7-form-control-wrap {width:calc(100% - 100px)!important;}
.wpcf7-form textarea {height:100px; max-width:100%;}
.wpcf7-form .special input {border:none; border-bottom:2px solid gray; width:100%; outline:none;}
.wpcf7-form .special select {border:none; border-bottom:2px solid gray; width:100%; background:transparent;}
.wpcf7-form textarea {border:2px solid gray; outline:none;}
.wpcf7-form .special .wpcf7-not-valid-tip {width:100%;}

.swiper-controller-carusel-footer img { height:500px; width:auto; }
.swiper-controller-carusel-footer .swiper-slide {width:auto!important}
.swiper-controller-carusel-footer .swiper-wrapper { transition-timing-function: linear !important; }

.container-poza-produs {
	background-size:cover;
	background-position:center center;
	width:100%;
	padding-top:67%;
	box-sizing:border-box;
	border-radius:15px;
	cursor:pointer;
}

.social-links a {
	font-size:28px; 
	color:#fff;
	margin-right:15px; 
	display:inline-block;
}

.load-more-container {
	display:flex;
	justify-content:center;
}

@media only screen and (max-width:1270px) {
	
}	

@media only screen and (max-width:900px) {
	.swiper-controller-carusel-footer img { height:300px; width:auto; }
	.product-spacer { height:130px; }
	.swiper-controller-povestea .swiper-slide { font-size:20px; }
	.swiper-controller-povestea .swiper-slide-thumb-active { text-decoration-thickness: 3px; }
	header { padding-top:25px; }
	header.sticky { padding-top:15px; }
	.hp-hero { padding-top:130px }
	h1 { font-size: 44px; } 
	h2 { font-size: 32px; }
	h3 { font-size: 22px; }
	p { font-size:16px; }
	.title-container { padding-top:150px; padding-bottom:100px; }
}