@import url(https://fonts.googleapis.com/css?family=Kanit:400,300,500&subset=latin,latin-ext);
body {
	font-family: "NouvelR";
	font-size: 14px;
	font-weight: normal;
	padding-top: 100px;
	color: #000000;
}
a {transition: all 0.3s ease 0s;}
* {
	text-shadow: none;
	box-shadow:none;
}
.produse {
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.produse.show {
	display: block; 
}
.produse.fade-in {
	opacity: 1;
}

a, a:hover {color: #000;}
h1, h2,h3 {text-align: left;}
h2.title {font-family: "NouvelR";line-height: 33px;font-size: 21px; font-weight: 300;}
h2.title2 {font-family: "NouvelR";line-height: 40px;font-size: 32px; font-weight: 300;}
.box {border: 1px solid #f0f0f0; background: #fff; padding: 10px; margin-bottom: 10px;}
.leftnav {    
	position: fixed;
    left: 1px;
    top: 35%;
    z-index: 20;
}
.leftlist {
	clear: both; 
	margin-top: 2px;
	width: 50px;
	overflow: hidden;
	height: 50px;
	background: #EFDF00;
}

.leftliston {width: auto;}
.leftlist a, .leftliston a{display: block; width: 290px; padding: 10px 5px 10px 0; line-height: 10px; font-size: 16px; text-decoration: none; color: #fff;}
.leftlist a i, .leftliston a i {margin-right: 10px; color: rgba(255,255,255,1); width: 50px; text-align: center;}

p {font-size: 16px;}

::selection {
  background: #888B8D /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #888B8D; /* Gecko Browsers */
}
.img-responsive {}
/* menu start */
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-nav > li > a { padding: 0; color: #fff;}
.navbar-nav > li > a:hover { color: #fff;}

.navbar  {margin: 0; border: 0; border-radius: 0; background: #000;text-transform: uppercase; min-height: 100px;}
ul.navbar-nav {margin-left: -15px; margin-top: 30px;   margin-right: 15px;}

.navbar > .navbar-brand {padding: 0; margin-left: 0px;}
.navbar-brand {padding: 24px 0 0 0; margin-left: 20px;}
.navbar-brand span { color: #fff; font-size: 14px; display: inline-block; font-weight: 700;}
.navbar-brand>img {display: inline; margin-right: 20px;}
.navbar-brand img.logoRenault {width: 40px;}
.navbar-brand img.logoAE {width: 200px; margin-left: 40px;}

.navbar-brand2 {padding: 39px 0 0 0; margin-left: 20px; position: absolute; right: 30px; top:-10px; color: #fff; text-align: center; text-transform: none;}
.navbar-brand2 img.logoAE {width:180px;}

a.highlight {background: #000;}

.logo { width: 50px;}
.logos {margin-top: 20px;}
.logoholder {width: 100%; position: relative; height: 50px;}

.logos .chevron{ position: absolute; right: 0}

.navbar2 { background: #000000;box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.6); padding-bottom: 0px; z-index: 14;}
.navbar-collapse li.dropdown a {padding-right: 23px; color: #fff; text-decoration: none;}

.navbar-default .navbar-nav a,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #000;
    color: #fff !important;
	text-decoration; none;
}
.navbar-nav > li > a:hover {background: #000; color: #fff;}
.navbar-nav > li > a {padding: 10px 20px;}
.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	background: #000;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background: #000; color: #fff;}
.navbar-collapse li.dropdown a:hover {background: #000; color: #fff;}

ul.mnu2 { margin-top: 28px; margin-right: 300px; font-size: 15px; font-weight: 400;}
ul.mnu2 > li {}

.dropdown-menu {
    background-clip: padding-box;
	background: transparent;
    border-radius: 0;
	box-shadow: none;
	border: none;
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 0;
    min-width: 160px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu>li>a {padding: 7px 20px;}
.navbar2 .dropdown .dropdown-menu  li {
	border-bottom: 0px solid #888B8D;	
}
.navbar2 .dropdown .dropdown-menu  li:last-child{
	border-bottom: 0;	
}

.navbar2 .dropdown .dropdown-menu  li a,.navbar2 .dropdown .dropdown-menu  li a:focus {
	font-size: 14px;
	width: 100%;
	padding: 10px 20px 10px 30px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: none;
}
.navbar2 .dropdown .dropdown-menu  li a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}
.navbar-toggle .icon-bar {background: #fff;}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 9px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
}
.btn {
  padding-left: 32px;
  position: relative;
}

.drp2 a {
  padding-right: 20px;
  position: relative; }

a.dropdown-toggle{
  padding-right: 45px;
  position: relative;
}
li.open a.dropdown-toggle{text-decoration: underline;}


/* carusel start */
.caruselholder { max-width: 100%; margin: 0 auto; overflow: hidden;}
.caruselinner {}
/*.caruselprodus  .caruselinner { max-height: 400px;}*/
.caruselholder img {width: 100%;}
.slide{ overflow: hidden;}
.slideprodus{}
.carousel-caption {
	top: 0;
	bottom: auto;
	left: 100px;
	width: 410px;
	min-height: 200px;
	padding: 20px 20px 10px 20px;
	text-align: left;
	color: #fff;
    text-shadow: 1px 1px 2px #000;
    background: rgba(255,255,255,0.1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.caruselprodus .carousel-caption {
	top: 0;
	left: 7%;
	width: 360px;
	min-height: 250px;
	padding: 20px 20px 10px 20px;
	text-align: left;
}
.carousel-caption h2 {
	font-family: "NouvelR";
	font-size: 45px;
	color: #fff;
    text-shadow: 1px 1px 3px #000;
	margin-top: 10px;
}
h2.promotie {font-family: "NouvelR";font-size: 30px; font-weight: 300; margin: 10px 0;}
h1.promotie {font-family: "NouvelR";font-size: 40px; font-weight: 300; margin: 10px 0;}
.centered {text-align: center;}

.carousel-caption p{
	text-align: left;
	color: #000;
	font-size: 16px;
	
}
.carousel-caption p span {
	font-size: 28px;
}
.carousel-control{
	width: 70px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.caruselprodus  .carousel-control{
	width: 70px;
	max-height: 400px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.carousel-control.left, .carousel-control.right{
	background-image: none;
}
.glyphicon-chevron-left::before {
	content: "\f104";
    font-family: FontAwesome;
	font-size: 90px;
	color: #EFDF00;
	max-height: 600px;
}
.caruselprodus  .glyphicon-chevron-left::before {
	content: "\f104";
    font-family: FontAwesome;
	font-size: 90px;
	color: #EFDF00;
	max-height: 400px;
}
.caruselprodus  {}
.caruselprodus > .carusel {}
.glyphicon-chevron-right::before  {
	content: "\f105";
    font-family: FontAwesome;
	font-size: 90px;
	color: #EFDF00;
	max-height: 600px;
}
.caruselprodus  .glyphicon-chevron-right::before  {
	content: "\f105";
    font-family: FontAwesome;
	font-size: 90px;
	color: #EFDF00;
	max-height: 400px;
}
ol.carousel-indicators li { width: 12px; height: 12px; background: #000; border: none; margin: 0 6px;}
ol.carousel-indicators li.active { background: #EFDF00; border: none;  margin: 0 6px;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.termeni {padding-top: 20px;}
.termeni, .termeni p {font-size: 12px;}

.disponibil {
    line-height: 16px;
    height: 32px;
    color: #000;
    font-size: 12px;
}

.disponibil > span {
	padding: 4px 8px;
    color: #1885d1;
    border: 1px solid #1885d1;
    border-radius: 5px;
	margin-right: 3px;
}


/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


a.bttn, button.bttn{
	font-size: 16px;
	padding: 15px 20px;
	color: #fff;
	text-decoration: none;
	border: none;
	position: relative;
	display: inline-block;
	text-transform: lowercase;
}
button.bttn {margin: 0 10px;}
.prdpret a.bttn {
	margin-top: 20px;
	margin-left: 20px;
}
a.yellow, button.yellow {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}
a.yellow:hover, button.active-btn {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}
a.full { width: 100%; text-align: center;}
a.grey {
	background: #000;
	color: #fff;
}
a.grey:hover{
	background: #EFDF00;
	color: #000;
}

	
/* lista start */
.chenar {
}

.heading-group {
    display: table;
    table-layout: fixed;
    width: 100%;
	margin: 40px 0 20px 0;
}
.heading-group h2 {
	font-family: "NouvelR";
	font-size: 44px;
	text-align: center;
	color: #000;
}
.heading-group h1 {
	font-family: "NouvelR";
	font-size: 56px;
	margin: 10px 0;
	text-align: center;
	color: #000;
}
.heading-group p {
	text-align: center;
	font-family: "NouvelR";
	font-size: 24px;
}

/* heading implicit */
.panel-heading {
  background: none;
  cursor: pointer;
  padding: 0;
}

/* heading activ (când link-ul NU are clasa collapsed = panou deschis) */
.panel-heading a:not(.collapsed) {
  background: #000;
  color: #FFF;
  display: block;
  padding: 10px;
  text-decoration: none;
  border: 1px solid #000;
}

/* heading inactiv (collapsed = panou închis) */
.panel-heading a.collapsed {
  background: #fff;
  color: #000;
  display: block;
  padding: 10px;
  text-decoration: none;
  border: 1px solid #000;
}




.lista { padding: 0 30px 50px 30px;}

.lista .header-group {
	min-height: 160px;
}
.lista h3 {
	font-family: "NouvelR";
	font-size: 20px;
	height: 60px;
}
.lista h3 a.numeprodpromo {position: relative;font-size: 34px;}
.lista h3 a.numeprodpromo:hover { text-decoration: none;}
.modelpromo {font-weight: bold; font-size: 16px;}

.lista h3 a.numeprod {position: relative; padding: 0; text-transform: uppercase; font-weight: bold;}
.lista h3 a.numeprod:hover { text-decoration: none;}


.lista h4 {height: 40px;}

.prdpret { padding-top: 30px; border-bottom: 1px solid #D9D9D6;}
	
.lista p {margin: 0; display: block;}	
.lista p.mentiune {
	font-size: 12px;
	text-transform: uppercase;
}
.prdpret p.pret, .lista p.pret {
	font-family: "NouvelR";
}
.prdpret p.pretpromo {
	font-family: "NouvelR";
	font-size: 35px;
	font-weight: bold;
	line-height: 30px;
}

.listapromo li {font-size: 16px;}
.prdpret p.pret span, .lista p.pret span { font-size: 23px; padding-left: 3px;}
.lista p.slogan {
	font-size: 12px;
	line-height: 10px;
	min-height: 20px;
}
.prdpret p.tva, .lista p.tva {
	line-height: 34px;
}
.lista a.list { 
	font-family: "NouvelR";
	font-size: 16px;
    color: #000000;
	padding: 5px 0; 
    font-weight: 600;
    line-height: 1.1em;
    border-bottom: 3px solid #efdf00;
    transition: 0.3s;
	text-decoration: none;
	margin-right: 10px;
}
.lista a.list:hover {
	color: #000000;
	border-bottom: 3px solid #000000;
	text-decoration: none;
}

/*
.lista a.last:after {	
	content: "\f0f6";
    font-family: FontAwesome;
	font-weight:light;
	font-size: 16px;
    right:10px;
    position:absolute;
    top:10px;
	color: #fc3;
	}
	*/
/* lista end */
	
	
/* gama start */
	
.gama {
	background: #D9D9D6;
	margin: 0 0 0 0;
	padding: 0 0 45px 0;	
	text-align: center;
}
.gama2 {
	background: #D9D9D6;
	margin: 20px 0;
	padding: 10px 0;	
	text-align: center;
}

.gama h2{margin: 30px 0 15px 0;}
.gama a.bttn, .gama2 a.bttn {
	text-align: center;
	margin: 15px;
	padding: 15px 35px;
}
/* gama end */

/* footer start */
.footer {
	background: #000;
	padding: 20px 0 10px 0;
	margin: 0;
}

.footer a {color: #fff;}
.footer dl {color: #fff; }
.footer dt {font-size: 19px; padding-bottom: 20px;}
.footer p{text-align:center; padding: 10px 0 0 0; font-size:18px; font-family:"NouvelR";color: #fff;}
.footer2 {
	background: #000;
	padding: 10px 0;
	margin: 0;
}
.footer2 a{color: #fff; margin-right: 20px;}

/* footer end */


.inpagenav {
	background: #D9D9D6;
	padding: 0;
}
.inpagenav p {
	padding: 10px 20px;
	line-height: 20px;
	margin: 0;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
.form-control{
 border-radius: 0px;
 padding: 13px 15px;
 height: auto;
 box-shadow: none;
 border: 1px solid #888B8D;
}



select{       
    width: 50px;
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: none;
}


.selectCont {
    width: 250px;
    margin: 0 0 6px;
    position: relative;
}

.selectCont label {
	color: #888B8D;
    bottom: 0;
    position: absolute;
    right: 13px;
    top: 10px;
	border-left: 1px solid #888B8D;
	padding: 0px 0 10px 10px;
	margin-bottom: 10px;
	font-weight: 400;
}
.selectCont label {
    pointer-events: none;
}

label.error{
	display: inline-block;
	color: #c3261f;	
	font-size: 14px;
	font-weight: normal;
}

.custom-selectbox{
    position: relative;	
}

.custom-selectbox > label.error{
	position: absolute;
	display: block;
	top: 50px;
	left: 0;
	padding: 0;
	width: 300px;
	border: none;
	max-width: 1000px;
}

.custom-selectbox > select.error{
	margin-bottom: 50px;
}

.form-buton {
	font-size: 14px;
	font-weight: bold;
	background: #EFDF00;border: 1px solid #EFDF00;
	color: #000;	
	padding: 15px 20px;
	text-decoration: none;
	border: none;
	position: relative;
	clear: both;
	text-transform: uppercase;	
	width: 200px;
}
.form-buton:after {	
	content: "\f105";
    display: inline-block;
	font-family: FontAwesome;
	font-size: 22px;
	right:-30px;
	position:absolute;
	top: 50%;
	color: #000;
}

.form-group label {font-weight: 400; font-size: 16px;}

p.form-info {padding: 40px 0;}

.social-buttons img {width:30px;height:30px;}

article.contact {
	padding: 8px; 
	border: 1px solid #D9D9D6;
	margin-bottom: 10px;
}
article.contact span {font-weight: bold;}


@media (min-width: 100px) and (max-width: 767px){
	.carousel-caption {position: relative; padding: 0; width: 100%; height: 110px; left: 15px; color: #000000;}
	.carousel-caption h2 {font-size: 30px; padding: 0; margin: 0 0 20px 0; color: #000000;}
	.carousel-caption p span {font-size: 20px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {top: 25%}	
	body {padding-top: 52px;}
	.caruselprodus .glyphicon-chevron-left::before, .caruselprodus .glyphicon-chevron-right::before, .glyphicon-chevron-left::before , .glyphicon-chevron-right::before {font-size: 40px;}
	.leftnav {display: none;}
	.navbar {min-height: 52px;}
	.logos {margin-top: 10px;}
	.logohold1er {}
	.navbar-brand {padding-top: 10px;}
	.navbar-brand span { display: none;}

	.navbar-brand img.logoRenault {width: 25px;}
	.navbar-brand img.logoAE {width: 150px; margin-left: 40px;}	
	ul.navbar-nav {margin-top: 0; margin-right: 0;}
	.navbar-collapse {padding-right: 0;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 5px 15px 5px 35px;}
	.navbar-brand2 {padding: 5px 0 0 0; top: 10px; left: 40px; right: auto; font-size: 11px;}
	.navbar-brand2 img.logoAE {width: 140px;}		
	ul.mnu2, ul.mnutop { margin-top: 0;}
	ul.mnu2 li, ul.mnutop li {padding: 0px 0px;}
	ul.mnu2 li ul li {padding: 0 0; background: #000;}	
}
	
@media (min-width: 1200px) {
    .container {
        width: 1400px;
    }
}