@font-face {
  font-family: 'OswaldRegular';
  src: url('oswald.regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body { font-family: Arial; font-size: 16px; background: url(../images/bg.jpg) top left repeat; }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
img.responsive_float { float: right; padding: 0 0 10px 10px; }
@media (max-width: 992px) {
	img.responsive_float { float: none; display: block; margin: 0 auto; }
}


header { background: #fff; }

.regnou { color: #fff; background: #ff0000; padding: 3px 4px 1px 4px; border-radius: 4px; position: absolute !important; top: 45%; transform: translateY(-50%); left: -5px; font-size: .7em; }
@media (max-width: 992px) {
	.regnou { left: auto; right: 15px; }
}

.logo {	padding: 10px 0px;	display: inline-block; }
.logo img { max-width: 100%; }
.rigt-cont { padding-top: 10px;	}
.locatie { font-weight: normal; display: inline-block; position: relative; top: -10px; }
.locatie span {	position: relative;	display: block;	padding-left: 40px; color: #000; text-align: left;  }
.locatie i:before {	font-size: 22px; color: #023489; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); line-height: 22px; }
.locatie i:after { content: ""; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); border-radius: 100%; width: 36px; height: 36px; border: 1px solid #DCDCDC; -webkit-box-shadow: 0px 0px 5px 0px rgba(214,214,214,.15); -moz-box-shadow: 0px 0px 5px 0px rgba(214,214,214,.15); box-shadow: 0px 0px 5px 0px rgba(214,214,214,.15); }
.program { font-weight: normal; display: inline-block; margin-left: 22px; color: #000; }
.program span {	position: relative;	display: block;	padding-left: 40px; text-align: left; }
.program i:before {	font-size: 22px; color: #023489; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); line-height: 22px; }
.program i:after { content: ""; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); border-radius: 100%; width: 36px; height: 36px; border: 1px solid #DCDCDC; -webkit-box-shadow: 0px 0px 5px 0px rgba(214,214,214,.15); -moz-box-shadow: 0px 0px 5px 0px rgba(214,214,214,.15); box-shadow: 0px 0px 5px 0px rgba(214,214,214,.15); }


#navigation { background: #f5f6fa; letter-spacing: .08em; font: 300 14px/20px 'OswaldRegular', sans-serif; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
nav.top-navbar > ul > li { border-radius: 4px 4px 0 0; overflow: hidden; margin-left: 40px; }
nav.top-navbar > ul > li > a { position: relative; color: #232323; transition: .25s; }
nav.top-navbar > ul > li > a:hover, nav.top-navbar > ul > li.active > a { color: #023489; }
nav.top-navbar > ul > li > a::before { content: ""; display: block; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 0; height: 4px; background: #023489; -webkit-transition: all .2s ease; transition: all .2s ease; }
nav.top-navbar > ul > li > a:hover::before { width: 100%; }
.affix { position: fixed; background-color: #fff; width: 100%; top: 0; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 99; box-shadow: 0px 2px 4px rgba(0,0,0,.3); }
.affix:after { content: '';	clear: both; }
.affix nav#top-navbar {	margin-bottom: 0; box-shadow: 0px 2px 4px rgba(0,0,0,0); }
.affix nav#top-navbar a { margin-bottom: 0; }

#navigation nav.top-navbar a.logo { position: relative;padding: 7px 0; opacity: 0; top: -54px; visibility: hidden; -webkit-transition: all 0s ease; transition: all 0s ease; }
#navigation.affix nav.top-navbar a.logo { padding: 7px 0; opacity: 1; top: 0; visibility: visible; -webkit-transition: all .25s ease; transition: all .25s ease; }



section.slider_content { }
section.slider_content .sp-image-container a::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; }
section.slider_content p { line-height: normal; }
section.slider_content h1 { font-size: 18px; display: inline-block; position: relative; }
section.slider_content h1::before { content: ""; display: block; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background: #636363; background: -moz-linear-gradient(left, #636363 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #636363 0%,#ffffff 100%); background: linear-gradient(to right, #636363 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#ffffff',GradientType=1 ); }
section.slider_content .royalSlider { border-radius: 4px; overflow: hidden; margin-top: 20px; border: 1px solid #999; -webkit-box-shadow: 0px 2px 5px -1px rgba(194,194,194,1); -moz-box-shadow: 0px 2px 5px -1px rgba(194,194,194,1); box-shadow: 0px 2px 5px -1px rgba(194,194,194,1); }
section.slider_content .royalSlider .txtCent { text-shadow: 2px 2px 0 #000,   -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs { background: transparent !important; }
section.slider_content .continut { margin: 20px 0 0 0; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; padding: 20px; -webkit-box-shadow: 0px 2px 5px -1px rgba(194,194,194,1); -moz-box-shadow: 0px 2px 5px -1px rgba(194,194,194,1); box-shadow: 0px 2px 5px -1px rgba(194,194,194,1); }
section.slider_content .continut p { margin: 0; }
section.slider_content .harta { margin-top: 20px; }
section.slider_content .continut img { max-width: 100%; height: auto; }

section.slider_content .continut .categorii-produse { margin: 30px 0; }
section.slider_content .continut .categorii-produse .produse { margin-bottom: 30px; }
section.slider_content .continut .categorii-produse .produse a { display: block; position: relative; text-align: center; }
section.slider_content .continut .categorii-produse .produse a span { display: block; width: 100%; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); color: rgba(255,255,255,1.00); text-shadow: 2px 2px 0 rgba(0,0,0,1),   -1px -1px 0 rgba(0,0,0,1), 1px -1px 0 rgba(0,0,0,1), -1px 1px 0 rgba(0,0,0,1), 1px 1px 0 rgba(0,0,0,1); transition: all .2s ease-out; text-transform: uppercase; }
section.slider_content .continut .categorii-produse .produse a:hover span { color: rgba(255,255,255,0); text-shadow: 2px 2px 0 rgba(0,0,0,0),   -1px -1px 0 rgba(0,0,0,0), 1px -1px 0 rgba(0,0,0,0), -1px 1px 0 rgba(0,0,0,0), 1px 1px 0 rgba(0,0,0,0); }
section.slider_content .continut .categorii-produse .produse a img { border: 1px solid #000; }



/* PROD MENU */
.left-menu > ul > li { border-bottom: 1px solid #D3D3D3; }
.left-menu > ul > li:last-child { border-bottom: 0 solid #D3D3D3; }
.left-menu > ul > li > a { font-weight: bold; padding: 5px 0 5px 0; }
.left-menu > ul > li > a:hover { color: #023489; }
.left-menu > ul > li a span { position: relative; }
@media (min-width: 993px) {
	.left-menu > ul > li > ul a span::before { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: #636363; background: -moz-linear-gradient(left, #636363 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #636363 0%,#ffffff 100%); background: linear-gradient(to right, #636363 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#ffffff',GradientType=1 ); opacity: 0; transition: all .5s ease; }
	.left-menu > ul > li > ul a:hover span::before { width: 100%; opacity: 1; }
}
.left-menu > ul > li a { border: 0; padding: 5px 0 5px 10px; }
.left-menu > ul > li > ul.drop { margin-bottom: 10px; }
.left-menu > ul > li > ul.drop a { position: relative; }
.left-menu > ul > li > ul.drop a::before { content: ""; display: block; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); border-left: 14px solid #000; border-top: 14px transparent; border-bottom: 14px transparent; }
.left-menu > ul > li > ul > li a { padding: 2px 0 2px 20px; }
/* END PROD MENU */


@media (max-width: 1200px) {
	#navigation.affix nav.top-navbar a.logo {	padding: 15px 0px; }
	.logo img { max-width: 212px; }
	.rigt-cont { padding-top: 9px;	}
	.rigt-cont .locatie span { font-size: 14px; }
	.rigt-cont .program { margin-left: 5px; }
	.rigt-cont .program span { font-size: 14px; }
}

@media (max-width: 992px) {
	header .logo { display: none; }
	#navigation nav.top-navbar a.logo { /*opacity: 1; top: 50%; transform: translateY(-50%); visibility: visible;*/ display: none; }
	#navigation nav.top-navbar a.logo img { max-width: 65%; height: auto; }
	.logo {	padding: 0px 0px 15px 15px;	display: block;	}
	.logo {	text-align: center;	}

	.xs-center { text-align: center; }
	.rigt-cont { padding-top: 25px; padding-bottom: 6px; text-align: left; }
	.rigt-cont .locatie { margin: 0 15px 0 0; }
	.rigt-cont .locatie span { padding-left: 35px; }
	.rigt-cont .program { margin: 8px 0 0 0; }
	.rigt-cont .program span { padding-left: 35px; }
	
	.locatie i:before { top: 50%; transform: translateY(-50%); }
	.locatie i:after { top: 50%; transform: translateY(-50%); }
	.program i:before {	top: 50%; transform: translateY(-50%); }
	.program i:after { top: 50%; transform: translateY(-50%); }
	
	.royalSlider {
		height: 300px !important;
	}
	.royalSlider .txtCent { top: 20px !important; left: 50% !important; transform: translateX(-50%); text-align: center; }

	.padding-top { padding-top: 20px; }
}

@media (max-width: 500px) {
	.royalSlider {
		height: 175px !important;
	}
}


footer { background: transparent; }
footer p { margin: 15px 0 15px 0; font-weight: bold; font-size: 15px; }