@font-face {
    font-family: 'ownRabelo';
    src: url('fonts/Rabelo Regular.ttf');
}

@font-face {
    font-family: 'ownSansationLight';
    src: url('fonts/SansationLight.ttf');
}

@font-face {
    font-family: Verdanan;
    src: url(fonts/Verdana.ttf);	
}


@font-face {
    font-family: edwardian;
    src: url(fonts/ITCEDSCR.TTF);	
}

@font-face {
    font-family: gothic;
    src: url(fonts/urw_gothic_l_book.ttf);	
}



body {
	background-image: url(imagini/background.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body i 
{
	font-style:normal;
}

header {
	position: relative;
	margin-top:0px;
	width: 100%;
	/*background-color:  #ffffff;*/
	/*background-color: #00aef0;*/
}

footer
{
	display:block;
	/*background-color: #111;*/
	background-color: #2a96f5;
	color:white;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

footer a
{
	text-decoration:none;
	color:inherit;
	cursor:pointer;
}

.copywrite
{
	display:inline-block;
	padding:10px;
	font-size:14px;
	font-family: ownSansationLight;
	color: #fafafa;
	margin-bottom: 20px;
	width:140px;
	text-align: center;
}

holdercentral
{
	display: block;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color:white;
	padding-top:20px;
	position:relative;
	padding-bottom: 20px;
}

.logo 
{
	/*color: #262b33;*/
	color: #262b33;
	text-align: center;
	font-family: Verdanan;
	font-size: 14px;
	font-weight:bold;
	padding:5px;
	vertical-align:top;
	display: inline-block;
	/*width: 160px;*/ 
	margin-right:30px;
}

.logo a
{
	text-decoration: none;
	color:black;
}

.subLogo
{
	display: block;
	/*background-color:#047BBD;*/
	color:#d14a21;
	text-shadow:1px 1px #C0C0C0;
	padding:1px;
	font-size:18px;
	letter-spacing:2px;
	font-family:Verdanan;
 	padding-left:10px;
	padding-right:10px;
}

.uniqueBold
{
font-family:edwardian;
font-weight:bold;
}

.uniqueBold2
{
font-family:edwardian;
font-weight:bold;
font-size:24px;
}

.search
{
	margin-top:20px;
	border:1px solid black;
	border-radius:5px;
	height:37px;
	width:500px;
	/*background: url("poze/magnifying-glass2.png") no-repeat;*/
	background-position: right; 
	padding-left:10px;
}

	.searchHolder
	{
		display:inline-block;
		/*width:580px;*/
	}

	.searchHolder p
	{
		display:inline-block;
		margin-left: 5px;
		font-family:'Open Sans', sans-serif
	}

	.searchHolder p::after
	{
		content: " | ";
	}



.faTel:before
{
	content: "\f098";  /* this is your text. You can also use UTF-8 character codes as I do here */
	font-family: FontAwesome;
	font-size:18px;
}

.faClock:before
{
	content: "\f017";  /* this is your text. You can also use UTF-8 character codes as I do here */
	font-family: FontAwesome;
	font-size:18px;
}

.linkEmail
{
text-decoration:none;
color:black;
}

.mailSiFB
{
display:inline-block;
}

@media only screen and (max-width: 500px) {
.mailSiFB
{
display:block;
}

}


.faEmail:before
{
content: "\f0e0";  /* this is your text. You can also use UTF-8 character codes as I do here */
font-family: FontAwesome;
font-size:18px;
}


@media only screen and (max-width: 500px) {
   .search {
        width:300px;
	margin-top:0px !important;
    }
}


/* --------------- Shopping Cart -------------- */


.shoppingCartIcon
{
	display:inline-block;
	color: #688f10;
	margin-right:20px;
	border-radius:3px;
	border:1px solid #688f10;
	padding:10px;
	cursor:pointer;
	vertical-align:top;
	overflow:visible;
}

.shoppingCartIcon:hover
{
	color: #48640B;
	/*background-color: #036991;*/
	border:1px solid #48640B;
}

.detaliiCart
{
	display:none;
	margin-top:8px;
	position:absolute;
	z-index:200;
	/*background-color: #036991;*/
	background-color:white;
	margin-left:-11px;
	width:200px;
	padding:10px;
	border:1px solid #48640B;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;	
}

.lineDetaliiCart
{
	display:block;
	border-top: 1px dotted white;	
	padding:5px;
	color:#48640B;
}

.lineDetaliiCart a
{
	color: #888 !important;
}

.lineDetaliiCart:hover
{
	/*background-color: #047BBD;*/
	background-color: #e9ebee;
}

.shoppingCartIcon:hover .detaliiCart
{
	display:block;
}

.numberAlert
{
	background-color: #ef2809;
	display:inline-block;
	color:white;
	border-radius:10px;
	min-width:20px;
	height:20px;
	animation: item_pop .3s ease-in-out;
	text-align:center;
	vertical-align:middle;
	line-height:18px;
	float:right;
	margin-left:10px;
	font-family: Oswald, sans-serif;
	font-weight:bold;
	font-size:14px;
}

.rowCart
{
	display:block;
	padding:10px;
	margin-bottom:10px;
	border-bottom:1px dotted rgba(51,51,51,0.2);
	font-family: Roboto, Arial;
}

.rowCart img 
{
	transition: transform .2s; /* Animation */
}

.rowCart img:hover
{
	transform: scale(2.0);
}

.cartCell
{
	display:inline-block;
	vertical-align:middle;
}

.hoverEffect
{
	cursor:pointer;
}

.hoverEffect:hover
{
	color: #FB8324;
}

.cartPanelHolder
{
	display:block;
	background-color:rgba(170,170,170,0.1);
	width:100%;
	padding:10px;
	font:bold 20px / 30px "Roboto", Helvetica, Arial, Verdana, sans-serif;
	color:#333333;	
}

.cartPanelHolder span
{
	font-weight:normal;
}

.buttonCart
{
	display:inline-block;
	color:white !important;
	background-color: #ed573f;
	padding:10px;
	cursor:pointer;
	font:bold 20px / 30px "Roboto", Helvetica, Arial, Verdana, sans-serif;
	border-radius: 2px;
}

.buttonCart:hover
{
	background-color: #c40d0d;
}

.buttonCartTrimite
{
	display:inline-block;
	color:white !important;
	background-color: #ed573f;
	padding:10px;
	cursor:pointer;
	font:bold 20px / 30px "Roboto", Helvetica, Arial, Verdana, sans-serif;
	border-radius: 2px;
	margin-bottom:20px;
	position: relative;
  	left: 50%; 
  	margin-left: -125px; 
}

.buttonCartTrimite:hover
{
	background-color: #c40d0d;
}


/* --------------- Ended - Shopping Cart ---------- */

/* ----------------- Login Form ------------------- */

loading
{
	/*background-color: #8bbf37;*/
	/*background-color: #ed573f;*/
	margin-left:0;
	/*color:white;*/
	padding:5px;
	display:inline-block;
	margin-top:0;
	vertical-align:top;
	font-size:24px;
}

succes
{
	display:inline-block; 
	transition: all 5s linear;
	-moz-transition: all 5s linear;
	-webkit-transition: all 5s linear;
	-o-transition: all 5s linear;
	padding:10px;
}

failed
{
	display:none;
	transition: all 2s linear;
	-moz-transition: all 2s linear;
	-webkit-transition: all 2s linear;
	-o-transition: all 2s linear;
	padding:10px;
	color:red;
	text-align:center;
	margin-top:-150px;
	/*margin-bottom:10px;*/
	width:180px;
	margin-left:auto;
	margin-right:auto;
	
}

.pageButton
{
	display:inline-block;
	background-color:#FB8324;
	color:white;
	padding:5px;
	font-size:12px;
	cursor:pointer;
}

/* -------------- Ended - Login Form -------------- */

title
{
	display: inline-block;
}

titluPagina
{
	display:block;
	font-family: Oswald, sans-serif;
	font-size: 24px;
	color:white;
	padding:20px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

textContent
{
	display:block;
	font-family: ownSansationLight;
	font-size: 14px;
	color:#8c8c8c;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.menuHolder
{
	display: block;
	vertical-align: top;
	color: #047BBD;
	/*width: 100%;*/
	padding:3% 0 0 3%;
	margin-left:auto;
	margin-right:auto;
	font-family: Oswald, sans-serif;
}

displayBox
{
	display:inline-block;
	width:19% !important;
	font-size:12px;
	font-family: ownSansationLight;
	color:white;
	padding:5px;
	min-height:50px;
	overflow:hidden;
	vertical-align:top;
}

displayBoxTitle
{
	display:block;
	font-size: 18px;
	font-family: Oswald, sans-serif;
}

displayBox table
{
	color:white;
}

centralZone
{
	display:block; 
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	box-shadow: rgba(0, 0, 0, 0.74902) 0px 2px 16px 0px;
	/*background-color: rgba(0, 0, 0, 0.7);*/
	background-color: #2a96f5;
	overflow:hidden;
}


@media only screen and (max-width: 800px)
{
	centralZone
	{
		/*margin-top:100px;*/
	}

}

@media only screen and (max-width: 800px) and (min-width: 600px)
{

centralZone
{
margin-top:40px;
}

}

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

#SliderWithArrows
{
display:none !important;
}
	
#Slider
{
display:none !important;
}
}



halfCentralZone
{
	display:inline-block; 
	width:100%;
	margin-top:40px;
	margin-left:auto; 
	margin-right:auto;
	background-color:#f0f0f0;
	-webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
}

contentHolder
{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	margin-top:-40px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
}

.textBoxHolder
{
	display:inline-block;
	width:200px;
	margin-left:1.5%;
	margin-top:25px;
	margin-bottom: 25px;
	color:gray;
	-webkit-font-smoothing: antialiased;
	font-family: ownSansationLight;
	vertical-align:top;
}

.textBoxHolder:hover
{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.textBoxHolder a
{
	text-decoration:none;
	color:inherit;
}

.textBoxHolder table
{
	color:inherit;
}

mainTextDisplay
{
	display:block;
	width: 90%;
	margin-left:auto; 
	margin-right:auto;
	margin-top: 30px;
	padding:15px;
	font-size:18px;
}

titleMainText
{
	display:block;
	margin-bottom: 15px;
	font-size:36px;
	line-height:36px;
	color:#111;
	font-family: Oswald, sans-serif;
}

mainText
{
	display:block;
	width:70%;
	font-family: Oswald, sans-serif;
	color: dimGray;
}

.meniuVerticalDreapta
{
	display:inline-block;
	vertical-align:top;
	width:24%;
}

	.meniuVerticalDreapta .menuLink input[type="checkbox"]:checked + .holderMenuDrop 
	{
	 	/*color: #036991;*/
		color:white;
		/*background-color: #036991;*/
		/*border:1px solid #036991;*/
		height:auto !important;
		display:block;
		position:relative;
		box-shadow:none;
		margin-left:0px; 
		width:100% !important;
		border:none !important;
		border-radius: 0 !important;
	}


.coloanaStangaCategProduse
{
	display:inline-block;
	width:74%;
}

/*START Pentru mobil*/

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

.meniuVerticalDreapta
{
	display:inline-block;
	vertical-align:top;
	width:100% !important;
	text-align:center;
}

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

.showCartStanga
{

 width:95% !important;

}

.showCartDreapta
{

width:95% !important;

}

.finComandaStanga
{
 width:95% !important;
}

.finComandaDreapta
{
 width:95% !important;
}
	
}
/*ENDED Pentru mobil*/

.imageHolder
{
	display:block;
	width:100%;
	height:140px;
	/*background-size: 100%;*/
	background-repeat:no-repeat;
	margin-top:0px;
	vertical-align:top;
	background-position: center;
	background-size:cover;
}

.titleTextBox
{
	color:black;
	font-family: Oswald, sans-serif;
	display:block;
}

.preturiProduse
{
	display:block;
	color:black;
	font-family: Oswald, sans-serif;
	padding-left:10px;
}

.textBoxText
{
	display:block;
	padding:10px;
	font-family: Oswald, sans-serif;
	color: darkslategray;
	text-align:left;
}

textBoxServicii
{
	display:block;
	width:90%;
	margin-left:5%;
}

textBoxServicii img
{
	margin-left:20px;
	margin-top:20px;
	display:inline-block;
}

imgLabel
{
	display:inline-block;
	background-color: #ffd71b; 
	padding:10px; 
	width: 200px; 
	margin-right:auto; 
	margin-left:auto;
	margin-top:-15px;
	font-family: Oswald, sans-serif;
}

.buttonVertical
{
	display:block; 
	color:#191919; 
	padding:10px; 
	background-color: #fff7fc; 
	vertical-align:top;
	font-family: Oswald, sans-serif;
	width:90%;
	cursor:pointer;
}

.buttonVertical a
{
	text-decoration:none;
	color:#191919;
}

.buttonVertical:hover
{
	background-color: #a4bb6f;
	color:white;
}


/* ============ Slider Gallery ============ */

#contentAll
{
background-color:white;
/*padding-top:40px;*/ /* === STOP IT FANE ==== */
}


.cadranPozaResize
{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	overflow:hidden;
	height:500px;
	background-size:cover;
}

.cadranPozaResize img
{
	-webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	vertical-align:middle;
}


textSlider
{
    color: white;   
    position: absolute;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block; 
  		 	 	
}
/*
.textSlider p
{
	height:80px;
}
*/
titluSlider
{
	display:block;
	background-color:black;
	color:white;
	font-family: Verdanan;
	font-size:18px;
	min-height:128px;
        width:100%;
}

contentSlider
{
	display:block;
	background-color: #ffd71b;
	color:black;
	font-family: ownSansationLight;
	padding:10px;
	font-size:14px;
	font-style: italic;
}

.butonCereOferta
{
    /*background-color: #8A8A8A; */
    background-color: #ff0000;
    border-radius: 3px;
    border: 1px solid #515151;
    width: 160px;
    height: 50px;
    /* line-height: 45px; */
    line-height: 32px;
    padding: 5px;
    display: inline-block;
    /* margin-left: 250px; */
    /* margin-bottom: 40px; */
    text-align: center;
    /* color: black; */
    color: white;
    text-decoration: none;
    font-size: 23px;
    font-family: Oswald, sans-serif;
    vertical-align: top;
}

.butonCereOferta:hover
{
	background-color: #ff3232;
	border:1px solid #ff3232;
}

.stocSiPretProdus
{
display:inline-block;
vertical-align:top;
}

.pretProdus
{
color:black;
font-size:20px;
padding-left:10px;
padding-right:10px;
}

.labelPret
{
font-family:Verdanan;
font-size:15px;
}

.stocProdus
{
padding-left:10px;
}

/* ========= Ended -  Slider Gallery ======== */

/* ============ Photo Gallery ============ */

.cadranPoza
{
	width:740px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
	margin:10px;
}

sageata
{
	display:inline-block;
	font-size:24px;
	vertical-align:top;
	cursor:pointer;
	color:white;
	background-color: rgba(0,0,0,0.5);
	padding:5px;
}

/* ========= Ended -  Photo Gallery ======== */


/* ============ Contact ================= */

#map 
{
	width: 100%;
        height: 300px;
}

.contactSus
{
	margin-top:30px;
}

.continutContactStanga
{
	width:48%;
	display:inline-block;
	font-size:14px;
	font-family: ownSansationLight;
}

.continutContactStanga table
{
	color: #eee;
}

.etichetaCampContact
{
	display:inline-block;
	font-family: ownSansationLight;
	font-size:12px;
	width:40px;
	padding:5px;
	color:gray;
}

.holderInput
{
	display:inline-block;
	padding:20px;
	width:45%;
	min-width:330px;
}

.etichetaCampInput
{
	display:block;
	font-family: ownSansationLight;
	font-size:12px;
	padding:5px;
	color:black;
}

.butonTrimiteMesaj
{
	width:75%;
	background-color: #ffd71b;
	height:40px;
	line-height:40px;
	display:block;
	text-decoration:none;
	color:#111;
	text-align:center;
	font-size:20px;
	font-family: ownSansationLight;
	border-radius:4px;
	cursor:pointer;
}

.inputNumeContact,.inputEmailContact, .inputTelefonContact, .inputCaptchaContact,.inputProdusContact
{
	width:75%;
	height:32px;
	margin-top:5px;
	border-radius:5px;
	padding: 6px 6px !important;
	border: 2px solid gray;
	color: gray;
	transition: background-color 0.2 s ease-in-out;
}

.inputFormular
{
	width:85%;
	height:32px;
	margin-top:5px;
	border-radius:5px;
	padding: 6px 6px !important;
	border: 1px solid #3a3b3d;
	color: gray;
	transition: background-color 0.2s ease-in-out;
}

.inputNumeContact:focus,.inputEmailContact:focus, .inputTelefonContact:focus, .inputCaptchaContact:focus, 
.inputProdusContact:focus, .mesajContact:focus
{
	background-color:#e5e5e5;
	outline: 0;
}

.mesajContact
{
	display:inline-block;
	width:75%;
	height:100px;
	margin-top:5px;
	border-radius:5px;
	padding: 2px 6px !important;
	border: 2px solid gray;
	color:gray;
}

.notificareForm,.notificareFormMesajContact
{
	position: absolute;
	/*margin-left:50px;*/
	
}

.sageataSus
{
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #CFD1CD;
}

.mesajNotificare,.mesajNotificareEmail, .mesajNotificareTelefon, .mesajNotificareCaptchaContact 
{
	background-color: #CFD1CD;
	line-height:20px;
	width: auto;
	padding: 10px;
	font-family: ownSansationLight;
	font-size:14px;
	color:black;
	border: 1px solid #CFD1CD;
	box-shadow: 1px 1px 1px -1px black;
	vertical-align:top;
	
}

.mesajNotificareCheckbox
{
background-color: #CFD1CD;
line-height:20px;
width: auto;
padding: 10px;
font-family: ownSansationLight;
font-size:14px;
color:black;
border: 1px solid #CFD1CD;
box-shadow: 1px 1px 1px -1px black;
vertical-align:top;
position:absolute;
}

.consentCheckbox
{
	padding-bottom:10px;
	font-family: ownSansationLight;
}

.consentCheckboxComanda
{
	color:gray;
	padding-left:20px;
	font-family: ownSansationLight;	
}


.continutContactDreapta
{
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
	margin-top:2%;
	font-size:14px;
	font-family: ownSansationLight;
}

.pozaSiButonCaptchaContact
{
	display:inline-block;
	width:200px;
}

.pozitieInputCaptchaContact
{
	display:inline-block;
	width: calc(75% - 250px);
	vertical-align:top;
	margin-top:5px;
}

.cadranCaptcha
{
	display:inline-block;
}

.altCodCaptcha
{
	display:inline-block;
	font-family: ownSansationLight;
	font-size:12px;
	padding:10px;
	vertical-align:top;
	color:white;
	text-decoration:none;
	background-color: #ffd71b;
	margin-top:5px;
}

.pozitieMesajTrimis
{
	position:absolute;
	height:85%;
	width:100%;
	background-color:rgba(66,134,244,0.7);
	z-index:2;
}

#mesajTrimis
{
	margin-left:auto;
	margin-right:auto;
	width:350px;
	height:auto;
	position:relative;
	background-color:white;
	border-radius: 5px;
	text-align:center;
	margin-top:200px;
	border:1px solid #336039;
	font-family: ownSansationLight;
	padding:15px;
}

.textMesajTrimis
{
vertical-align:middle;
display:inline-block;
color:#336039;
font-size:23px;
line-height:130px;
font-family: 'raleway', sans-serif;
}

/* ========== Ended - Contact ============ */


/*CSS pentru galerie categ produse*/

/* The grid: Four equal columns that floats next to each other */
.column {
  padding: 10px;
  display: inline-block;
}

/* Style the images inside the grid */
.column img {
    opacity: 0.8; 
    cursor: pointer; 
    width:200px;
}

.column img:hover {
    opacity: 1;
}

.imageLink:focus img{
   border:1px solid #036991;
}

.imageLink:hover img{
   border:1px solid #036991; 
}

.rowPozeMici
{
	display:inline-block;
	width:39%;
}



/* Clear floats after the columns */
.rowPozeMici:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container {
    position: relative;
    display: none;
}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}


/*DROPDOWN*/


/* Dropdown Button */
.dropbtn {
    border:1px solid #3498DB;
    color:black;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    background-color:white;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
    color:white;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

.upperDrop
{
	vertical-align:top;
	padding:1% 0 0 3%;
	height:100px;
	display:block;
	font-family:ownSansationLight;
}


@media only screen and (max-width: 800px)
{
	.dropdown 
	{
	margin-top:20px;
	}

	.upperDrop
	{
		/*margin-top:100px;*/
	}	

	.cadranPozaResize img
	{
	height:250px !important;
	}
}



/*
@media only screen and (max-width: 600px)
{
 #contentAll
{
padding-top:40px;
}
}
*/


button:focus { outline: none; }

/* Dropdown Content (Hidden by Default) */
.dropdown-content
{
	display: none;
	position: absolute;
	background-color: #c2d1e8;
	min-width: 160px;
	z-index: 1;
}

.dropdown-content ul
{
	list-style-type: none;
	padding:0px;
}

.dropdown-content li
{
	cursor:pointer;
	padding:3px;
}

.dropdown-content input
{
	vertical-align:middle;
}

.dropdown-content li:hover
{
	background-color: #2980B9;
	color:white;
	cursor:pointer;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.sageataJosFiltru:before {
    content: "\f107";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    top:0;
    position:relative;
    padding-right:5px;
 }

.sageataSusFiltru:before
{
 content: "\f106";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    top:0;
    position:relative;
    padding-right:5px;
}

.labelSpecificatii
{
width:230px;
display:inline-block;
margin-left:50px;
vertical-align:top;
}

.valoareSpecificatii
{
display:inline-block;
vertical-align:top;
width:55%;
}

.extra
{
font-family: Oswald, sans-serif;
display:block;
}



.holderStuff
{
	width:360px;	
	font-family: 'Open Sans', sans-serif;
}

.showroom
{
	display:none;
	position:relative;
	margin-right:30px;
}


@media only screen and (max-width: 800px) and (min-width: 600px)
{
	.showroom
	{
		display:inline-block!important;
		margin-right:20px;
		border-radius:3px;
		border:1px solid #047BBD;
		padding:10px;
		cursor:pointer;
		vertical-align:top;
		overflow:visible;
	}

	.showroom a
	{
		color: #047BBD;
		text-decoration:none;
	}

	.holderStuff
	{
		width:650px !important;
		margin-top:0px !important;
	}
}




 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    z-index:4;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    font-family: ownSansationLight;
    width: 99%; /* Could be more or less, depending on screen size */
    width: -moz-available;
    width: -webkit-fill-available;
    height:100px;
    position: fixed; 
    bottom:0%;
    display:block;
    padding:15px;
    z-index:1200;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 



 /* The Modal (background) */
.modalPic {
    display: none; /* Hidden by default */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 700px; /* Full width */
    height: 700px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    position:fixed;
    z-index:11;
     
}

/* Modal Content/Box */
.modal-contentPic {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 900px; /* Could be more or less, depending on screen size */
    height:700px;
    position: fixed; 	
    display:block;
    padding:5px;
    left: 50%;
    top: 50%;
    margin-top: -350px; /* Negative half of height. */
    margin-left: -400px; /* Negative half of width. */	
    z-index:11;
}

/* The Close Button */
.closePic {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    display:block;
    margin-bottom:5px;
    z-index:200px;
}

.closePic:hover,
.closePic:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 

errorCaptcha
{
	font-size:21px;
	color:red;
	font-weight:bold;
	font-family: ownSansationLight;
	height:28px;
	margin-top:10px;
	display:block;
}

.fb-share-button
{
display:inline-block;
}

.catalogJustWatch, .catalogRaptor
{
text-decoration:none;
color:black;
color: #047BBD;
font-weight:bold;
margin-left:40px;
width:240px;
display:block;
}

.bigImageHolder
{
	display:inline-block; 
	height:300px;
	width:60%;
	background-size:cover;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	vertical-align:top;
}

.holderImagineCreeazaCont,.holderImagineLoginCont
{
display:inline-block;
vertical-align:top;
width:30%;
}

.holderImagineCreeazaCont img, .holderImagineLoginCont img
{
width:250px;
}

.stilPretRecomandat
{
font-weight:bold;
}

.stilPret
{
font-weight:bold;
color:#ff3d4d;
}

.showCartStanga
{
display:inline-block;
 margin:20px;
 width:55%;
 color:#b4b5bb;
}

.showCartDreapta
{
display:inline-block;
 vertical-align:top;
padding-top:20px;
width:40%;
 margin-bottom:20px;
}

.finComandaStanga
{
display:inline-block;
 width:65%;
}

.finComandaDreapta
{
display:inline-block;
vertical-align:top;
width:30%;
}

displayBox a
{
font-size:17px;
}

.cadranHolderPaginaDetalii
{
	display:inline-block;font-family:Oswald,sans-serif; border-radius:4px; border:1px solid #ddd; padding:5px; width:25%; font-size:medium;
}

/* ===============================  Meniu =============================== */


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

	.logoMobile
	{
		max-width:250px;
	}	

	.searchHolder
	{
		width:320px !important;
		padding:10px;
	}

	.logo a
	{
		display:block;
		margin-top:110px;
	}

	.logo img
	{
		/*display:none;*/
	}

	.textBoxHolder

	{
		/*margin-left:auto !important;
		margin-right:auto !important;*/
		display:inline-block;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	}

	.butonCereOferta
	{
		margin-left:0px !important;
	}

	.pozaMareProdus
	{
		max-height:300px !important;
		max-width:300px !important;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}

	.holderImagineCreeazaCont,.holderImagineLoginCont
	{
		width:100% !important;
	}
	
	
}

@media only screen and (max-width: 1000px)  and (min-width: 600px)
{
	.upperDrop
	{
		margin-top:150px;
		height: auto !important;
	}

	.showroom
	{
		margin-top:30px !important;
	}
}


@media only screen and (max-width: 1000px)
{
	html:not([data-scroll = '0']) .mobileMenuBar {
	 	top:0;
	}

	.firstPage
	{
		height: 100vh !important;
	}

	.holderFirstPage
	{
		width:100% !important; margin-top:110px;
	}

	.holderFirstPage img
	{
		margin-top:10%;
	}

	.firstPageText
	{
		max-width:100% !important; width:100% !important; position:relative !important; display:block !important;
	}
	
	.firstPageBanner
	{
		width: auto !important; font-size:24px !important; margin-top:0px !important;
	}
	
	.sageataJos
	{
			
	}

	holdercentral
	{
		padding-top:0px !important;
		width:100% !important;
		padding-bottom:0px !important;
	}

	.showroom
	{
		display:block;
		/*margin-right:20px;*/
		border-radius:3px;
		border:1px solid #047BBD;
		padding:10px;
		cursor:pointer;
		vertical-align:top;
		overflow:visible;
		width:200px;
		/*top:-10px;*/
		/*bottom:5px;*/
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		margin-bottom:20px;
	}

	.showroom a
	{
		color: #047BBD;
		text-decoration:none;
	}

	.holderStuff
	{
		display:block !important;
		margin-left:auto;
		margin-right:auto;
		float:left !important;
		/*margin-top:50px !important;*/
	}

	.holderStuff
	{
		width:350px !important;
		
	}

	.holderStuff span
	{
		position:relative !important;
		z-index:0 !important;		
	}

	.main-menu ul li input[type="checkbox"]:checked + .holderMenuDrop 
	{
	 	/*color: #036991;*/
		color:white;
		/*background-color: #036991;*/
		/*border:1px solid #036991;*/
		height:auto !important;
		display:block;
		position:relative;
		box-shadow:none;
		margin-left:0px; 
		width:100% !important;
		border:none !important;
		border-radius: 0 !important;
	}

	.lineMenuDrop
	{
		background-color: #0089bf !important;
		border-top:1px solid #012a3a;
	}

	.main-menu .menuLink
	{
		height:auto !important;
	}

	.menuLink
	{
		margin-left:auto;
		margin-right:auto;
		display:block !important;
		color:white !important;
		margin-top:0px !important;
		padding:0px !important; 
		width:100% !important;
	}

	.menuHolder
	{
		height:100%;
		padding:0 0 0 0;
	}

	.main-menu ul li label
	{
		border-bottom: 1px solid #383838;
	}

	.holderMenuDrop a 
	{
		border:none !important;
	}
	
	.mobileMenuBar
	{
		display:block;
		background-color:white;
		position:fixed;
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
		width:100%;
		z-index:220;
		color: #688f10 !important;
	}

	.mobileMenuBar a
	{
		text-decoration:none;
		color:inherit !important;
		cursor:pointer;
	}

	.mobileMenuBar span p
	{
		display:inline-block;
		margin-left: 2px;
		font-family:'Open Sans', sans-serif;
		font-size: 14px;
	}

	.mobileMenuBar p::after
	{
		content: " | ";
	}

	.mobileMenuBar .menu-toggle
	{
		color: #688f10 !important;
	}

	.mobileMenuBarOtherUtils
	{
		display: inline-block;
		padding: .75em 10px;
		line-height: 1em;
		font-size: 1em;
		cursor:pointer;
	}

	.mobileMenuBarOtherUtils:hover
	{
		display:inline-block;
	}

	.mobileMenuBar .mobileMenuBarOtherUtils input[type="checkbox"]:checked ~ .mobileHoverPanel .detaliiCart
	{
		display:block;
	}

	.mobileHoverPanel
	{
		display:block;
	}

	.mobileMenuBarOtherUtils .detaliiCart
	{
		display:none;
		border:none;
		width:auto !important;
		background-color:white;
		margin-left:-45%; 
		margin-top:10px; 
		padding:10px;
		text-align:left;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		font-family: Oswald, sans-serif;
	}

	.mobileHoverPanel .numberAlert
	{
		display:inline-block !important;
		margin-top:-12px;
		font-size:10px;
		min-width:12px;
		height:12px;
		border-radius:6px;
		margin-left:0px;
		line-height:12px;
		margin-right:5px;		
	}

	.veziCosul
	{
		display:block !important;
		text-align:center;
		margin-top:10px;
		font-size:20px;
	}
	
	.mobileMenuBar input[type="checkbox"]:checked ~ .mobileSearchInput
	{
		display:block !important;
		padding:10px;
		margin-top:10px;
		text-align:center;
	}

	.mobileMenuBar i
	{
		font-style: normal !important;
	}

	.logoMobileBar img
	{
		height:25px;
	}

	.searchHolder
	{
		display:none !important;
	}

	.shoppingCartIcon 
	{
		display:none !important;
	}

	mainTextDisplay
	{
		width:auto !important; text-align:center;
	}

	mainText
	{
		width:100% !important;
	}
	
	.coloanaStangaCategProduse
	{
		/*padding:0 !important;*/
		text-align:center;
	}
	
	.continutContactStanga, .continutContactDreapta
	{
		width: 100% !important;
	}
	
	displayBox
	{
		width:100% !important;
		margin-left:auto; 
		margin-right:auto;
		display:block;
	}
	
	.bigImageHolder
	{
		display:block;
		width:99%;
		border-radius: 4px;
		margin-bottom: 10px;
	}
	
	.rowPozeMici
	{
		display:block;
		width:99%;
		text-align: left;
	}
	
	.rowPozeMici span 
	{
		border-radius:4px; 
	}
	
	.cadranHolderPaginaDetalii
	{
		width:95%; margin:5px;
	}
}
/* ------------------- Ended - @media MAX WIDTH 1000px ----------------- */

@media (min-width: 1000px)
{
	.menuHolder .menuLink:hover > .holderMenuDrop
	{
		/*color: #036991;*/
		color:white;
		/*background-color: #036991;*/
		border:1px solid #46710d;
		height:auto !important;
		display:block;
	}

	.mobileMenuBar
	{
		display:none;
	}

	.logo span
	{ 
		display:none !important; 
	}
	
}



.holderMenuDrop
{
	display:none;
	/*margin-top:8px;*/
	position:absolute;
	z-index:200;
	/*background-color: #036991;*/
	margin-left:-15px;
	width:calc(100% - 2px);
	border:1px solid #46710d;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	overflow:hidden;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
}

.holderMenuDrop a
{
	text-decoration:none !important;
}

.lineMenuDrop
{
	display:block; padding:3px 7px 5px; background-color:#548810; color:white; font-weight:none; text-align:left; padding:10px; transition: background-color 0.3s ease-in-out;
}

.lineMenuDrop:hover
{
	background-color: #46710d; color: white; 
}

.main-menu ul li
{
	position:relative;
}

.menuHolder .menuLink
{
	width:auto;padding-left:15px;padding-right:15px; height:41px; /*color:#2a4408;*/ color:black; text-align:center; line-height:35px;font-size:15px; cursor:pointer !important;
}



.menuHolder .menuLink:hover 
{
	color: white; background-color: #e39d42;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}


/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Button styling */
.menu-toggle {
  display: inline-block;
  padding: .75em 15px;
  line-height: 1em;
  font-size: 1em;
  color: #333;
}

.menu-toggle:hover,
.menu-toggle:focus {
  color: #c00;
}

/*
 Default styles + Mobile first
 Offscreen menu style
*/

.main-menu
{
	position: absolute;
	display: none;
	left: -200px;
	top: 0;
	height: 100%;
	overflow-y: scroll;
	overflow-x: visible;
	transition: left 0.3s ease,
	box-shadow 0.3s ease;
	z-index: 999;
}

.main-menu ul
{
	list-style: none;
	margin: 0;
	padding: 2.5em 0 0;
	/* Hide shadow w/ -8px while 'closed' */
	-webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
	-moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
	box-shadow: -8px 0 8px rgba(0,0,0,.5);
	min-height: 100%;
	width: 200px;
	/*background: #1a1a1a;*/
	background: #688f10;
}

.main-menu a {
  display: block;
  /*padding: .75em 15px;*/
  line-height: 1em;
  font-size: 1em;
  color: #191919;
  text-decoration: none;
  border-bottom: 1px solid #383838;
}

.main-menu li:first-child a {
  border-top: 1px solid #383838;
}

.main-menu a:hover,
.main-menu a:focus {
  background: #333;
  text-decoration: underline;
}

.main-menu .menu-close {
  position: absolute;
  right: 0;
  top: 0;
}

/*
 On small devices, allow it to toggle...
*/
/*
 :target for non-JavaScript
 [aria-expanded] will be used if/when JavaScript is added to improve interaction, though it's completely optional.
*/
.main-menu:target,
.main-menu[aria-expanded="true"] {
  display: block;
  left: 0;
  outline: none;
/*
  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  box-shadow: 3px 0 12px rgba(0,0,0,.25);
---- da un shadow in desktop mode
*/
}

.main-menu:target .menu-close,
.main-menu[aria-expanded="true"] .menu-close {
  z-index: 1001;
}

.main-menu:target ul,
.main-menu[aria-expanded="true"] ul {
  position: relative;
  z-index: 1000;
}

/* 
 We could us `.main-menu:target:after`, but
 it wouldn't be clickable.
*/
.main-menu:target + .backdrop,
.main-menu[aria-expanded="true"] + .backdrop{
  position: absolute;
  display: block;  
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: #000;
  background: rgba(0,0,0,.85);
  cursor: default;
}

@supports (position: fixed) {
  .main-menu,
  .main-menu:target + .backdrop,
  .main-menu[aria-expanded="true"] + .backdrop{
    position: fixed;
  }
}

/*
 Larger screen styling
 Horizontal menu
*/
@media (min-width: 1000px) {
  .menu-toggle,
  .main-menu .menu-close {
    display: none;
  }
  
  /* Undo positioning of off-canvas menu */
  .main-menu {
	position: relative;
	left: auto;
	top: auto;
	height: auto;
	display: block;
	overflow:visible;
  }
  
  .main-menu ul {
    display: flex;
    
    /* Undo off-canvas styling */
    padding: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    height: auto;
    width: auto;
    background: none;
  }
  
  .main-menu a {
    color: #06c;
    border: 0 !important; /* Remove borders from off-canvas styling */
  }
  
  .main-menu a:hover,
  .main-menu a:focus {
    background: none; /* Remove background from off-canvas styling */
    color: #c00;
  }
}

/* ============================== Ended Meniu =========================== */

/* ============================= First Page Css ============================= */
	
	.firstPage
	{
		display:inline-block; background-size:contain; width:100%; height:100vh; overflow:hidden; position:relative;
	}
	
	.holderFirstPage
	{
		display:block; position:relative; z-index:-10; width: 80%; max-height: 80%; margin-left:auto; margin-right:auto; text-align:center; overflow:hidden;
	}
	
	.holderFirstPage img
	{
		width:150px; vertical-align:middle;
	}
	
	.firstPageText
	{
		display:inline-block; /*font-family:gothic;*/ font-family: "Dancing Script", cursive; font-size:40px; vertical-align:middle; margin-left:2%; max-width:50%;
	}
	
	.firstPageBanner
	{
		display:block; background-color: rgba(185, 216, 11,0.6); width:100%; padding:20px; text-align:center; font-size:48px; margin-top:-97px; font-family: "Dancing Script", cursive; z-index:200;
	}

	.sageataJos
	{
		display:block; font-size:32px; border-radius:5px; border:1px solid #b9d80b; color:#b9d80b; padding:20px; margin-right:auto; margin-left:auto; margin-top:20px; width:max-content; text-align:center; cursor:pointer
	}

/* ===================== Ended - First Page Css =========================== */

/* ----- CheckBox Formulare ----- */

/* The container */
	.containerCheckBox 
	{
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	line-height:1.2 !important;
	  cursor: pointer;
	  font-size: 18px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	
/* Hide the browser's default checkbox */
.containerCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerCheckBox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheckBox input:checked ~ .checkmark {
  /*background-color: #2196F3;*/
    background-color: #e95d3c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerCheckBox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerCheckBox .checkmark:after {
  left: 7px;
  top: 1px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
 /*  ------- Small CheckMark -------- */
 
 .checkmarkSmall {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
}

.containerCheckBox .checkmarkSmall:after {
  left: 5px;
  top: 3px;
  width: 5px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.containerCheckBox input:checked ~ .checkmarkSmall:after {
  display: block;
}

.checkmarkSmall:after {
  content: "";
  position: absolute;
  display: none;
} 

/* On mouse-over, add a grey background color */
.containerCheckBox:hover input ~ .checkmarkSmal {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheckBox input:checked ~ .checkmarkSmall {
  /*background-color: #2196F3;*/
    background-color: #e95d3c;
}
/* ----- Ended - CheckBox Formulare ----- */