@font-face {
    font-family: OpenSans;
    src: url(OpenSans-Regular.ttf);
}
body {font-family: OpenSans;}
a,a:focus,a:active {outline: none;font-family: OpenSans;}
img{max-width:100%;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    black;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    black;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    black;
}
hr{border-color: #cccccc;}





/**
	Bootstrap override
*/
.navbar-default {
	background: white;
	border: none;
}
.navbar-nav > li > a {
	line-height: 50px;
}
.navbar-default .navbar-nav > li > a {
	color: #267546;
}
.navbar-default .navbar-nav > li.actv > a {
	font-weight: bold;
	background: white;
	color: #006730;
}
@media (max-width: 767px) {
    .navbar-nav > li > a {
		line-height: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-collapse,
	.navbar-collapse.in {
		margin-top:5px;
		background:white;
	}
	.navbar-toggle {
		margin-top:25px;
	}
	.navbar-default .navbar-collapse.in > .navbar-nav > li > a:hover,
	.navbar-default .navbar-collapse.in > .navbar-nav > .actv > a:hover,
	.navbar-default .navbar-collapse.in > .navbar-nav > .actv > a:focus {
		background-color: #04542b;
		color: white;
	}
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #006730;
}
.btn-primary {
	background: #036029;
	border: 1px solid #036029;
	padding: 5px 25px;
}
.btn-primary:hover {
	background: #036029;
	border: 1px solid #036029;
	padding: 5px 25px;
}
.navbar-brand > img {
	max-width: 100%;
}
@media(max-width:500px) {
	.navbar-brand > img {
		max-width: 200px;
		margin-top: 10px;
	}
}




/**
	Subheader photo
*/
.header-photo {
	height: 171px;
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
}
.header-photo .container > div {
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	margin: 25px 0px 0px;
	border-radius: 0px;
	border-radius:5px;
}
.header-photo.acasa {
	background-image: url(../../images/banner-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 355px;
}
.header-photo.acasa .acasa-text {
	max-width: 800px;
}
.header-photo.acasa .acasa-text h1 {
	color: white;
	font-size: 35px;
	font-family: Arial;
	margin: 0px 0px 15px 0px;
}
.header-photo.acasa .acasa-text span {
	color: white;
	font-size: 14px;
	font-family: Arial;
	margin-bottom: 20px;
	display: block;
}
.header-photo.acasa .acasa-text button {
	background: black;
	color:white;
	border: 1px solid white;
	padding: 10px 35px;
}

.header-photo.produs .produs-text {
	max-width: 800px;
}
.header-photo.produs .produs-text h1 {
	color: white;
	font-size: 35px;
	font-family: Arial;
	margin: 0px 0px 20px 0px;
}
.header-photo.produs .produs-text span {
	color: white;
	font-size: 14px;
	font-family: Arial;
	display: block;
}
.header-photo.produs .produs-text a {
	color: white;
}

.header-photo.static-page .produs-text {
	max-width: 800px;
}
.header-photo.static-page .produs-text h1 {
	color: white;
	font-size: 35px;
	font-family: Arial;
	margin: 0px 0px 20px 0px;
}
.header-photo.static-page .produs-text span {
	color: white;
	font-size: 14px;
	font-family: Arial;
	display: block;
}
.header-photo.static-page .produs-text a {
	color: white;
}


.header-photo.comanda {
	background-image:		url(../../images/banner-1.png);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-position:	center center;
}
.header-photo.categorie {
	background-image:		url(../../images/banner-6.png);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-position:	center center;
}
.header-photo.produs {
	background-image:		url(../../images/banner-6.png);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-position:	center center;
}
.header-photo.despre {
	background-image:		url(../../images/banner-6.png);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-position:	center center;
}






/**
	Meniu
*/
.meniu {
	background: #efefef;
	padding: 5px 0px 15px 15px;
}
.meniu h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 10px;
	margin-right: 10px;
}
.meniu .categorie ul > li a{
	text-decoration: none;
	color: black;
}
.meniu .categorie h3 {
	font-size: 15px;
	text-transform: uppercase;
}
.meniu .categorie ul {
	list-style: none;
	padding-left:10px;
}

.meniu .categorie ul li {
	padding-bottom: 10px;
}

.meniu .categorie ul li.more {
	background: url('../../images/arrow-right.png') no-repeat 95% 7px;
	position:relative;
	cursor: pointer;
	padding-bottom:10px;
	padding-right: 20px;
}
.meniu .categorie ul li.more:hover {
	background: url('../../images/arrow-right-red.png') no-repeat 95% 7px;
}
.meniu .categorie ul > li:hover > a{
	color: #d6211a;
	cursor: pointer;
}
.meniu .categorie ul > li.more:hover > div > .sub-more,
.meniu .categorie ul > li.more > div > .sub-more:hover {
	display: block;
}
.meniu .categorie ul li.more > div {
	position: absolute;
	width: 100%;
	left: 100%;
	top: 0;
	z-index: 1000;
	background: white;
}
.meniu .categorie ul li div .sub-more {
	display: none;
	position: relative;
	border: 2px solid rgba(175, 175, 175, 0.5);
	padding: 20px 0px 10px 20px;
}

.meniu .categorie ul li div .sub-more li {
	padding-bottom:10px;
}

.meniu .categorie ul li > div .sub-more:after, .meniu .categorie ul li > div .sub-more:before {
	right: 100%;
	top: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.meniu .categorie ul li > div .sub-more:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 6px;
	margin-top: -6px;
}
.meniu .categorie ul li > div .sub-more:before {
	border-color: rgba(175, 175, 175, 0);
	border-right-color: rgba(175, 175, 175, 0.5);
	border-width: 9px;
	margin-top: -9px;
}
.meniu .categorie ul > li.on_link > a {
	color: #d6211a;
}
.meniu .categorie ul li.on_link.more {
	background: url('../../images/arrow-right-red.png') no-repeat 95% 7px;
}

/**
	Menu's behaviour under 767px resolution.
*/
@media (max-width: 767px) {
	.page-content {
		margin-top:30px;
		padding:0 15px;
	}
	.meniu .categorie ul li.more {
		background: url('../../images/arrow-down.png') no-repeat 95% 7px;
		position:relative;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.meniu .categorie ul li.more:hover {
		background: url('../../images/arrow-down-red.png') no-repeat 95% 7px;
	}

    .meniu .categorie ul li.more > div {
		width: 100%;
		position: relative;
		left: 0%;
		background: none;
	}

	.meniu .categorie ul li div .sub-more {
		display: none;
		position: relative;
		border: none;
		padding: 10px 0px 10px 20px;
	}

	.meniu .categorie ul li > div .sub-more:after, .meniu .categorie ul li > div .sub-more:before {
		right: 0;
		top: 0;
		border: none;
		content: " ";
		height: 0;
		width: 0;
		position: relative;
		pointer-events: none;
	}

	.meniu .categorie ul li > div .sub-more:after {
		border-color: none;
		border-right-color: none;
		border-width: 0px;
		margin-top: 0px;
	}
	.meniu .categorie ul li > div .sub-more:before {
		border-color: none;
		border-right-color: none;
		border-width: 0px;
		margin-top: 0px;
	}
}






/**
	Footer
*/
footer .footer-container {
	background: #e8e8e8;
	margin-top: 15px;
}
footer .footer-item {
	padding-top: 25px;
	padding-left: 80px;
	padding-bottom: 25px;
}
footer .footer-item h3 {
	margin-bottom: 0;
	font-weight: bold;
	font-family: Arial;
	font-size: 20px;
}
footer .footer-item span {
	color: #898989;
}
footer .footer-item.retur {
	background: url('../../images/pic-2.png') no-repeat left calc(50% + 6px);
}
footer .footer-item.retur a{
	color: #989898;
}
footer .footer-item.lichidari {
	background: url('../../images/pic-1.png') no-repeat left calc(50% + 6px);
}
footer .footer-item.transport {
	background: url('../../images/pic-3.png') no-repeat left calc(50% + 6px);
}

footer .sub-footer {
	background: #1c4a2e;
	padding-top: 25px;
}
footer .sub-footer .navbar-default {
	background: #1c4a2e;
}
footer .sub-footer .navbar-collapse, footer .sub-footer .navbar-collapse.in {
	margin-top: 5px;
	background: none;
}
footer .sub-footer .navbar-default .navbar-nav > li.actv > a {
	background: none;
	font-weight: bold;
}
footer .sub-footer .navbar-default .navbar-nav > li > a {
	color: white;
}
footer .sub-footer .under-sub-footer, footer .sub-footer .under-sub-footer a {
	color: #668c73;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
}
footer .sub-footer .under-sub-footer .links {
	text-align: right;
}
footer .sub-footer-line {
	border-top: 1px solid #0a381c;
	margin: 0px -15px;
}

@media (max-width: 767px) {
    footer .row > div{ text-align: center }
	footer .sub-footer .under-sub-footer .links { text-align: center;}
}







/**
	Produse
*/
.produs-item {
	min-height: 320px;
	display: block;
	text-decoration: none;
	color: black;
	text-align:center;
}
.produs-item:hover {
	text-decoration: none;
	color: black;
}
.produs-item .image {
	min-height: 170px;
	position: relative;
	text-align: center;
	border:solid 1px #ccc;
}
.produs-item .title {
	height: 65px;
	font-size: 15px;
	display: inline-block;
	padding-top:5px;
	width:100%;
	vertical-align: middle;
}
.produs-item > span.btn {
	background: #036029;
	border: 1px solid #036029;
	padding: 5px 25px;
	font-size: 15px;
}
.produs-item > span.btn:hover {
	background: #036029;
	border: 1px solid #036029;
	padding: 5px 25px;
}





/**
	Ribbon on images
*/
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.ribbon.new span {
	background: #79A70A;
	background: linear-gradient(#DD0729 0%, #DD0729 100%);
}
.ribbon.new span::before {
	border-left: 3px solid #DD0729;
	border-top: 3px solid #DD0729;
}
.ribbon.new span::after {
	border-right: 3px solid #DD0729;
	border-top: 3px solid #DD0729;
}
.ribbon.sale span {
	background: #79A70A;
	background: linear-gradient(#007d99 0%, #007d99 100%);
}
.ribbon.sale span::before {
	border-left: 3px solid #007d99;
	border-top: 3px solid #007d99;
}
.ribbon.sale span::after {
	border-right: 3px solid #007d99;
	border-top: 3px solid #007d99;
}
.ribbon.in_stock span {
	background: #79A70A;
	background: linear-gradient(#009748 0%, #009748 100%);
}
.ribbon.in_stock span::before {
	border-left: 3px solid #009748;
	border-top: 3px solid #009748;
}
.ribbon.in_stock span::after {
	border-right: 3px solid #009748;
	border-top: 3px solid #009748;
}

.ribbon.pre_order span {
	background: #f7ad0b;
	background: linear-gradient(#f7ad0b 0%, #f7ad0b 100%);
}
.ribbon.pre_order span::before {
	border-left: 3px solid #f7ad0b;
	border-top: 3px solid #f7ad0b;
}
.ribbon.pre_order span::after {
	border-right: 3px solid #f7ad0b;
	border-top: 3px solid #f7ad0b;
}

.ribbon.preorder span {
	background: #025b2c;
	background: linear-gradient(#025b2c 0%, #025b2c 100%);
}
.ribbon.preorder span::before {
	border-left: 3px solid #025b2c;
	border-top: 3px solid #025b2c;
}
.ribbon.preorder span::after {
	border-right: 3px solid #025b2c;
	border-top: 3px solid #025b2c;
}






/**
 *	Intro
 */
.intro h2 {
	padding: 0px 0px 12px 0px;
	font-size: 18px;
	border-bottom: 1px solid #cccccc;
	margin-top: 0px;
	margin-bottom:16px;
}
.intro > span {
	display: block;
	font-size: 12px;
	margin: 12px 0px 20px 0px;
}

.intro > span span {
	font-weight: bold;
}

.intro a {
	color: black;
	font-weight: bold;
}
.intro .contact-info {
}
.intro .contact-info label,
.intro .contact-info section {
	display: inline-block;
}

.intro .contact-info label {
	min-width: 100px;
	vertical-align: top;
	font-weight: 100;
}
.intro .contact-info section {
	min-width: 150px;
	word-wrap: break-word;
}
.intro p {
	margin: 0px 0px 25px 0px;
}
.intro input[type="submit"] {
	background: #036029;
	border: 1px solid #036029;
	padding: 5px 25px;
	color: white;
}






/**
	Produs
*/
.image-preview .main-image {
	border: 1px solid rgba(140, 140, 140, 0.5);
	width: 300px;
	height: 300px;
}
.image-preview .secondary-images {
	padding-top:10px;
}
.image-preview .secondary-images a {
	display: inline-block;
}
.image-preview .secondary-images .image {
	border: 1px solid rgba(140, 140, 140, 0.5);
	width: 100px;
	height: 100px;
}
.produs-descriere .produs-title {
	font-size: 25px;
}
.produs-descriere .brand-image {
	width: 100px;
}


.produs-descriere .produs-quantity label,
.produs-descriere .produs-quantity input {
	display: inline-block;
}
.produs-descriere .produs-quantity input {
	width: 35px;
	padding: 0px 0px 0px 10px;
}
.produs-descriere input[type="submit"] {
	padding: 5px 45px;
}

.produs-produse-asem h2 {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 10px;
	font-size: 18px;
}





/**
	Comanda
*/
.comanda.intro span {
	display: inline-block;
    font-size: 12px;
	margin: 0;
}
.comanda .produs-descriere {
	width: 350px;
	margin: 0 auto;
}
.comanda .produs-descriere input[type="text"],
.comanda .produs-descriere textarea,
.comanda .produs-descriere select {
	background: #f4f4f4;
	resize: none;
}






/**
	Produse_link
*/
a.title {
	font-size: 13px;
	padding-top: 15px;
}
a.vezi_prods {
	font-size: 13px;
	padding-top: 15px;
}
.prods .produse-image {
	border: 5px solid #d3dbc2;
}


/**
	Termeni si conditii
*/

.tc li {
	margin-top: 5px;
}