@font-face{
  font-family: 'Open Sans';
  src: url('/fonts/Open_Sans/OpenSans-Regular.ttf');
  font-display: swap;
}

@font-face{
  font-family: 'Open Sans Light';
  src: url('/fonts/Open_Sans/OpenSans-Light.ttf');
  font-display: swap;
}

@font-face{
  font-family: 'Open Sans Extra Bold';
  src: url('/fonts/Open_Sans/OpenSans-ExtraBold.ttf');
  font-display: swap;
}

@font-face{
  font-family: 'Open Sans Semi Bold';
  src: url('/fonts/Open_Sans/OpenSans-SemiBold.ttf');
  font-display: swap;
}

@font-face{
  font-family: 'Open Sans Light';
  src: url('/fonts/Open_Sans/OpenSans-Light.ttf');
  font-display: swap;
}

@font-face{
  font-family: 'Open Sans Bold';
  src: url('/fonts/Open_Sans/OpenSans-Bold.ttf');
  font-display: swap;
}

html{
	scroll-behavior: smooth;
}

html,body{
	/*background: #F3F2F2;*/
}

body{
	/*background: url('/images/fundal2.jpg');*/
	background: url('/images/fundal3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

html,body,p,h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}

div#adminHeadBar{
	background: #cacaca;
	/*position: fixed !important;*/
	top: 0;
	left: 0;
	width:100%;
	padding: 5px;
}

img#siteLogo{
	max-width: 100%;
}

.clearfix{
	clear: both;
}

a,a:hover,a:active,a:focus{
	text-decoration: none;
	color: inherit;
}

	a.adaugaInCosButton{
	    display: inline-block;
	    background: #35A22A;
	    font-family: 'Open Sans Extra Bold';
	    font-size: 16px;
	    color: #fff;
	    padding: 10px 15px;
	    border-radius: 8px;
	    margin-top: 35px;
	}

		a.adaugaInCosButton .icon{
			position: relative;
    		top: -2px;
		}

div.bucata{
	height: 3px;
	width: 95px;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	background: #1C8EC8;
}

.bucataFiltru{
	margin-bottom: 11px;
}

.bucataFiltru.radioSection{
	margin: 0;
}

option.premium{
	background: #fff494;
	color: black;
	padding-left: 5px;
}

option.medium{
	background: #5894E7;
	color: black;
	padding-left: 5px;
}

option.title{
	font-weight: bold;
	padding-left: 0px;
}

	.content{
		max-width: 1350px;
		margin: 0 auto;
	}

	ul.menu{
		margin: 0 !important;
		padding: 0 !important;
		list-style-type: none;
	}

		ul.menu li{
			display: inline-block;
		}

	div#header{
		background: #35A22A;
		padding-top: 10px;
		padding-bottom: 54px;
		color: #fff;
	}

	div#siteContent{
		margin-top: -54px;
	}

	div#header ul.menu{
		margin-left: 10px !important;
	}

		div#header ul.menu li{
			font-family: 'Open Sans Bold';
			font-size: 20px;
			background: #848484;
		    padding: 1px 8px;
		    border-top-left-radius: 3px;
		    border-top-right-radius: 3px;
		    transition: all 0.2s ease;
		}

			div#header ul.menu li.active{
				background: #4E4E4E;
			}

				div#header ul.menu li:hover{
					background: #4E4E4E;
				}

	div#header div#right{
		/*padding-top: 21px;*/
	}

		div#header #nrProdCos{
	        background: #292929;
		    color: #fff;
		    border-radius: 3px;
		    position: absolute;
		    right: 14px;
		    top: 4px;
		    font-size: 15px;
		    font-family: 'Open Sans Bold';
		    text-align: center;
		    width: 21px;
		    height: 22px;
		}

		div#header #phoneSide{
			border-right: 1px solid #fff;
			padding-right: 25px;
		}

			div#header #phoneSide p#callCenterTag{
				font-family: 'Open Sans Light';
				text-align: right;
			}

			div#header #phoneSide p#nrTel{
				font-family: 'Open Sans Extra Bold';
				font-size: 40px;
				text-align: right;
			}

		div#header #linksSide{
			padding-top: 12px;
		}

		div#header #searchBoxContainer{
			width: 100%;
			/*max-width: 300px;*/
    		max-width: 214px;
			display: inline-block;
		}

			div#header #searchBoxContainer #searchBox{
				width: 100%;
				border-radius: 4px;
				border: 1px solid #fff;
				padding: 5px;
				font-size: 13px;
				padding-right: 35px;
			}

			div#header #searchBoxContainer #rezultateCustomSearch{
				/*max-width: 300px;*/
				max-width: 214px;
			    width: 100%;
			    background: #fff;
			    color: #000;
			    border-radius: 3px;
			    position: absolute;
			    box-shadow: 0px 0px 2px #cacaca;
			    margin-top: 3px;
			    display: none;
			    z-index: 2147483645;
			    font-size: 13px;
			}

				div#header #searchBoxContainer #rezultateCustomSearch p{
					cursor: pointer;
				}

					div#header #searchBoxContainer #rezultateCustomSearch p:hover{
						background: #273C55;
						color: #fff;
					}

		div#header #searchBtn{
			color: #fff;
		    background: #273C55;
		    border-radius: 4px;
		    box-shadow: 0px 0px 6px #00000080;
		    position: relative;
		    left: -33px;
		    padding: 3px 6px;
		}

	div#filtru{
		background: #51b848;
		border-radius: 3px;
		color: #fff;
	}

		div#filtru div#selecturi{
			padding: 10px;
			padding-left: 0px;
		}

		div#filtru label{
			margin: 0;
		}

		div#filtru div#tipuri_filtru .lat{
			font-family: 'Open Sans';
			font-size: 18px;
			background: #848484;
			transition: all 0.2s ease;
			text-align: left;
			cursor: pointer;
			padding: 13.5px;
		}

			div#filtru div#tipuri_filtru .lat.active{
				background: #51b848;
			}

			div#filtru div#tipuri_filtru .lat:hover{
				background: #51b848;
			}

		div#filtru div#tipuri_filtru .lat .little{
			font-family: 'Open Sans Light';
			font-size: 15px;
		}

		div#filtru div.radioSection label{
			font-size: 15px; margin-top: 0px;
		}

	div#footer {
		background: #848484;
		padding: 30px;
		padding-top: 70px;
		color: #fff;
		font-family: 'Open Sans Light';
		font-size: 16px;
	}
		
		div#footer .title{
			font-family: 'Open Sans Bold';
			padding-bottom: 10px;
			margin-bottom: 15px;
			border-bottom: 1px solid #fff;
		}

		div#footer a.link{
			display: block;
			color: #fff;
			text-decoration: none;
			padding-left:10px;
		}

			div#footer a.link:hover{
				color: #35A22A;
				text-decoration: underline;
			}

		div#footer hr{
			margin-top: 30px;
			margin-bottom: 30px;
			border-top: 1px solid #fff;
		}

		div#footer div.imgContainer img{
			max-width: 100%;
		}
	
		div#footer p#copyright{
			margin-bottom: 25px;
		}

	div#mobileSideMenuContainer{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		background: rgba(0,0,0,0.8);
		z-index: 214748360;
		overflow: scroll !important;
	}

		div#mobileSideMenuContainer div#menu{
			padding: 15px;
			position: absolute;
			right: 0;
			width: 80%;
			height: 100%;
			background: rgba(255,255,255,0.95);
			overflow: scroll;
			font-family: 'Poppins Bold';
			text-transform: uppercase;
		}

			div#mobileSideMenuContainer div#menu ul.menu li{
				display: block;
				padding-top: 15px;
				cursor: pointer;
				font-family: 'Open Sans Bold';
			}

	div.breadcrumb{
		background: #fff;
		margin: 0;
	}

		div.breadcrumb ul.menu{
			padding-bottom: 5px !important;
			/*border-bottom: 1px solid #ccc;*/
			padding-left: 10px !important;
		}

			div.breadcrumb ul.menu li.sageata{
				color: #35A22A;
				font-size: 14px;
			}

			div.breadcrumb ul.menu li.url{
				font-family: 'Open Sans Light';
				font-size: 16px;
				color: #6A6565;
				margin-right: 10px;
			}

	div.paginare{
	    display: inline-block;
	    text-align: center;
	    padding: 7px 15px;
	    border-bottom: 1px solid rgb(200,200,200);
	    margin-bottom: 20px;
	}

		div.paginare a.disabled i.fas{
			color: rgb(200,200,200);
			cursor: not-allowed;
		}

		div.paginare span.nop{
			color: rgb(200,200,200);
		}

		div.paginare a i.fas{
			color: #35A22A;
		}

#cartPreview{
    position: fixed;
    background: #fff;
    color: #000;
    padding: 10px;
    border-radius: 5px;
    top: 15px;
    right: 15px;
	z-index: 2147483647;
	border: 1px solid #f1f1f1;
    box-shadow: 0px 0px 5px #f1f1f1;
}

	#cartPreview .title{
		font-family: 'Open Sans Bold';
	    text-transform: uppercase;
	    padding-bottom: 5px;
	    border-bottom: 1px solid #f1f1f1;
	    margin-bottom: 5px;
	}

	#cartPreview .cartPreviewRow{
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #f1f1f1;
	}
	
		#cartPreview .cartPreviewRow .col{
			padding: 0;
		}
		
		#cartPreview .cartPreviewRow .col .prod-title{
			font-size: 9px;
			font-family: 'Open Sans Bold';
		}

			#cartPreview .cartPreviewRow .col .prod-dimensiune{
				font-size: 9px;
				font-family: 'Open Sans Light';
			}

/* zoom la hover imagine la produs */
	
	@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);
	
	.tiles {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.tile {
		position: relative;
		float: left;
		width: 33.333%;
		height: 100%;
		overflow: hidden;
	}

	.photo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		transition: transform .5s ease-out;
	}

	.txt {
		position: absolute;
		z-index: 2;
		right: 0;
		bottom: 10%;
		left: 0;
		font-family: 'Roboto Slab', serif;
		font-size: 9px;
		line-height: 12px;
		text-align: center;
		cursor: default;
	}

	.x {
		font-size: 32px;
		line-height: 32px;
	}

/* gata cu zoom in pula mea ca mai ai si alta treaba */

/* easy zoom pagina produs */ 
/* Shrink wrap strategy 1 */
	.easyzoom {
	    /*float: left;*/
	}
	.easyzoom img {
	    display: block;
	}


	/* Shrink wrap strategy 2 */
	.easyzoom {
	    display: inline-block;
	}
	.easyzoom img {
	    vertical-align: bottom;
	}
/* gata cu easyzoom */

form div.form-col{
	margin-bottom: 15px;
}

.nopadding{ padding: 0 !important; }
.noborder{ border: 0 !important; }

.text-muted{ font-family: "Open Sans Light"; }

div#cautaDupaBrand{
	border-radius: 45px;
	margin-top: 35px;
	/*background: #fff;*/
	background: url('/imagini/brands_bg.png');
	background-size: cover;
	border-bottom: 1px solid #ccc;
	padding: 30px 15px;
}

	div#cautaDupaBrand .brand{
		text-align: center;
		padding: 10px;
	}

div#newsLetter{
border-radius: 3px;
background: #51b848;
margin-top: 35px;
margin-bottom: 35px;
padding: 25px;
color: #fff;
}

	div#newsLetter .my-auto{
		margin-bottom: 10px !important;
	}

div#newsLetter .title{
	font-family: 'Open Sans Bold';
	font-size: 22px;
}

	div#newsLetter .text{
		font-family: 'Open Sans Light';
		font-size: 12px;
		text-align: justify;
		color: #fff !important;
	}


div#paginiInfo{
	background: #35A22A;
	/*margin-top: 20px;*/
	color: #fff;
	border-radius: 3px;
	padding: 10px 20px;
}

	div#paginiInfo div.coloana{
		padding: 0!important;
		margin-bottom: 10px;
	}

		div#paginiInfo div.coloana div.iconita{
			padding: 0 !important;
			font-size: 55px;
			text-align: center;
		}
		
		div#paginiInfo div.coloana div.text{
			padding: 0 !important;
			font-family: 'Open Sans Light';
			font-size: 12px;
			text-align: justify;
		}

			div#paginiInfo div.coloana div.text div.titlu{
				font-family: 'Open Sans Bold';
				font-size: 22px;
				text-align: left;
			}

div#paginiInfoVertical{
	background: #35A22A;
	/*margin-top: 20px;*/
	color: #fff;
	border-radius: 3px;
	padding: 10px 20px;
}

	div#paginiInfoVertical div.coloana{
		padding: 0!important;
		margin-bottom: 10px;
	}

		div#paginiInfoVertical div.coloana div.iconita{
			padding: 15px 0 0 0;
			font-size: 55px;
			text-align: center;
		}
		
		div#paginiInfoVertical div.coloana div.text{
			padding: 0 !important;
			font-family: 'Open Sans Light';
			font-size: 12px;
			text-align: justify;
		}

			div#paginiInfoVertical div.coloana div.text div.titlu{
				font-family: 'Open Sans Bold';
				font-size: 17px;
				text-align: left;
			}

.highlight{
	color: #35A22A;
}

.imAderentaLat{
	height: 15px;
}