@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Coda');
/* CSS Document */

body { font-family: 'Coda', cursive; max-width: 100%; overflow-X: hidden; }


header * {
	-webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
  	-o-transition: all 150ms ease;
   	transition: all 150ms ease;
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 2px solid #092746;
	background-color: #FFFFFF;
	z-index: 999;
}
header .logo {
	height: 100px;
	position: relative;
}
header .logo::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 75%;
	height: 100%;
	width: 5000px;
	transform: skew(-35deg);
	background: #1f568f;
	z-index: -1;
}
header .logo img {
	max-height: 100%;
	width: auto;
}
header .logo a {
	color: #FFFFFF;
}
header .logo .user_menu {
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 2;
}
header .logo .user_menu * {
	transition: none;
}
header .logo .user_menu ul {
	list-style: none;
}
header .logo .user_menu ul li {
	float: left;
	margin-left: 20px;
	position: relative;
}
header .logo .user_menu a {
	color: #000;
	font-size: 16px;
}
header .logo .user_menu ul .badge {
		position:absolute;
		top:-12px;
		left:-8px;
		background-color:#e12b15;
		padding:3px 6px 4px 5px;
		font-family:Arial;
		font-size:0.8em;
	}


.padding {
	height: 127px;
}
#jssor_1 {
	margin-top: 107px;
}



/* CSS MENIU */
.navbar-default .navbar-nav > li > a {
	font-family: 'Coda', cursive;
}

.view-product-name {
	display: block;
	text-align: center;
	padding-bottom: 10px;
	color: #000;
	flex-grow: 1;
}
.product_item {
	width: 100%;
	text-align: center;
}
.product_item .panel-body {
	height: 100%;
	position: relative;
	padding-bottom: 40px;
}
.product_item .panel-body .pret_prod {
	position: absolute;
	bottom: 5px;
	right: 10px;
	color: #ef2809;
	font-weight: bold;
	font-size: 16px;
}
.product_item .panel-body .pret_prod_vechi {
	position: absolute;
	bottom: 5px;
	left: 10px;
	color: #000;
	font-weight: normal;
	text-decoration: line-through;
	font-size: 16px;
}
.product_item .panel-body .loading, .cart-cells .item.loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.product_item .panel-body img.b-lazy, .cart-cells .item img.b-lazy {
		-webkit-transition: opacity 500ms ease-in-out;
           -moz-transition: opacity 500ms ease-in-out;
             -o-transition: opacity 500ms ease-in-out;
                transition: opacity 500ms ease-in-out;
                   opacity: 0;
}
.product_item .panel-body img.b-lazy.b-loaded, .cart-cells .item img.b-lazy.b-loaded {
                   opacity: 1;
}
.slider-pro img.sp-thumbnail {
	height: auto !important;
}

@media (min-width: 992px) {
	header .nav::before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 24%;
		height: 100%;
		width: 5000px;
		transform: skew(-35deg);
		background: #092746;
		z-index: -1;
	}
	header .navbar-default {
		background-color: transparent;
		border-color: transparent;
		margin-top: -45px;
		margin-bottom: 0px;
		border: 0px;
	}
	header .navbar-nav {
		float: left;
		display: table;
		width: 100%;
	}
	header .navbar-nav > li {
		display: table-cell;
		float: none;
		vertical-align: middle;
	}
	header .navbar-nav > li.magazin a {
		white-space: nowrap;
	}
	header .navbar-nav > li.cautare {
		display: table-cell;
		text-align: right;
		width: 70%;
	}
	header .navbar-nav > li.cautare .navbar-form{
		padding-right: 0;
	}
	.navbar-default .navbar-nav > li > a {
		position: relative;
		color: #fff;
		line-height: 20px;
		text-align: center;
		padding: 2px 25px;
	}
	.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active:hover > a,  .navbar-default .navbar-nav > li.active:active > a {
		color: #000 !important;
		font-weight: bold;
		background-color: transparent !important;
	}
	
	.navbar-default .navbar-nav > li > a span {
		-webkit-transition: all 400ms ease-out;
  	    -moz-transition: all 400ms ease-out;
  	    -o-transition: all 400ms ease-out;
   	    transition: all 400ms ease-out;
	}
	.navbar-default .navbar-nav > li > a:hover span {
		color: #000;
	}
	
	

	.navbar-default .navbar-nav > li > a::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		width: 0;
		height: 100%;
		background: #F7F7F7;
		transform: skew(-35deg);
		z-index: -1;
		
		-webkit-transition: all 150ms ease;
   	    -moz-transition: all 150ms ease;
  	    -o-transition: all 150ms ease;
       	transition: all 150ms ease;
	}
	.navbar-default .navbar-nav > li.active > a::before, .navbar-default .navbar-nav > li > a:hover::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background: #F7F7F7;
		transform: skew(-35deg);
		z-index: -1;
	}

	.navbar-default .navbar-collapse {
		padding-left: 305px;
		padding-right: 0;
	}

	.cont_product_left {
		float: left ;
		width: 50%;
	}
	.cont_product_right {
		float: left;
		width: 50%;
		height: 100%;
		padding-left: 20px;
	}
	.cont_product_right .price {
		margin-bottom: 15px;
	}
	.sp-bottom-thumbnails, .sp-top-thumbnails { margin: 0; }
}

@media (min-width: 992px) and (max-width: 1200px) {
	.navbar-default .navbar-collapse {
		padding-left: 255px;
		padding-right: 0;
	}
	.smallHeader .user_menu .item-name {
		display: none;
	}
}

ul.nav.navbar-nav .m_left-menu_name li.menu_name {
	display:none;
}
ul.nav.navbar-nav .m_left-menu_name ul.drop {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	list-style: none;
}
ul.nav.navbar-nav .m_left-menu_name ul.drop.open {
	max-height: 1000px;
}
ul.nav.navbar-nav .m_left-menu_name ul.drop li {
	list-style: none;
}
/* END CSS MENIU */





/* Stil header micsorat */
@media (min-width: 991px) {
	header.smallHeader .logo {
		height: 50px;
	}
	header.smallHeader .logo::before {
	right: 76.3%;
	}
	header.smallHeader .user_menu {
		top: 20px;
		right: 230px;
	}
	header.smallHeader .user_menu a {
		color: #fff;
	}
}
/* END Stil header micsorat */


/* SLIDER */
#jssor_1 .txt_negru { text-shadow: 2px 2px 0 #fff,   -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
#jssor_1 .txt_alb { text-shadow: 2px 2px 0 #000,   -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }


/* VIDEO */
#home_intro {
	margin:0px;
	padding:0px
}
#home_intro video {
	position:relative;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	border-bottom: 2px solid #092746;
	-webkit-box-shadow: 0 8px 6px -6px #8C8C8C;
	   -moz-box-shadow: 0 8px 6px -6px #8C8C8C;
	        box-shadow: 0 8px 6px -6px #8C8C8C;
}
/* END VIDEO */



/* CSS MENIU VERTICAL */
.continut {
	padding: 20px 0 0 0;
}
.continut .prod_menu {
	font-family: 'Coda', cursive;
}
.continut .prod_menu a:hover, .continut .prod_menu a:focus {
	text-decoration: none;
}
.continut .prod_menu ul {
	padding: 0;
	list-style: none;
}
.continut .prod_menu ul li.menu_name h3 {
	padding-left: 14px;
	margin: 0 0 5px 0;
}
.continut .prod_menu > ul > li.active > a {
	color: #000;
	border-bottom: 0px !important;
	border-color: #092746;
}
.continut .prod_menu > ul > li.active > a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: 1px;
	background: #092746;
}
.continut .prod_menu ul > li > ul.open {
	padding-left: 10px;
}

.continut .prod_menu ul > p {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
.continut .prod_menu > ul > li > a, .continut .prod_menu > ul > li > ul > li > a {
	text-transform: uppercase;
}
.continut .prod_menu ul li > a.categ {
	display: block;
	position: relative;
	padding: 14px 30px 14px 14px;
	border: 1px solid #092746;
	margin-bottom: 5px;
	text-decoration: none;
	font-size: 16px;
}
.continut .prod_menu ul li > a.categ.open {
	margin-bottom: 0;
}
.continut .prod_menu ul li ul li.active > a {
	border: 0;
}
.continut .prod_menu ul a.categ i {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-top: 6px solid #337ab7;
	border-bottom: 0px solid #337ab7;
	border-left: 6px solid transparent;
	
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.continut .prod_menu ul a.open i {
	display: none;
}
.continut .prod_menu > ul > li > ul {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	border: 1px solid #092746;
	
	-webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}
.continut .prod_menu > ul > li > ul.open {
	max-height: 1000px;
	opacity: 1;
	visibility:visible;
	padding: 10px 10px 10px 20px;
	margin-bottom: 10px;
	border-top: 0px;
	
	-webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}
.continut .prod_menu > ul > li > ul > li {
	margin-bottom: 10px;
}
.continut .prod_menu > ul > li > ul > li:last-child {
	margin-bottom: 0px;
}
.continut .prod_menu ul li > ul li a {
	display: block;
	color: #000;
	position: relative;
}
.continut .prod_menu ul li > ul li a:hover {
	color: #A82810;
}
.continut .prod_menu > ul > li > ul > li > a:before {
	content: "";
	display: block;
	position: absolute;
	opacity: 0;
	top: 6px;
	left: -15px;
	width: 0;
	height: 0;
	border-right: 0px solid transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #337ab7;
	
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.continut .prod_menu ul li > ul li:hover a:before, .continut .prod_menu ul li > ul li.active a:before {
	left: -9px;
	opacity: 1;
}
.continut .prod_menu ul li ul li.active > a {
	color: #A82810;
}
.continut .prod_menu ul li ul li ul li > a::before {
	content: "\2022 \00a0";
	display: inline;
}

/* END CSS MENIU VERTICAL */




/* CSS casute categorii */

.continut .boxes {
	margin-bottom: 30px;
}
.continut .boxes .categ_box {
	padding: 10px 130px 10px 10px;
	position: relative;
	min-height: 150px;
	margin-bottom: 10px;
	border: 1px solid #1f568f;
	border-radius: 3px;
	overflow: hidden;
	
	-webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.continut .boxes .categ_box:hover {
	border: 1px solid #C8512A;
}
.continut .boxes .categ_box .title {
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #1f568f;
	text-transform: uppercase;
}
.continut .boxes .categ_box .subtitle {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}
.continut .boxes .categ_box img {
	position: absolute;
	top: 5px;
	right: 5px;
	
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.continut .boxes .categ_box:hover img {
	transform: scale(1.05);
}

/* END CSS casute categorii */




.continut .titlu_cnt {
	text-align: center;
	margin-bottom: 40px;
}
.continut .titlu_cnt span {
	position: relative;
	display: inline-block;
	padding: 0px 20px;
}
.continut .titlu_cnt span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 100%;
	width: 90px;
	height: 0px;
	border-top: 3px solid #1f568f;
}
.continut .titlu_cnt span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 100%;
	width: 90px;
	height: 0px;
	border-top: 3px solid #1f568f;
}

.continut .continut_txt {
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding: 10px;
	box-shadow: 0px 2px 6px 0px rgba(204,204,204,1);
}
.continut .continut_txt img {
	max-width: 100%;
	width: auto;
}

.continut .continut_txt .prod_desc {
	margin-top: 30px;
}

.continut .continut_txt h2:hover, .continut .continut_txt h3:hover {
	text-decoration: none;
}


footer {
	background: #092746;
	text-align: center;
	color: #fff;
	margin-top: 30px;
	padding: 10px 0;
	z-index: 999;
}

.scrollup {
	width:40px;
	height:40px;			
	text-indent:9999px;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;			
	background: url('../images/icon_top.png') no-repeat;
}



@media (max-width: 991px) {
	.padding {
		height: 154px;
	}
	#jssor_1 {
		margin-top: 114px;
	}
	.container {
		padding: 0px;
	}
	section.continut {
		padding: 0;
	}
	section.continut .container {
		padding: 15px;
	}
	.left-fixed {
		display: none;
	}
	.navbar-default {
		margin-bottom: 0px;
	}
	header .logo {
		height: 60px;
	}
	header .logo::before {
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
		transform: skew(0deg);
	}
	header .logo .user_menu {
		position: absolute;
		top: 75px;
		right: 80px;
		z-index: 100;
	}
	
	.navbar-collapse {
		font-size: 16px;
	}
	.navbar-collapse a {
		color: #000 !important;
	}
	.navbar-collapse.in {
		overflow-y: scroll;
		max-height: calc(100vh - 113px);
	}
	.navbar-collapse.in .navbar-nav {
		margin-bottom: 56px;
	}
	.navbar-collapse .navbar-form {
		margin: 0;
		background: #f8f8f8;
	}
	
	.navbar-collapse li.cautare {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	
	.cont_product_left {
		float: left ;
		width: 100%;
		min-width: 100%;
	}
	.cont_product_right {
		float: left;
		width: 100%;
		min-width: 100%;
	}
	
	.m_left-menu_name ul.drop {
		background: #fff;
	}
	.m_left-menu_name ul li a {
		display: block;
		padding: 5px 0;
	}
}


/* row flex*/
.row.row-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

/* col flex*/
.col-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
}

/* fix 1px bug in Chrome */
.row.row-flex:before,
.row.row-flex:after {
    display: none;
}
.row.row-flex > [class*="col-"]
{
    display: flex;
}
/* row flex*/


/* cart */
@media (min-width: 992px) {
	.cos_produse {
		display: flex;
	}
	.cos_produse #cont-sumar_cart {
		position: sticky;
		top: 65px;
	}
}
.cart-items li.list-group-item { background:#f8f8f8; }
.cart-items li.list-group-item:nth-child(odd) { background: #ffffff; }

.cart-cells {
	display:block;
	width:100%;	
}
.cart-cells:after {
    clear:both;
}
.cart-cells:before,
.cart-cells:after {
    content:"";
    display:table;
}
.cart-cells .cells {
	float:left;
}
.cart-cells .cell-1 {
	width:50%;
}
.cart-cells .cell-1 .item-image {
	float:left;
	min-width:80px;
	max-width:130px;
	padding-right:15px;
}
.cart-cells .cell-1 .item-name {
	float:left;
	font-size:1.2em;
}

.cart-cells .cell-2 {
	width:15%;
	text-align:right;
}
.cart-cells .cell-3 {
	width:20%;
	text-align:left;
	padding-left:20px;
}
.cart-cells .cell-4 {
	width:15%;
	text-align:right;
}
.cart-cells .cell-4 form {
	padding-top:13px;
}
.cart-total-value {
	text-align:right;
}
.cart-total-value div {
	padding-bottom:5px;
}
.next-step {
	text-align:right;
	padding-top:15px;
	padding-bottom:0px;
}
.list-group-item .details {
	font-size: 12px;
	display: block;
}

@media screen and (max-width: 600px) {
	
	.royalSlider {
		height:250px !important;
	}
	
	#jssor_1 .txt_negru {
		font-size: 7em !important;
		width: 100% !important;
		left: 0 !important;
		top: 70px !important;
		text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}
	#jssor_1 .txt_alb {
		font-size: 7em !important;
		width: 100% !important;
		left: 0 !important;
		top: 70px !important;
	}

	.cart-cells .cell-1.head {
		padding-bottom:0px;
	}
	.cart-cells .cell-2.head, .cart-cells .cell-3.head, .cart-cells .cell-4.head {
		display:none;
	}
	.cart-cells .cells {
		float: none;
	}
	.cart-cells .cell-1 {
		width:100%;
		padding-bottom:10px;
	}
	.cart-cells .cell-1:before,
	.cart-cells .cell-1:after {
		content:"";
		display:table;
	}
	.cart-cells .cell-1:after {
		clear:both;
	}
	.cart-cells .cell-1 .item-image {
		float:left;
		width:30%;
		padding-right:15px;
	}
	.cart-cells .cell-1 .item-name {
		float:left;
		width:70%;
	}
	.cart-cells .cell-2 {
		display:inline-block;
		width:50%;
		text-align:right;
	}
	.cart-cells .cell-3 {
		display:inline-block;
		text-align:left;
		float:left;
		padding-left:0px;
		width:50%;
	}
	.cart-cells .cell-3::before,
	.cart-cells .cell-3::after {
		content:"";
		display:table;
	}
	.cart-cells .cell-3::after {
		clear:both;
	}
	.cart-cells .cell-4 {
		border-top:1px solid #dddddd;
		padding-top:10px;
		margin-top:10px;
		width:100%;
		float:none;
		position:relative;
	}
	.cart-cells .cell-4 form {
		position: absolute;
		left:0px;
		top:0px;
	}
	.cart-total-value {
		text-align:center;
	}
	.cart-total-value {
		text-align:center;
	}

	.parallax {
		display: none;
	}
	.parallax_mob {
		display: block;
	}

	.product_item .panel-body .pret_prod {
		bottom: 0px;
	}
	.product_item .panel-body .pret_prod_vechi {
		bottom: 20px;
		right: 10px;
		left: auto;
	}
	
}
/* cart */


.bs-wizard {margin-top: 20px; margin-bottom: 20px;}
/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }



/* STIL BARA JOS ACCEPT COOKIES */
#cookie-bar {background:rgba(0,0,0,.9); height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; z-index: 99999999}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:5px;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}




.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {
	background-color: #636363;
}