/*
@font-face{
	font-family: CustomRegular3;
	src: url("fonts/CocomatLight.ttf");
	}
*/


html,
body {
scroll-behavior: smooth;
background-color: #f8f9fa;
}

svg{
	margin-top:-4px;
}

.nav-link{
	cursor: pointer;
}

.carousel-indicators {
	bottom: -32px;
  }

.carousel-indicators li{
	background-color: rgba(50,80,110,0.2);
}

.carousel-indicators .active{
	background-color: rgba(50,80,110,0.6);
}


.zindex-search {
	z-index:999;
	border-radius:16px;
	position:absolute;
	top:0;
	left:0;
	right:0;
}

.colselect .btn:hover{
	border:1px solid #fff !important;
	outline-color: blue !important;
			box-shadow: 0 0 0 .2rem rgba(0,0,255,0.2) !important;
}
.colselect .focus,
.colselect .active{
	border:1px solid #fff !important;
	outline-color: red !important;
	    box-shadow: 0 0 0 .2rem rgba(255,0,0,1) !important;
}

.zindex-search input{
	border-radius:16px;}

.zindex-search input:focus,.zindex-search input:active,.zindex-search button:focus,.zindex-search button:active {
	   outline: none !important;
   box-shadow: none;
}

.h2, h2 {

    font-size: 17px;
	text-transform: uppercase;

}


.h3, h3 ,.h4, h4{
    font-size: 16px;
}



.bannerbottom a:hover{
background-color: #fff0e9;
text-decoration: none;
}

.buttgotop {
	top:auto;
    bottom: 80px;
    right: 12px;
    z-index: 40;
    position: fixed;
		color:#000;
font-size: 1.8rem;

}


.multiselect-container input[type=checkbox]:checked,
.multiselect-container input[type=checkbox]:checked + span{
	color:#c39227;
}

.del-filters{
	top:4px; left:8px; font-size:1.4rem; line-height:1.4rem;
	cursor:pointer;
}


.InputCart{
border:1px solid rgba(0,0,0,.05);
font-size:12px;
}

.content3d{
position:absolute; z-index: 4; top:0; bottom:0; left:0; right:0;
}

.Qtyplus,
.Qtyminus,
.Qtyplus2,
.Qtyminus2{
	cursor:pointer;
}

#prodbuy .Qtyplus,
#prodbuy .Qtyminus{
font-size:1.5rem;
line-height:1.5rem;
color:#777;
}



.logo svg{
	width: 190px;
	height:60px;
}

.logo:hover{
text-decoration:none;
}



.top-menu>li>.custom-submenu{
position:absolute;
left:0;
right:0;
margin-left:0;
margin-right:0;
position:absolute;
}

.top-menu>li>.dropdown-menu{
	top:33px;
	}

.top-menu>li>.custom-submenu>li{
width:120px;
vertical-align:top;
overflow:hidden;
}


.top-menu>li>.custom-submenu>li>a{
	border:1px solid rgba(0,0,0,.1);

}
.top-menu>li>.custom-submenu>li>a:hover{

	border:1px solid #c39227;

}


.top-menu>li>.custom-submenu>li>a>.imgalign{
height:90px;
}

.top-menu>li>.custom-submenu>li>a>.imgalign>img{
max-height:70%;
max-width:70%;
width: 70%;
height:70%;
}

.top-menu>li>ul{
top:38px;
width:240px;
left:50%;
margin-left:-120px;
z-index: 99999;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.top-menu>li>ul>li{
list-style-position:outside;
list-style-type:none;
width: auto;
}

.top-menu>li>ul>li>a{
color:#777;
}

.top-menu .active,
.top-menu .active>a,
.top-menu>li>a:hover,
.top-menu>li>ul>li>a:hover{
color:#c39227 !important;
text-decoration:none;
}

/*

.CloseFullScreen{
position: absolute;
z-index: 6;
right: 26px;
top: 21px;
border: 0;
padding: 14px;
background: none;
cursor: pointer;
outline: 0;
opacity: .7;
font-size: 18px;
}

.FullScreen{
position: absolute;
z-index: 6;
right: 28px;
top: 24px;
border: 0;
padding: 14px;
background: none;
cursor: pointer;
outline: 0;
opacity: .7;
font-size: 18px;
}

.FullScreen:before {
content: " \f002";
font-family: 'FontAwesome';
}

.CloseFullScreen:before {
content: "\2716";
font-size:24px;
}

.FullScreen:hover{
opacity:1.0;
	}

*/
.Prod3DContent{
position:relative;
    border: 1px solid rgba(0, 0, 0, .1);
	width:auto;
	height:800px;
	z-index:1;
	overflow:hidden;
	top:auto;
left:auto;
right:auto;
bottom:auto;
margin-top:20px;
background-color: #fff;
cursor:pointer;
}

.Prod3DContentZoom{
position:fixed;
	z-index:99999;
top:0;
left:0;
right:0;
bottom:0;
    border: 0;
    box-shadow: none;
	width:auto;
	height:auto;
}

.Prod3DContentZoom .CloseFullScreen{
display:block;
}

.Prod3DContentZoom .FullScreen,
.Prod3DContent .CloseFullScreen{
display:none;}


.col-start{
	opacity:.7;
}


.table-compara .row:nth-child(odd) .span-bg{
  background: #f8f9fa;
	text-align: center;
}

.table-compara .row:nth-child(even) .span-bg{
  background: #eee;
	text-align: center;
}



.table-compara .row-active{
	filter: contrast(60%) sepia(60%) ;
}



.btn-link:hover{
color:#a8681b;
text-decoration: none;}

.card:hover{
border:1px solid #c39227}

.card-header h4{
font-size:16px;}

.card-header p{
font-size:14px;}

.card-body{
font-size:14px;}



.bottom-title{
font-size:12px;
}

.highlights{
line-height:18px;
text-transform:uppercase;
font-size:0.7rem;
}



.progress {
	height:9px;
	margin:8px 0;
}
.procent-100{
	width:100%;
}
.procent-80{
	width:80%;
}
.procent-60{
	width:60%;
}
.procent-40{
	width:40%;
}
.procent-20{
	width:20%;
}

.page-item.active .page-link {
	background-color: #47494e;
	border-color: #3e393c;
}

.ContactMap {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

}

.PagePadding{
	padding-top:150px;
	padding-bottom: 30px;
}
.ShopPadding{
	padding-top:120px;
	padding-bottom: 30px;
}

.header{
	z-index:100;
	top:0;
	left:0;
	right:0;
}


.menubutton{
font-size:1.4rem;
line-height:1.4rem;
display:none;
}

.stickyheader .menubutton{
display:block;
}



.slogan{display:none;
letter-spacing:0.03rem;}

 @media (min-width: 992px) {

	  .border-lg-right{
			border-right:1px solid rgba(0, 0, 0, .1);
		}

	 .top-menu>li:hover>ul{
	 display:block;
	 }

.notsticky .slogan,
.notsticky #menusup .collapse{display:block;}
.stickyheader #menusup .slogan{display:none;}
}



.header .collapsed{
color:grey
}

.stickyheader #menusup .collapse{
display:none;}

.stickyheader #menusup .show{
display:block !important;}



.bgtop{
	background-image:url(bck.jpg);
	background-size:cover;
}

.brd-cat nav .breadcrumb{
	display:block;

 }

 .breadcrumb{
 background:none;
	font-size:12px;
}

.breadcrumb li{
	display:inline;
	float:none;
	padding: 0 8px 0 0;

}

.breadcrumb li:before{
	content:"/";
}

.breadcrumb li:nth-child(1):before{
	content:"";
}

.breadcrumb .Active { color:#727070;}

.cart-icon{
	font-size:24px !important;
}


.overlay{
	position:fixed;
	background-color:rgba(0,0,0,.2);
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:990;
}

.searchbox{
	line-height:14px;
}

.customshadow{
	box-shadow: 0 17px 20px rgba(0,0,0,.1);
}

.card-badges{
	height:28px;
	display:block;
}

.card .ReviewVot {
    width: 89px;
    height: 18px;
}

.ReviewVot{
	margin:0 auto;
width:200px;
height:40px;
display:block;
position:relative;
}


.ReviewVotPrecent{
background-color:#500a3d;
position:absolute;
top:0;
left:0;
bottom:0;
right:auto;
z-index:2;}

.ReviewVotStars{
display:block;
background-image:url(star.svg);
background-size:auto 100%;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:3;
}

.prodselect .active{
	color: #fff!important;
    background-color: #c81b5c!important;
    border-color: #c81b5c!important;
}


.prodreczone{
	height:580px;
	overflow:hidden;
}

#prodrec {overflow:auto;
height:600px;
	position:relative;
	text-align:center;
white-space:nowrap;
padding-top:24px;}




#prodrec>div{
	width:278px;
white-space:normal;
display:inline-block;
}



.icon-fastdelivery::before {
    content: "\e60f";
    font-size: 45px;
    line-height: 24px;
}

.list-group-flush .list-group-item-action{
background:none;
}

.FiltCol{
font-size:11px;}


.FiltCol .form-check-input {

    margin-top: 0;

}

.FiltCol .form-check .form-check-label{
    margin-top: 0;
}

.FiltCol .form-check{
display:block;}

.list-group-flush .active{color:#c39227;}
.icon-bottom{
    font-size: 45px;
	height:100px;
	width:100px;
	line-height:80px;
	overflow:hidden;
	color:#000;
	display:block;
	background-color:#f5f5f5;
	border-radius:50px;
	position:absolute;
	top:-56px;
	left:50%;
	margin-left:-50px;
	text-align:center;
}

.space{	padding-bottom: 1.5rem !important;padding-top: 3.5rem !important; }
.icon-bottom img,
.icon-bottom svg{
width:60px;
height:60px;
}



.badge-title{
background-color:#c81b5c;
-webkit-border-radius: 5px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-bottomleft: 0;
border-radius: 5px;
border-bottom-left-radius: 0;
color:#fff;
margin-bottom:26px;
display:inline-block;
margin-left:-24px;
padding:5px 30px 7px 30px;
font-size:19px;
position:relative;
 }


.badge-title:before{
content:'';
display:block;
position: absolute;
z-index:2;
width:20px;
height:15px;
border-top:15px solid #000;
border-left:20px solid #fff;
top:auto;
bottom:-15px;
left:0;
display:block;
}


.prodCards img{width: 78px; height:52px;
	margin: 2px;
}

/*-------------------Carousel------------------*/

.carcontainer {
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
	margin: 0 auto
}

.carcontainerbrands {
	height: 120px
}

.cartransition {
	transition: all .5s
}

.carcontainer>div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: auto;
	white-space: nowrap;
	word-spacing: 0;
	font-size: 0
}

.carcontainer>div>div {
	width: 240px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	white-space: normal;
	word-spacing: auto;
	font-size: 14px
}

.carouselaiqnav{position:absolute;
	top:-1px;
	right:12px;
	height:30px;
	display:block;
}


.carouselaiqnav button{
	line-height:30px;
	color:#000;
	outline:0;
	border:0;
	cursor:pointer;
	width:30px;
	height:30px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
margin:0 6px;
	font-size:1.8rem;
	line-height:1.9rem;
	background:none;

}
.carouselaiqnav button:hover{
	color:#c39227;}


.carouselaiqnav>.disabled{
pointer-events: none;
opacity:0.2;
cursor:default;
}

.display-sm {
	font-size: 1.4rem
}

.display-sm2 {
	font-size:1.2rem
}

.carouselaiq>.disabled {
	pointer-events: none;
	opacity: .5;
	cursor: default
}


.bulls{
	padding:0 0 0 0;
	text-align:center;
	display:inline-block;
	margin:0;
	vertical-align:middle;
}

.bulls li{
	display:inline-block;
	border:2px solid #ccc;
	border-radius:12px;
	margin:15px 4px 4px 4px;
	width:14px;
	height:14px;
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	cursor:pointer;
}

.bulls .bullactive,
.bulls .bullactive:hover{
	border:2px solid #c39227;;
}


.bulls li:hover{
border: 2px solid #cc9933;
}




.boxprod .imgalign{
	overflow: hidden;
	position:relative;
}

.boxprod .imgalign .boxprodimg1,
.boxprod:hover .imgalign .boxprodimg2{
	width:auto;
	height:auto;
}

.boxprod:hover .imgalign .boxprodimg1,
.boxprod .imgalign .boxprodimg2{
	width:0px;
	height:0px;
}


.boxprodtitle{
min-height:50px;
}

.boxprodtitle a{
color:#000;
}

.boxprodtitle a:hover{
text-decoration:none;
color:#c39227;
}
.btn-box-fav{
position:absolute;
z-index:3;
top:6px;
right:6px;
color:#000;
}

.boxprod:hover .btn-box-fav{
color:#000;
display:block;
}


.modal-compara{
position:fixed;
	top:140px;
	left:auto;
	width: 110px;
	min-height: 340px;
	padding-bottom:60px;
	transition: right .5s;
		right:-110px;
		z-index: 20;
}

.opened{
	right:0;
}


.modal-compara-butt{
	position: absolute;
	transform: rotate(-90deg);
  transform-origin: 0% 100%;
	top:130px;
	height:30px;
	line-height: 20px;
	left:0; width:160px;
	cursor:pointer;
}
.custom-select:focus {
    border-color: #c39227;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(128,189,255,0);
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0);
}

.accordion .btn{
	background-color: #ffffff;}

.accordion .btn.focus,
.accordion .btn:focus{
	background-color: #c39227;
	color:#fff;
}

.accordion a{
	color:#777;
}

.accordion a:hover{
	color:#c39227;
}

.btn-primary:hover {
border:1px solid #777;
}


.modal-compara .modal-compara-butt .bi-chevron-down{
 display: none;
}

.modal-compara .modal-compara-butt .bi-chevron-up {
 display: inline-block;
}


.opened .modal-compara-butt .bi-chevron-down{
 display: inline-block;
}

.opened .modal-compara-butt .bi-chevron-up{
 display: none;
}



/*
.modal-compara-butt svg{
	width: 9px;
	height:9px;
	margin:0 6px;
}
*/



.compara-go:hover{
text-decoration:none;
}




.box-small-compara{
width:90px;
height:90px;
}






.box-small-istoric{
width:200px;
height:200px;
}

.box-small-finisaje{
	white-space: nowrap;
height:174px;
}

.box-small-finisaje img{
	max-width: 100%;
	max-height: 100%;

}


.box-small-istoric:hover span,
.box-small-finisaje:hover span{
border:1px solid #c39227 !important;
}

.btn-outline-secondary{
border-color:rgba(0,0,0,.2)}

.price { font-size:15px;;margin:0}

.PagDots{ padding: 6px;line-height: 13px; }





.pagination li{
padding:0 5px;
}


.pagination li:hover  a,
.pagination .active a{
color:#c39227 !important;
border:1px solid #c39227 !important;
}

.pagination .active,
.page-link{
background:none !important;
color:#000 !important;
}

.form-control,.form-control-sm,
.input-group-text,
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.custom-select,
.btn{
  border-radius:0;
}

.btn-pill{
	border-radius:24px;
}

.prod-new{
top:12px;
left:12px;
z-index:5;}


.Austria:before {
  content: url(flags/at.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.SUA:before {
  content: url(flags/us.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.Spania:before {
  content: url(flags/es.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.UK:before {
  content: url(flags/gb.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.Serbia:before {
  content: url(flags/rs.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.Germania::before {
 content: url(flags/de.svg);
 vertical-align: top;
width:21px;
  height:14px;
	margin:0 3px 0 0;
	border:1px solid #eee;
	padding: 0;
	font-size: 10px;
}

.Suedia::before {
	content: url(flags/se.svg);
	vertical-align: top;
	width:21px;
	height:14px;
	margin:0 3px 0 0;
	border:1px solid #eee;
	padding: 0;
	font-size: 10px;
   }
   

.Olanda::before {
 content: url(flags/nl.svg);
 vertical-align: top;
width:21px;
  height:14px;
	margin:0 3px 0 0;
	border:1px solid #eee;
	padding: 0;
	font-size: 10px;
}

.Ungaria:before {
  content: url(flags/hu.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}


.China:before {
  content: url(flags/cn.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}


.HongKong:before {
  content: url(flags/hk.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}
.Italia:before {
  content: url(flags/it.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.Polonia:before {
  content: url(flags/pl.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}
.Cehoslovacia:before {
  content: url(flags/cz.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.RDG:before {
  content: url(flags/rdg.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.URSS:before {
  content: url(flags/urss.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}



.Turcia:before {
  content: url(flags/tr.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}


.Japonia:before {
  content: url(flags/jp.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.Franta:before {
  content: url(flags/fr.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}


.Romania:before {
  content: url(flags/ro.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.Elvetia:before {
  content: url(flags/ch.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}

.Liechtenstein:before{
	content: url(flags/li.svg);
	vertical-align: top;
 width:21px;
   height:14px;
 	margin:0 3px 0 0;
 	border:1px solid #eee;
 	padding: 0;
 	font-size: 10px;
}



/*-------------------Galerie Foto----------------------*/

.PhotoGalleryPag{
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color: rgba(0, 0, 0, .7);
	position:fixed;
	z-index:999999;
	display:none;
	text-align:center;
}

.PhotoGalleryPagOpen{display:block;}

.PhotoGalleryPagImg{
	border:7px solid rgba(255, 255, 255, 1);
	display:inline-block;
	margin:60px auto 0 auto;
	height:auto;
	position:relative;
	max-width:60%;
	max-height:90%;
	overflow:hidden;
	background-color:#000;
	padding:0;
	}

.PhotoGalleryPagImg img{
	max-width:100%;
	max-height:100%;
margin:0;
padding:0;

	border:0;
	}

.PhotoGalleryPagClose{
	position:absolute;
	top:4px;
	right:4px;
	width:50px;
	height:50px;
	line-height:45px;
	font-size:24px;
	text-align:center;
	color: rgba(0, 0, 0, .6);
	transition:all .3s;
	background-color:#fff;
	cursor:pointer;
	}

.PhotoGalleryPagClose:hover{
	color: rgba(255, 255, 255, 1);
	background-color:#000;}

.PhotoGalleryPagIco{
width:210px;
height:210px;

position:relative;
	display:inline-block;
	background-size:100% 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	overflow:hidden;
	margin:2px;
	border:4px solid rgba(255, 255, 255, 1);
}


.PhotoGalleryPagIco:hover{
	box-shadow: 0 0 6px rgba(0,0,0,.3);
}

.box-small-fin{
overflow:hidden;
width:86px;
height:96px;
border:1px solid rgba(0, 0, 0, .1);
}



.fin-box{
width:56px;
height:76px;
cursor:pointer;
vertical-align:top;
font-size:0.7rem;
/*border-radius:42px;*/
}


.fin-box>i{
border:1px solid rgba(0, 0, 0, .1);
}

.fin-active>i,
.fin-box:hover>i{
border:1px solid rgba(0, 0, 0, 1);
display:flex;
}

.fin-box>span{
height:280px;
top:-290px;
border-radius:0px;
left:50%;
width:280px;
margin-left:-140px;
display:none;
border-radius:14px;
}

.fin-box>span>img{
max-width:80%;
max-height:80%;
}

.fin-box:hover>span{
display:block;}

.denumire-finisaj,
.denumire-tip{
display:block;
height:23px;
line-height:23px;
margin-top:-5px;}




.iframe{
	width: 100%;
	height:700px;
}

/*---------------Brands---------------*/



.Brands {
	text-align:center;
}


.Brands a{
height:62px;
width:62px;
text-align:center;
overflow:hidden;
display:inline-block;
border:1px solid rgba(0,0,0,.1);
margin:2px;
}

.Brands  a img{
height:80%;
width:80%;
margin: 10% 0;
opacity:.7;
}

.Brands a:hover{
border:1px solid #c39227;
}

.Brands  a:hover img{
opacity:1;
}

.Content{
	font-size: 18px;
}



/*------------------Slider Gallery--------------------*/


.gallslide{
position:relative;
overflow:hidden;
width:100%;
height:auto;
text-align:center;
padding:40px 0;
background-color: #fff;
}


.main-prodgal{
border: 0px solid rgba(0, 0, 0, 0);
padding:0;
}

.gallcontainer{
width:100%;
height:612px;
position:relative;
overflow:hidden;
margin:0 auto;
}

.ProdContent .gallslide{
border: 1px solid rgba(0, 0, 0, .0);
    box-shadow: 0 0 10px rgba(0, 0, 0, .0);
	padding:0;
}



.gallfullscreen{
width:auto;
height:auto;
position:fixed;
z-index:999999;
top:0;
left:0;
bottom:0;
right:0;
}

.ProdContent .gallfullscreen{
box-shadow:0 0 0px 50px rgba(0,0,0,.5);
}

.gallfullscreen .gallcontainer{
height:auto;
position:absolute;
top:20px;
left:0;
bottom:120px;
right:0;
z-index:1;
}

.gallfullscreen .gallsmall{
position:absolute;
top:auto;
left:0;
bottom:10px;
right:0;
z-index:2;
}

.gallcontainer>div{
position:absolute;
top:0;
bottom:0;
left:auto;
right:auto;
white-space:nowrap;
word-spacing:0; font-size: 0;
}

.galltransition{
transition:all 0.5s;
}

.gallcontainer>div>div{
width:auto;
height:100%;
display:inline-block;
vertical-align:middle;
text-align:center;
overflow:hidden;
color:#fff;
position:relative;
}

.loader-svg{
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  fill: none;
  stroke-width: 9px;
  stroke-linecap: round;
  stroke: #c39227;
}

.loader-svg-bg{
  stroke-width: 9px;
  stroke: #ccc;
}

.loader-svg-anim{
  stroke-dasharray: 242.6;
  animation: fill-animation 1s cubic-bezier(1,1,1,1) 0s infinite;
}

@keyframes fill-animation{
  0%{
    stroke-dasharray: 40 242.6;
    stroke-dashoffset: 0;
  }
  50%{
    stroke-dasharray: 141.3;
    stroke-dashoffset: 141.3;
  }
  100%{
    stroke-dasharray: 40 242.6;
    stroke-dashoffset: 282.6;
  }
}


.imgalign{
width:100%;
height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
	font-size: 0;
		margin:0 auto;
}

.imgalign>img{

width:auto;
height:auto;
max-width: 100%;
max-height: 100%;

}

/*
.gallcontainer>div>div>img,
.gallcontainer>div>div>.imgalign>img{
width:auto;
height:auto;
max-width:80%;
max-height:100%;
cursor:pointer;
}
*//*
.gallfullscreen .gallcontainer>div>div>img,
.gallfullscreen .gallcontainer>div>div>.imgalign>img{
max-width:90%;
}

*/


.gallsmall{
padding:20px 0 10px 0;
}
.gallsmall>div{
background-color:#fff;
color:#fff;
width:54px;
height:54px;
margin:2px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
border:1px solid rgba(0,0,0,.2);
font-size:45px;
cursor:pointer;
}


.gallsmall>.sactive{
border:1px solid rgba(0,0,0,1);

}


.gallslide>.disabled{
pointer-events: none;
opacity:0.5;
cursor:default;
}

.gallslide>button:nth-child(1){
position:absolute;
z-index: 3;
right:10px;
top:0px;
border:0;
padding:14px;
background:none;
cursor:pointer;
outline:0;
	opacity:.5;
font-size:18px;
}



.gallslide>button:nth-child(2){
position:absolute;
z-index: 3;
right:10px;
top:0px;padding:8px 12px;
background:none;
cursor:pointer;
border:0;
font-size:30px;
outline:0;	opacity:.5;
}

.gallslide>button:nth-child(1):hover,
.gallslide>button:nth-child(2):hover{
	opacity:1;
}

.gallslide>button:nth-child(1):before{
content:'zoom';
display:none;
position:absolute;
top:14px;
right:40px;
font-size:12px;
padding:4px;
color:#ccc;

}

.gallslide>button:nth-child(2):before{
content:'close';
color:#ccc;
display:none;
position:absolute;
top:14px;
right:40px;
font-size:12px;
padding:4px;
}

.gallslide>button:nth-child(1):hover:before,
.gallslide>button:nth-child(2):hover:before{
display:block;
}

.gallslide>button:nth-child(3),
.gallslide>button:nth-child(4){
position:absolute;
z-index: 3;
top:40%;
border:0;
background:none;
cursor:pointer;
font-size:36px;
outline:0;
color:rgba(0,0,0,.5);
}

.gallslide>button:nth-child(3):hover,
.gallslide>button:nth-child(4):hover{
color:rgba(0,0,0, 1);
}


.gallslide>button:nth-child(3){
left:10px;
right:auto;}

.gallslide>button:nth-child(4){
left:auto;
right:10px;}



.gslidedownload{
position:absolute;
z-index:3;
display:block;
top:50px;
right:14px;
padding:8px 8px;
cursor:pointer;
font-size:14px;
}

.gslidedownload:after{
content:'download';
display:none;
position:absolute;
top:4px;
right:34px;
font-size:14px;
padding:4px;
    font-family: "Open Sans", sans-serif;
	color:#000;
}
.gslidedownload:hover:after{
display:block;
}

.gslidedownload img,
.gslidedownload svg{
height:24px;
opacity:.5;
}
.gslidedownload:hover img,
.gslidedownload:hover  svg{
opacity:1;
}




.gallslide>button:nth-child(3):hover,
.gallslide>button:nth-child(4):hover{
opacity:1;
}












#prodtop .list-group{
font-size:12px;
}









.shadow-custom{
	box-shadow: 0 16px 36px rgba(0,0,0,.175);
}


.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-prod .nav-link{
	color:#fff;
}
.navbar-prod .nav-link.active{
	background-color:#fff;
	color:#000;
}

.BottomZoneComunity{
padding-top:30px;}

.BottomZoneComunity a .fa{
display:inline-block;
background-color:#fff;
border-radius: 22px;
height:44px;
width:44px;
line-height:44px;
text-align:center;
color:#2c2c2c;
font-size:24px;
margin:0 3px;
}






.BottomZoneComunity a:hover .fa{
background-color:#9d0052;
}

/*------------------Filtrare--------------------*/

.filtrare>div{
	display:inline-block;
}

.dropdown-custom{
left:0;
right:0;
padding:30px 40px;
}

.dropdown-custom .custom-control-label,
.dropdown-custom .dropdown-item{
width:25%;
clear:none;
float:left;
}

/* multiselect bootstrap */
.multiselect{width:214px;}
.multiselect-container li:first-child{
position:relative;
}
.multiselect-container li:first-child:before{
   content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>');
width:29px;
height:29px;
line-height:29px;
font-size:21px;
text-align:center;
position:absolute;
z-index:3;
top:4px;
left:auto;
right:4px;
}


 .dropdown-toggle::after{
 display:none;}


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

.DelItem:hover{text-decoration:none;}

.ShoppingCartIntScroll{
position:absolute;
top:56px;
left:0;
right:0;
bottom:80px;
z-index: 2;
overflow: auto;
}

.nav-tabs .nav-item,
.nav-tabs .nav-link,
.nav-tabs .nav-item .nav-link{
	color:#555;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item:hover,
.nav-tabs .show,
.nav-tabs .active,
.nav-tabs .nav-item .active{
	color:#c39227;
}

.MesajCantitate{
    color:#cc0000;

}
label img {
    height: 24px;
    float: left;
    margin-right: 20px;
}
.ShoppingCartQ{
color:#9d0052;
margin-left:4px;
    }

.ShoppingCartTxt{
	position:absolute;
	top:40px;
	right:0;
	font-size:11px;
	display:none;}


.NrProdCos{
	display:block;
	font-size:13px;
	padding:6px;}


.ShoppingCartContent{
position:fixed;
display:none;
right:0;
z-index:1999;
left:auto;
top:0;
right:0;
bottom:0 !important;
background-color:#fafafa;
text-align:left;
height:100% !important;
border-left:1px solid rgba(0,0,0,.1);
width:420px;
}


.CartOverlay{
display:none;
position:fixed;
z-index:1700;
background-color:rgba(203,217,222,.9);
top:0;
left:0;
bottom:0;
right:0;
height:100% !important;
width:100% !important;
}


.ShoppingCartBottom{
top:auto;
bottom:0 !important;
right:0;
}

.ShoppingCartTotal{
text-align:left;
text-transform:uppercase;
font-size:14px;
}

.ShoppingCartTotal span{
font-size:16px;
float: right;
}




/*------------------Responsive--------------------*/

 @media (max-width: 1200px) {

}

 @media (max-width: 992px) {
	 .logo{
 	font-size:0.6rem;
 	letter-spacing:-0.04rem;
 	line-height: 0.5rem;
 	}

 	.logo svg{
 		width: 130px;
 		height:45px;
 	}

	 .iframe {
    width: 100%;
    height: 400px;
}


/*
#prodsort{
	position:absolute;
	top:52px;
	right:10px;
	z-index: 2;
}
*/

.PagePadding{
	 	padding-top:130px;
	 }
.ShopPadding{
	 	padding-top:100px;
	 }


.top-menu>li>ul,
.top-menu>li>.custom-submenu{
top:auto;
position:static;
width:auto;
left:auto;
margin-left:0;
box-shadow:none;
}

.top-menu>li>ul>li{
	width:49.9%;
}

.top-menu>li>.custom-submenu>li{
vertical-align:top;
overflow:hidden;
}


.top-menu>li>.custom-submenu>li>a{
	border:1px solid rgba(0,0,0,.1);

}



 .menubutton{
display:block;
}


 .xs-m-2{ margin-top: .5rem !important; }
.m-none {
	display:none;
}



.dropdown-custom{
left:auto;
right:auto;
padding: .5rem 0;
}

.dropdown-custom .custom-control-label,
.dropdown-custom .dropdown-item{
width:auto;
clear:both;
float:none;
}



  .custom-h-50{
  height: auto;
  min-height:340px;
  }

  .custom-h-100{
  height: auto;
  min-height:340px;
  }

}

@media (max-width: 768px) {

	.gallcontainer{
	width:100%;
	height:380px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	}

	.display-sm {
		font-size: 1.3rem;
	}

	.display-sm2{
		font-size: 1rem;
	}

.bulls{
display:none;
}

.ShoppingCartContent, .ShoppingCartBottom{
	width: 100%;
}

.custom-btn-top .btn .fa{
	font-size:16px;
}
.custom-btn-top .btn img{
width:23px;
height:23px;
margin-top:-2px;
margin-right:2px;
}

.prod-buy-sticky{
padding:8px 0;
}


.prod-buy-sticky .sticky-buy .btn{
padding:6px 10px;
font-size:14px;
}



.prod-buy-sticky h2{

display:none;
}
.prod-buy-sticky p{
float:none;}

.prod-buy-sticky .sticky-left{
width:50%;
}

.navtabszone{
display:none;}

.pagination li a {font-size:12px;}

}

@media (max-width: 576px) {





.shadow-custom{
	box-shadow: 0 3px 9px rgba(0,0,0,.175);
}


}


@media (max-width: 380px) {


/*
.logo span{
		display: none;
	}
	*/
	.logo svg{
		width: 100px;
		height:38px;
	}


}