* {
    font-family: 'Arimo', sans-serif;
    padding: 0;
    margin: 0;
}

h1 {
    font-weight: 700;
    color: white;
    font-size: 70px;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

p {
    font-size: 20px;
    font-family: 'Arimo', sans-serif;
}

a, a:active, a:hover, a:visited, a:link {
    color: #000;
    text-decoration: none;
}

* {
	-moz-hyphens:none;
	-ms-hyphens:none;
	-webkit-hyphens: none;
	hyphens:none;
	word-break:keep-all;
}

input, textarea {
    border: 2px solid #fff000!important;
    padding:20px 12px!important;
    box-shadow: none!important;
}

input, textarea, label, small {
    font-family: 'Arimo', sans-serif;
}
.row {
    margin: 0;
}

.container-fluid {
    padding: 0;
}

header {
	position: fixed;
	top:0;
	width: 100%;
	z-index: 9999;
}

.navbar-nav li {
	margin:0 10px;
	font-size:15px;
}

.navbar-nav > li > a {
	color:#fff!important;
}

.navbar-nav li a span {
	color:#fff;	
}	

.navbar {
    min-height: 90px;
    color: #000;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    border-bottom: 2px solid #fff000;
    font-weight: 300;
    margin-bottom: 0;
    
}

.nav {
	font-family: 'Arimo', sans-serif;
    font-weight: bold;
    color:#fff;
}

.navbar-toggle {
    border-color: #000!important;
    float: left;
}
.navbar-toggle span {
    background-color: #fff000!important;
    width: 37px!important;
    height: 1px!important;
}

.navbar-toggle span:nth-child(2) {
    width: 26px!important;
}

.navbar-brand {
    padding: 0;
}

.navholder {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;

}
.navbar-collapse ul {
    float: left; 
    width: 40%;
}

.navbar-right  li {
    float: right;
}

.btn_diferit {
    display: block; 
    background-color: #fff000; 
    color: #000!important;
    font-weight: 400;
}

.btn_diferit:hover {
    background-color: #e2d505!important;
}
.logo_mobile {
    display: none;
}
.logo_mobile span {
    color: #fff000;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}

.top-container {
    height: 450px;
    text-align: center;
}

.top-container-produse {
    background-image: url('../images/home_topimg.jpg');
    background-size: cover;
    background-position: center top;
    height: 450px;
    margin-top:80px;
}

.top-container-proiecte {
    background-image: url('../images/proiecte_topimg.jpg');
    background-size: cover;
    background-position: center top;
    
}
.top-container-faq {
    background-image: url('../images/faq_topimg.jpg');
    background-size: cover;
    background-position: center top;
    
}
.top-container-cere {
    background-image: url('../images/cere_topimg.jpg');
    background-size: cover;
    background-position: center top;
    
}
.top-container-404 {
    background-image: url('../images/img404.jpg');
    background-size: cover;
    background-position: center top;
    height: 820px;
    
}

.top-container-contact {
    background-image: url('../images/map.jpg');
    background-size: cover;
    background-position: center center;
    height: 100%;
    
}
.top-container-stiri {
    background-image: url('../images/stiri_topimg.jpg');
    background-size: cover;
    background-position: center top;
    
}
.top-container-produse h1 {
    margin-top: 200px;
}

.top-container-proiecte h1 {
    margin-top: 250px;
}

.top-container-faq h1 {
    margin-top: 250px;
}
.top-container-cere h1 {
    margin-top: 100px;
}
.top-container-stiri h1 {
    margin-top: 250px;
}
.top-container-404 h1 {
    margin-top: 250px;
    font-size: 180px;
    color: #fff000;
}
.top-container-404 p {
    font-size: 16px;
    color: white;
    margin-bottom: 50px;
}

.btn_cere {
    background-color: #fff000;
    color: #000;
    font-weight: 700;
    border-radius: 0;
    border-color: #fff000;
    padding: 14px 40px;
    letter-spacing: 3px;
}
.btn_cere:hover {
    background-color: #e2d505;
    color: #333;
    border-color: #e2d505;
}

.btn {
	font-family: 'Arimo', sans-serif;
	letter-spacing: 3px!important;
}

#pagproduse-descriere {
    max-width: 1000px;
    width: 100%;
    font-size: 20px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
}

.holder-carousel, .holder-carousel-proiecte {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;

}

.carousel {
    position: absolute;
    right: 0;
    max-width: 1500px;
    width: 100%;
}
.carousel-proiecte {
    max-width: 1500px;
    width: 100%;
}
.carousel img {
    width: 100%;
}

.carousel-proiecte img {
    width: 100%;
}


.domenii-list {
    position: absolute;
    left: 60px;
    top: 60px;
    width: 550px;
    height: 450px;
    background-color: #f6f6f6;
    letter-spacing: 3px;
}

.faq-list {
    background-color: white;
    width: 300px;
    left: 0;
}


.domenii-list p {
    width: 550px;
    line-height: 70px;
    font-size: 13px;
    font-weight: 900;
    padding-left: 95px;
    background-color: #fff000;
    font-family: 'Montserrat', sans-serif;
}
.domenii-list ul {
    padding-left: 70px;
    font-size: 13px;
    
}

.faq-list ul {
padding-top: 50px;
}


.domenii-list ul li {
    line-height: 50px;
    padding-left: 25px;
    cursor: pointer;
}
.domenii-list ul li:hover {
    font-weight: 900;
}

.domenii-list-active {
    list-style-image: url('../images/bullet.png');
    font-weight: 900;
}




.domenii-list-mobile {
    display: none;
    position: relative;
    width: 100%;
    letter-spacing: 3px;
}



/* The container must be positioned relative: */
.custom-select {
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

/* The container must be positioned relative: */
.custom-select2 {
  position: relative;
}

.custom-select2 select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #fff000;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 30px;
  right: 57px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 23px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #000;
  padding: 20px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
    text-align: center;
    font-weight: 900;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #fff000;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}



.produse-recomandate {
    position: absolute;
    left: 60px;
    width: 550px;
    background-color: #f6f6f6;
    letter-spacing: 3px;
    top: 580px;
    height: inherit;
    z-index: 100;
}

.produse-recomandate p {
    width: 550px;
    line-height: 70px;
    font-size: 13px;
    font-weight: 900;
    padding-left: 95px;
    background-color: #fff000;
    
}

.produse-recomandate a {
    display: block;
    line-height: 70px;
    padding-left: 70px;
    cursor: pointer;
    
}

.produse-recomandate div {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #e3e3e3;
    padding-right:20px;
}

#aspartx-info {
    line-height: 18px;
}
#dif-dreapta, #dif-stanga{
    padding: 15px;
}

#dif-dreapta p, #dif-stanga p {
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

#dif-stanga p {
    text-align: left;
}
#dif-title {
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 50px;
    padding-top: 30px;
    text-align: center;
    letter-spacing: 3px;
}

#ellipse-mid {
    display: block;
    text-align: center;
}

.shields img {
    padding: 30px;
}

.shields-nomobile {
    padding-top: 20px;
    padding-bottom: 20px;
}

.popup {
    color: black;
    background-color: #fff000;
    padding: 20px;
    font-size: 18px;
    font-weight: 900;
    display: none;

}
.triangle-top {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    border-color: transparent transparent #ffee00 transparent;
    margin-top: -40px;
    margin-left: 20px;
    display: none;
}

.galusca:hover div {
    display: block;
}
.galusca:hover img:nth-child(1) {
    display: none;
}
.galusca:hover img:nth-child(2) {
    display: block!important;
}

.testimoniale {
    background-image: url('../images/bg_testimoniale.jpg');
    background-size: cover;
    background-position: center top;
    padding-top: 70px;
    padding-bottom: 70px;
}

.testimoniale p {
    max-width: 1000px;
    font-size: 24px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 20px;
}
.fb {
    padding: 50px 0;
}

footer {
    background-color: #000;
    font-family: 'Arimo', sans-serif;
    color: white;
    font-size: 12;
    height: 170px;

}

footer a {
    color: white!important;
}

.footer-links {
    display: flex; 
    justify-content: space-evenly;
    width: 50%;
}

.submeniu-proiecte-desktop {
    display: flex; 
    justify-content: space-evenly;
    bottom: 15px;
    padding:35px;
    background-color:#555;
}

.submeniu-proiecte-desktop a {
    font-size: 14px;
    font-weight: 700;
    color: white!important;
    
}
.submeniu-proiecte-desktop a:hover,.submeniu-proiecte-desktop a.proiect-selectat {
    color: #fff000!important;
    text-decoration: underline;
}

.submeniu-proiecte-mobile {
    display: none;
}
.detalii-carousel-proiecte {
    position: absolute;
    right: 0;
    top: 25%;
    background-color: #f6f6f6;
    max-width: 620px;
    width: 80%;
}
.detalii-carousel-homepage {
    left: 0;
    top: 10%;
}

.carousel-proiecte-title {
    padding: 0 70px;
    padding-bottom: 10px;
    padding-top: 50px;
    color: #545454;
    font-size: 40px;
    font-weight: 900;
    /*text-transform: uppercase;*/
}
.carousel-proiecte-subtitle {
    color: #545454;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 70px;
    /*text-transform: uppercase;*/
    margin: 0;
}
.carousel-proiecte-desc {
    color: #545454;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 70px;
    /*text-transform: uppercase;*/
}
.carousel-proiecte-cere p {
    font-size: 18px;
    font-weight: 900;
    text-decoration: underline;
    letter-spacing: 6px;
    padding: 10px 70px;
    padding-bottom: 40px;
    
}

.pret-mobileonly {
    background-image: url('../images/preturi_mobile.jpg');
    background-size: cover;
    background-position: top center;
    height: 350px;
    display: none;
    text-align: center;
    
}

.holder-carousel-faq {
    margin-top: 100px;
}

.detalii-carousel-faq {
    position: absolute;
    right: 0;
    top: 65px;
    background-color: #f6f6f6;
    max-width: 620px;
    width: 80%;
    padding-bottom:30px;
}

.detalii-carousel-faq-2 {
    position: absolute;
    right: 0;
    top: 65px;
    background-color: #f6f6f6;
    max-width: 620px;
    width: 80%;
    padding-bottom:30px;
}

.carousel-faq-title {
    padding: 0 50px;
    padding-bottom: 10px;
    padding-top: 50px;
    color: #545454;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.carousel-faq-desc {
    color: #545454;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 50px;
    height: 350px;
}

.carousel-faq-desc p {
    color: #545454;
    font-size: 14px;
    font-weight: 400;
}

.carousel-faq-cere p {
    font-size: 18px;
    font-weight: 900;
    text-decoration: underline;
    letter-spacing: 6px;
    padding: 10px 50px;
    padding-bottom: 40px;
    
}
.form-holder-contact {
    background-color: white;
    margin-top: 80px;
    padding: 50px;
}
.form-holder-cere {
    margin-top: 0px;
}

.form-holder-cere label {
    font-size: 12px;
    font-family: 'Arimo', sans-serif;
    font-weight: 400;
}
.form-detalii p {
    font-size: 20px;
    font-family: 'Arimo', sans-serif;
}
.form-cere p {
    font-size: 20px;
    font-family: 'Arimo', sans-serif;
}
.form-detalii p:nth-child(1) {
    font-size: 40px;
}

.article-block {
    padding: 30px;
    max-width: 900px;
    width: 100%;
    margin: auto;
}
.article-image img {
    width: 100%;
}
.article-title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.article-desc {
    font-size: 16px;
}
.article-details {
    margin-top: 20px;
}

.article-homepage {
    box-sizing: border-box;
}

.article-homepage-block {
    box-sizing: border-box;
    min-height: 450px;
    background-size: cover; 
}

.article-homepage-title {
    font-size: 60px;
    font-weight: 700;
    color: white;
    padding: 50px 50px 20px 50px;
    word-wrap: break-word;
    font-family: 'Montserrat', sans-serif;
}
.article-homepage-subtitle {
    font-size: 16px;
    font-weight: 400;
    color: white;
    padding: 0 50px 50px 50px;
}
.article-homepage-maimulte {
    font-size: 18px;
    font-weight: 900;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff000;
    padding: 0 50px 50px 50px;
}

.article-homepage-detalii {
    opacity: 0;
}

.container-slider-mobile {
    display: none!important;
}

.slick_slide_img p {
    font-size: 50px;
    font-weight: 900;
    color: white;
    margin-top: 200px;
}

.slick_slide_img {
    text-align: center;
}

.coating-bena {
    background-image: url(../images/coating_bena.png);
    background-size: cover;
    background-position: top center;
    height: 600px;
    margin-top: 50px;
    text-align: center;
}

.coating-bena p {
    text-align: center;
    font-size: 80px;
    font-weight: 700;
    color: white;
    margin-top: 200px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 3px;
}

.footer-link {
	text-transform: uppercase;
	display: block;
	margin:5px 0;
	font-size:12px;
	text-decoration: underline!important;
	font-weight: bold!important;
	letter-spacing: 1px;
}

.margin-mobile {
	margin:0;
}

.slide__text {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.latime-faq {
	float:right; position: relative;
	width: calc(100% - 300px);
	height: 600px;
	background-size: cover;
	background-position: center center;
}

.latime-bg-proiecte {
	float:right; position: relative;
	width: 100%;
	height: 750px;
	background-size: cover;
	background-position: top left;
}

.submeniu {
	display:none;
	background-color:#000;
	padding: 13px 5px 13px 0;
	position: absolute;
	min-width: 160px;
	margin-top:2px;
}

.submeniu li {
	list-style: none;
	list-style-type: none;
	color:#fff;
	margin: 13px;
}

.submeniu li a { color:#fff; }

.header-tabel-gri {
	font-family: 'Arimo', sans-serif;
}
.header-tabel-gri th {
	background-color: #f6f6f6!important;
}

.submeniupreturi {
	margin: 30px 0 60px 0;
}

.submeniupreturi span {
	display: inline-block;
	margin-right:30px;
	font-size:16px;
	letter-spacing: 3px;
	cursor: pointer;
}

.btn-meniu-preturi.selectat {
	color:#fff000!important;
	font-weight: bold;
	background-color:#000;
	padding:3px 15px;
}

.titlu-preturi {
	letter-spacing:3px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	margin:30px 0;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	background-color:yellow!important;
	color:black!important;
	box-shadow: none!important;
	border:2px solid yellow!important;
}

.header-tabel-gri > tbody > tr > td {
	background-color:#fff!important;
}

#afisare-preturi-2,#afisare-preturi-3 {
	display:none;
}

.slick-dots li.slick-active button::before {
	color:yellow!important;
}

.slick-dots li button::before {
	font-size:14px!important;
}

.pr15 {
	padding-right:15px!important;
}

.nano > .nano-pane > .nano-slider { background:#fff000; }
.nano > .nano-pane { background:#a7a7a7; margin-right:15px; }
.nano-content { padding:10px 50px; }

.blog-titlu {
	font-size:50px;
}

@media only screen and (max-width: 767px) {
	.margin-mobile { margin:25px 0; }
	.pr15 { padding-right:0!important; }
    .logo { display: none;}
    .navbar li { float: none;}
    .navbar-collapse ul { float: none; width: 100%;}
    #search-desktop { display: none;}
    .logo_mobile { display: block;}
    #dif-dreapta p, #dif-stanga p { text-align: center; font-size: 14px; padding-bottom: 0;}
    .shields { text-align: center!important;}
    .p-shields, .shields-nomobile { display: none; }
    .testimoniale p { font-size: 16px; }
    .submeniu-proiecte-desktop { display: none;}
    .submeniu-proiecte-mobile { display: block;}
    .form-holder-contact { margin-top: 250px; }
    .form-holder-cere { margin-top: 50px; }
    .top-container-contact { background-image: url('../images/map2.jpg'); background-size: 100%;}
    .article-homepage > .col-sm-6 { padding-left: 0!important; padding-right: 0!important;}
    .article-homepage-title { font-size: 35px; line-height: 35px;}
    .coating-bena p { font-size: 50px; margin-top: 100px;}
    .coating-bena { height: 400px; }
    .title-teste { font-size: 50px!important;}
	.submeniu { position:relative; }
}

@media only screen and (max-width: 1200px) {
    .latime-faq { width:100%; }
    .domenii-list { display: none;}
    .domenii-list-mobile { display: block;}
    .produse-recomandate { position: relative; width: 100%; left: 0; top: 0; text-align: center;}
    .produse-recomandate p { display: none; }
    .produse-recomandate div { padding-left: 20px; padding-right: 20px; }
    .carousel { position: relative;}
    .holder-carousel:nth-child(1) { order: 3; }
    .diferente_, .article-homepage { margin-top: 30px!important;}
    .produse-recomandate { z-index: 0;}
    .points-nomobile { display: none; }
    .footer-links { flex-direction: column; }
    .footer-links div { padding: 5px; }
    .pret-mobileonly { display: block; }
    .holder-carousel-faq { margin-top: 0;}
    .detalii-carousel-faq { position: absolute; width: calc(100% - 25px); max-width: inherit; }
    .detalii-carousel-faq-2 { position: relative; width: 100%; max-width: inherit;}
    .detalii-carousel-faq,.detalii-carousel-faq-2 {
		background-color:rgba(255,255,255,0.85);
	}
    .container-slider { display: none; }
    .container-slider-mobile { display: block!important; }
    #pagproduse-descriere { padding:0 15px; }
    
}

@media only screen and (max-width: 1000px) {
	h1 { font-size:45px; }
	.blog-titlu { font-size:28px; }
	.latime-bg-proiecte { height:300px; }
    .detalii-carousel-proiecte { max-width: 100%; position: relative; margin-top:-50px; width:100%; margin-bottom:50px; }
    .carousel-proiecte-title { font-size: 20px; padding: 0 30px; padding-top: 25px;}
    .carousel-proiecte-subtitle { font-size: 14px; padding: 5px 30px;}
    .carousel-proiecte-desc { font-size: 10px; padding: 5px 30px;}
    .carousel-proiecte-cere p { font-size: 10px; letter-spacing: 3px; padding: 5px 35px;}
    .p-shields-mobile p { font-size: 18px!important; line-height: 22px!important;}
}