html {height:100%;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-weight:normal;	font-size:13px;	line-height:1.3;}
body {min-height:100%; -moz-transition:0.2s margin-top ease-in-out;	transition:0.2s margin-top ease-in-out;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#959696; margin:0; text-decoration:none;	background:url(../_images/img/bgg.png) repeat;}

b, strong {font-weight:bold; color:#C5C5C5;}
i, em {font-style:italic;}
p, ul {margin:0; padding:0;}
img {margin:0 auto; max-width:100%; height:auto;} 
a {color:#959696; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:none;}

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:22px;	font-weight:bold;	color:#fff;	text-transform:uppercase;	margin:10px 0 20px 0;	padding:0;}
h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:13px;	font-weight:bold;	color:#C5C5C5;	margin:10px 0 0 0;	padding:0;}

footer{margin-top:50px; text-align:center;}

.up {background:url(../_images/img/up.png) repeat-x;}
.down {background:url(../_images/img/down.png) repeat-x; background-position:center bottom;	height:36px; padding:12px 0 0 0;}

.meniu-ascuns {display:none;}

nav.nav-main--wrapper{margin:0; height:60px;}
ul.nav-top {padding:8px 0; display:inline-block;}
ul.nav-top li{display:block; border-bottom:1px dotted #4A5766;}

a.meniu {color:#959696; font-size:13px; font-weight:bold; text-transform:uppercase; margin:0; background:url(../_images/img/linie.gif) no-repeat left center; padding:0 20px;}
a.meniu:hover {color:#ffffff;}
a.meniu.current-page, a.meniu.current-page:hover{color:#ffffff; font-weight:bold; text-transform:uppercase;}
a.meniuFirst {margin-left:15px; padding:5px 20px 5px 25px!important; background:url(../_images/img/home.gif) no-repeat left 2px!important;}

a.show-categories{
	display: block;
	background-color: #202223;
	padding: 20px 5px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
}
a.show-categories:hover{
	color: #ffffff;
}
a.show-categories.sc-active, a.show-categories.sc-active:hover{
	display: block;
	background-color: #202223;
	padding: 20px 5px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
	color: #ffffff;
}

a.show-categories span{
	vertical-align: top;
	margin-top: -3px;
	display: inline-block;
	line-height: 30px;
}


@media (min-width: 768px) {
	ul.nav-top li{display:inline-block; border:0;}	
	a.meniuFirst{margin-left:0;}
	a.meniu.current-page, a.meniu.current-page:hover{color:#ffffff; font-size:13px; font-weight:bold; text-transform:uppercase; margin:0; background:url(../_images/img/linie.gif) no-repeat left center; padding:0 20px;}
	a.show-categories{display:none;}
}

ul.certificate {margin:0; display:inline-block; vertical-align:top;}
ul.certificate li {position:relative; display:inline-block; margin-right:10px;}
ul.certificate li:last-child {margin-right:0;}
ul.certificate li a {display:block;	line-height:0.5;}

.top-info-banners-wrapper{display:inline-block; color:#fff; padding:10px 0; font-weight:bold;}

@media (min-width: 768px) {
	ul.certificate {margin:0 0 20px 0;}
	.top-info-banners-wrapper{height:45px; vertical-align:top; padding:5px 10px;}	
}

ul.nav-lang{display:inline-block; float:right; padding:8px 0; height:36px;}
ul.nav-lang li{display:inline-block;}
ul.nav-lang li a{font-size:13px; font-weight:bold; text-transform:uppercase; background:url(../_images/img/linie.gif) no-repeat left center; padding:0 15px;}
ul.nav-lang li a:hover, ul.nav-lang li a.lang-active, ul.nav-lang li a.lang-active:hover{color:#fff;}
ul.nav-lang li:first-child a{background:none;}
ul.nav-lang li:last-child a{padding:0 0 0 15px;}

#screenshot {position:absolute;	border:1px solid #ccc; background:#2A0E02; padding:3px 3px 0 3px;	display:none;}

ul.categories-grid{padding:0; list-style-type:none; text-align:center; margin-top:0; margin-bottom:30px; margin-left:-7px; margin-right:-7px;}
ul.categories-grid li{display:inline-block; width:47%; margin:0.5%; background:#202223; padding:5px; vertical-align:top;}
ul.categories-grid li a{display:block;}
ul.categories-grid li a img{display:block;}
ul.categories-grid li a span{
	color: #a8a8a8;
	top: 0;
	height: 35px;
	padding: 5px 5px 0 5px;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	width: 100%;
	bottom: 0;
	font-weight: bold;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
ul.categories-grid li:hover a span{color:#fff;}

@media (min-width: 768px) {
	ul.categories-grid li{display:inline-block; width:23%; margin:0.5%; background:#202223; padding:5px; vertical-align:top;}	
}
@media (min-width: 992px) {
	ul.categories-grid li{display:inline-block; width:13%; margin:0.5%; background:#202223; padding:5px; vertical-align:top;}	
}

ul.categories-list{display:none; margin:0; padding:5px; list-style-type:none; background-color:#202223; border-radius:5px;}
ul.categories-list li{display:block; border-bottom:1px dotted #4b4b4b;}
ul.categories-list li:last-child{border-bottom:0;}
ul.categories-list li a{display:block; padding:5px 0;}
ul.categories-list li.categories-list-active a{color:#fff;}

ul.gallery-list{margin:0; padding:0; list-style-type:none;}
ul.gallery-list li{display:inline-block;}

a.inpage-logo, a.inpage-logo:hover{display:none; background-color:#202223; text-align:center; padding:10px; border-radius:5px; margin-bottom:30px;}

@media only screen and (min-width: 768px) {
	ul.categories-list{display: block;}
	a.inpage-logo, a.inpage-logo:hover{display:block;}
}

/* meniu */
@media only screen and (max-width: 410px) {
	.certificate {
		display:none;
	}
		#home .certificate {
				display:block;
		}
		#home .up {
			margin-bottom: 6.5em!important;
			background: url(../_images/img/up.png) repeat-x;
			height:36px;
		}
	.nav-main-trigger-container {
		top: 12px;
	}
	#home .nav-main-trigger-container {
		top: -1px;
	}
}


@media only screen and (max-width: 768px) {
	body {
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.meniu-ascuns {
		position: relative;
		display: inline-block;
		margin-bottom: 1.5em!important;
	}
	.nav-main--opened {
		-moz-transform: translateX(14em);
		-webkit-transform: translateX(14em);
		transform: translateX(14em);
		overflow-x: hidden;
	}
	.nav-main--wrapper {
		position: static;
	}
	.nav-main-trigger-container {
		position: absolute;
		top: -1px;
		z-index: 2;
		display: block;
	}
	.nav-top {
		position: fixed;
		left: -14em;
		top: 0;
		z-index: -1;
		width: 14em;
		height: 100%;
		padding: 10px 0;
		overflow-y: auto;
		background: #152334;
	}
	.nav-main-trigger {
		background:url(../_images/img/sprite.png) no-repeat 0 0;
		margin: 0;
		padding: 0;
		width:20px;
		height:20px;
		text-indent: -100em;
		position: absolute;
		top: 9px;
		left: 0;
		border: 0;
	}
		.nav-main--opened .nav-main-trigger {
			background:url(../_images/img/sprite.png) no-repeat 0 -29px;
		}
	.nav-top li {
		display: block;
		margin-left:0;
	}
	a.meniu {
		background: none;
		padding: 5px 15px;
		font-weight: normal;
		font-size: 12px;
		display: block;
	}
	.contact-despre {
		border-bottom:0;
	}
}


@media only screen and (max-width: 380px) {
	footer a {
		display: none;
	}
}




/* 
---------------------------------------------------
hvr shutter in 
---------------------------------------------------
*/
.gallery-image-wrapper{
	position: relative;
	margin-bottom: 30px;
}
.gallery-image-wrapper a{
	display: block;
}
.gallery-image-wrapper a img{
	display: block;
	border: 1px solid #202223;
	width: 100%
}
.gallery-image-wrapper .content-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.gallery-image-wrapper .content-wrap .border {
	border: 1px solid #fff;
	height: 100%;
	width: 100%;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.gallery-image-wrapper .content-wrap span{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 0 3px;	
	display: block;
}

.gallery-image-wrapper .hvr-siv {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	background: rgb(3, 150, 55);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.gallery-image-wrapper .hvr-siv::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e1e1e1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.gallery-image-wrapper .hvr-siv:hover::before, 
.gallery-image-wrapper .hvr-siv:focus::before, 
.gallery-image-wrapper .hvr-siv:active::before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.gallery-image-wrapper:hover .content-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
}



/* 
---------------------------------------------------
hvr shutter in 
---------------------------------------------------
*/
ul.breadcrumbs{margin:0 0 20px 0; padding:0; list-style-type:none; overflow:hidden; display:block;}
ul.breadcrumbs li{display:block; float:left;}
ul.breadcrumbs li a{color:#fff; padding:5px 10px; border:1px solid #060709; font-weight:bold;}
ul.breadcrumbs li a:hover{color:#060709;}

ul.breadcrumbs li:nth-child(1){width:100%; background-color:#ffffff;}
ul.breadcrumbs li:nth-child(2){width:50%; background-color:#5e0586;}
ul.breadcrumbs li:nth-child(3){width:50%; background-color:#039637;}

ul.breadcrumbs li:nth-child(1) a{display:block; background-color:#5e0586;}
ul.breadcrumbs li:nth-child(2) a{display:block; background-color:#039637;}
ul.breadcrumbs li:nth-child(3) a{display:block; background-color:#039637; text-align:right;}

@media (min-width: 992px) {
	ul.breadcrumbs li:nth-child(1){width:20%;}
	ul.breadcrumbs li:nth-child(2){width:40%;}
	ul.breadcrumbs li:nth-child(3){width:40%;}	
}

/* 
---------------------------------------------------
banner oferta lunii
---------------------------------------------------
*/
.oferta-lunii-wrapper{margin:0; padding:0; background-color:#141415; color:#fec400; text-align:center; padding:10px; border:1px solid #656565;}
a.olw-link{display:inline-block; background-color:#fec400; color:#141415; text-decoration:none; text-transform:uppercase; padding:10px 20px; margin:10px 0 5px 0; font-weight:bold;}
a.olw-link:hover{text-decoration:none; background-color:#fff; color:#141415;}


/* 
---------------------------------------------------
back to top
---------------------------------------------------
*/
.backTop {
	bottom: 90px;
	position: fixed;
	right: 15px;
	-webkit-transform: translateZ(0);
	z-index: 99;
	display: none;
}
.backTop a {
	display: block;
	text-align: center;
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	line-height: 25px;
	font-size: 20px;
}
.backTop a:hover {
	background: #039637;
	color: #fff;
}


/* @group Forms */
legend, .legend {
	position: relative;
	margin-bottom: 0.75em;
	font-size: 2.25em;
	color: #4e5865;
}
label {
	display: block;
	color:#34465F;
	font-size:1.1em;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: normal;
	margin-bottom: 0.3em;
}
.fields-group > * {
	display: inline-block;
	width: 47%;
	vertical-align: top;
}
input, textarea, select {
	padding: 0.5em 1em;
	line-height: normal;
	background:#1F2122;
	border:1px solid #353839;
	color:#959696;
	width: 100%;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
	resize: vertical;
}
textarea {
	min-height: 100px;
}

	 select {
		 padding:0.4em 1em;
		 -webkit-appearance: none;
	 }
	 [type="file"] {
		 padding:0.5em 1em;
	 }
	input:hover, select:hover, textarea:hover {
		border-color: #BFBFBF;
		
	}
[type="radio"],
[type="checkbox"] {
	color: #0e2333;
	box-shadow: none;
	font-size:0.3em;
	min-width: 0;
	height: auto;
}
.label-text {
	position: relative;
	display: block;
	padding-bottom: 0.3em;
	font-size: 1em;
}
/* @end */