/*******************************************
Color codes:
#F0CA0F - yellow
#0173B1 - light blue
#2E4473 - dark blue
#0E47A1 - electric blue
#D20607 - red

Table of Contents:
0. Micro clearfix by Thomas Gallagher
1. General Styles
2. Header & main banner
3. Curatam fara sa deterioram
4. 4 pasi
5. Testimonials
6. Formular preluare covoare
7. Galerie foto
8. Contact
9. Footer

Responsive design:
10. Header & main banner
11. Curatam fara sa deterioram
12. 4 pasi
13. Testimonials
14. Formular preluare covoare
15. Galerie foto
16. Contact
17. Footer
*********************************************/

/********************************************
0. Micro clearfix by Thomas Gallagher
********************************************/

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/**************************************************************************************************************
1. General styles
**************************************************************************************************************/
body {margin: 0;}
img {max-width: 100%;}
h2 span {
	text-transform: lowercase;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 1px;
	font-weight:  normal;
}
h2.txt_h5, h2.txt_h4, h2.txt_h3, h2.txt_h2, h2.txt_h1 {
	margin: 0;
	line-height: 36px;
}
h2 {
    margin-bottom: 0;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 50px;
}
.t1, .t2, .t3, .t4 {
	display: table-cell;
	width: 25%;
}
.les_square1 {
    width: 40px;
    height: 40px;
    position: absolute;
    background: #0173B1;
    top: -40px;
    left: 2px;
}
.les_square1:after {
    content: '';
    position: absolute;
    background: #fff;
    top: 2px;
    left: 2px;
    right: -1px;
    bottom: -1px;
    z-index: 1;
}
.les_square2 {
    height: 40px;
    position: absolute;
    background: #0173B1;
    top: -40px;
    right: 2px;
	width: 40px;
}
.les_square2:after {
    content: '';
    position: absolute;
    background: #fff;
    top: 2px;
    right: 2px;
    left: -1px;
    bottom: -1px;
    z-index: 1;
}
.les_square3 {
    height: 40px;
    position: absolute;
    background: #0173B1;
    bottom: -40px;
    left: 2px;
	width: 40px;
}
.les_square3:after {
    content: '';
    position: absolute;
    background: #fff;
    bottom: 2px;
    left: 2px;
    right: -1px;
    top: -1px;
    z-index: 1;
}
.les_square4 {
    height: 40px;
    position: absolute;
    background: #0173B1;
    bottom: -40px;
    right: 2px;
	width: 40px;
}
.les_square4:after {
    content: '';
    position: absolute;
    background: #fff;
    bottom: 2px;
    right: 2px;
    left: -1px;
    top: -1px;
    z-index: 1;
}
.patratele {
	text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    color: black;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}



/**************************************************************************************************************
2. Header & main banner
**************************************************************************************************************/
.pos_rel img {width: 100%;}
.hamburger {
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 9999;
	background: #F0CA0F;
    padding: 5px;
	cursor: pointer;
}
.bara_top {
	width: 100%;
	background: #F0CA0F;
}
.mobile_menu {display: none;}
.title_site {
    text-indent: -9999px;
    display: block;
    background-image: url(imagini/Logo.png);
    width: 455px;
    height: 214px;
	background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
}
.container_top div:last-of-type {padding-right: 0;}
.container_top span {
	display: inline-block;
	font-family: Lato;
	font-weight: 800;
	font-size: 27px;
}
.container_top div {
	padding-right: 30px;
	display: inline-block;
}
.container_top div:last-of-type span:first-of-type {padding-right: 5px;}
.container_top span:first-of-type a{
	text-decoration: none;
	color: #0173B1;
}
.container_top img {padding-right: 15px;}
.container_top div:first-of-type img {width: 30px;}
.container_top div:last-of-type img {width: 20px;}
.container_top {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.pos_rel, .header_banner {position: relative;}
.logo {
	position: absolute;
    top: 50px;
	margin-left: 75px;
}
.logo img {max-width: 100%;}
.txt_header {
	max-width: 1200px;
	margin: 0 auto;
	text-align: right;
	right: 20%;
	top: 50%;
	position: absolute;
}
.txt_header span, .txt_h2 span {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
	color: #f0ca0f;
	background: #0173B1;
	margin: 0;
}
.txt_h5 span {background: #f0ca0f;}
.txt_h5 span a {
	color: #0173b1;
	text-decoration: none;
	padding: 0 10px;
}
.txt_h1 span, .txt_h2 span, .txt_h3 span, .txt_h4 span, .txt_h5 span{
	text-transform: uppercase;
}
.txt_h2, .txt_h3, .txt_h1, .txt_h0, .txt_h4 {display: block;}
 .txt_h3 span, .txt_h1 span {
	display: inline-block;
	background: #2E4473; 
	padding: 0 10px;
	color: #F0CA0F;
}
.txt_h4 span {color: #000;}
.txt_h4 span {
	display: inline-block;
	background: #fff;
	padding: 0 10px;
	font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
}
.txt_h1 span:first-of-type {
	background: #fff;
	color: #000;
	padding: 0 10px;
	font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
	margin: 0;
}
.txt_h2 span{
	display: inline-block;
	background: #0173B1;
	padding: 0 10px;
	color: #F0CA0F;
}
/*****************************meniu****************************************/
ul {
	position: relative;
	text-align: right;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
} 
li {
	position: relative;
    list-style: none;
    display: inline-block;
}  
.menu li a {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	padding: 30px;
} 
.menu li a:hover {
	background: #F0CA0F;
	text-decoration: underline;
	color: #000;
	padding: 30px;
}
.menu {
	position: absolute;
    background: rgba(0, 0, 0, 0.6);
	top: 105px;
	width: 100%;

}
/*****************************************end meniu**********************/

/**************************************************************************************************************
3. Curatam fara sa deterioram
**************************************************************************************************************/
.section1 {padding-top: 80px;}
.tbl1, .tbl2, .tbl3  {
	display: table-cell;
	width: 33.3%;
	position: relative;
}
.tbl1 p, .tbl2 p, .tbl3 p {text-align: center;} 
.tbl1 p img, .tbl2 p img, .tbl3 p img {max-width: 100%;}
.section2 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.section2, .section3, .contact {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;	
}
.curatam {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 50px;	
}
.divider {
	background: #0E47A1;
    height: 2px;
    width: 800px;
    margin: 0 auto;
	margin-top: 100px;
	position: relative;
}
.curatam_1, .curatam_2, .curatam_3 {
	display: table-cell;
	width: 33.3%;
}
.divider_left {
    background: #0E47A1;
    height: 48px;
    width: 2px;
	position: absolute;
	left: 0;
}
.divider_center {
    background: #0E47A1;
    height: 65px;
    width: 2px;
    position: absolute;
    left: 50%;
    top: -28px;
}
 .divider_right {
	background: #0E47A1;
    height: 48px;
    width: 2px;
	position: absolute;
	right: 0;
}
.txt_curatam1, .txt_curatam2, .txt_curatam3 {
	background: #0E47A1;
	padding: 25px;
	border: 20px solid #fff;
	font-family: Lato;
	font-size: 24px;
	line-height:40px;
	color: white;
	text-align: center;
	border-top: 0px;
}
.number_1 {
	font-family: Lato;
	font-size: 30px; 
	font-weight: 600;
	text-align: center;
	background: #F0CA0F;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: -50px;
	padding-top: 10px;
}
.bck {
	background: #F0CA0F;
	padding: 5px 4px;
}
.text_sect2 {
	top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%) rotate(-15deg);
}
.d1 {
	font-family: 'Oswald', sans-serif;
	font-size: 50px;
	color: #000;
	background:#fff;
	line-height: 50px;
	display: inline-block;
	padding: 5px 10px;
}
.d2 span {
	font-family: 'Oswald', sans-serif;
	font-size: 50px;
	color: #000;
	background:#fff;
	line-height: 50px;
	display: inline-block;
	padding: 5px 10px;
	font-weight: 600;
}
.bck span:last-of-type {
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	line-height:30px;
	letter-spacing: -1px;
	color: black;
    text-align: left;
}
.text_sect2 span:nth-of-type(2) {
	font-family: 'Oswald', sans-serif;
	font-size: 50px;
	font-weight: 400;
	color: #000;
	background:#fff;
	display: block;
	line-height: 50px;
}
.disclaimer span {
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}
/**************************************************************************************************************
4. 4 pasi
**************************************************************************************************************/
.table_pasi {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
}
.text_p1, .text_p2, .text_p3, .text_p4{
	background: #F0CA0D;
    width: 50%;
    text-align: center;
    margin: 0 auto;
	padding: 10px 20px;
    margin-top: -20px;
	min-height: 60px;
}
.pas_1 h3, .pas_2 h3, .pas_3 h3, .pas_4 h3    {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: black;
}
/*.pas_1:before, .pas_2:before, .pas_3:before {
	content: url(imagini/arrow.png);
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    bottom: 0;
    right: -20px;
    top: 65%;
}
*/
.tab_1, .tab_2, .tab_3, .tab_4 {
	display: table-cell;
	width: 50%;
}
.tab_1 p, .tab_2 p, .tab_3 p, .tab_4 p {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height:30px;
	color: black;
	text-align: justify;
}
.title_p1, .title_p2, .title_p3, .title_p4 {
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	line-height:30px;
	color: black;
	text-transform: uppercase;
}
.title_p2, .title_p4 {text-align: right;}
.pas_1, .pas_2, .pas_3 {position: relative;}
.text_p1 span, .text_p2 span, .text_p3 span, .text_p4 span, .title_p1 span, .title_p2 span, .title_p3 span, .title_p4 span {display: block;}
.text_p1 span:first-of-type, .text_p2 span:first-of-type, .text_p3 span:first-of-type, .text_p4 span:first-of-type {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height:20px;
	letter-spacing: 1px;
	color: black;
}
.text_p1 span:last-of-type, .text_p2 span:last-of-type, .text_p3 span:last-of-type, .text_p4 span:last-of-type {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height:20px;
	letter-spacing: 1px;
	color: black;
}
.img_p1 {
	background-image: url(imagini/4Pasi-icon1.png);
    background-repeat: no-repeat;
    background-position: center center;
	height: 150px;
    background-color: #2E4475;
	margin: 0 auto;
    width: 50%;
    border-radius: 51%;
}
.cont_img1 {
	background-image: url(imagini/4Pasi-SMALL-icon1.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    background-color: #2E4475;
    height: 58px;
	float: left;
	margin-right: 20px;
}
.tab_txt1 {
	display: table;
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	padding-top: 40px;
}
.tab_txt2 {
	padding-bottom: 80px;
	display: table;
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	padding-top: 40px;
}
.tab_1, .tab_2, .tab_3, .tab_4 {padding: 0 15px;}
.cont_img4 {
	background-image: url(imagini/4Pasi-SMALL-icon4.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    background-color: #2E4475;
    height: 58px;
	float: right;
	margin-left: 20px;
}
.cont_img2 {
	background-image: url(imagini/4Pasi-SMALL-icon2.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    background-color: #2E4475;
    height: 58px;
	float: right;
	margin-left: 20px;
}
.cont_img3 {
	background-image: url(imagini/4Pasi-SMALL-icon3.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    background-color: #2E4475;
    height: 58px;
	float: left;
	margin-right: 20px;
}
.img_p4 {
	background-image: url(imagini/4Pasi-icon4.png);
    background-repeat: no-repeat;
    background-position: center center;
	height: 150px;
    background-color: #2E4475;
	margin: 0 auto;
    width: 50%;
    border-radius: 51%;
}
.img_p2 {
	background-image: url(imagini/4Pasi-icon2.png);
    background-repeat: no-repeat;
    background-position: center center;
	height: 150px;
    background-color: #2E4475;
	margin: 0 auto;
    width: 50%;
    border-radius: 51%;
}
.img_p3 {
	background-image: url(imagini/4Pasi-icon3.png);
    background-repeat: no-repeat;
    background-position: center center;
	height: 150px;
    background-color: #2E4475;
	margin: 0 auto;
    width: 50%;
    border-radius: 51%;
}
.pas_1, .pas_2, .pas_3, .pas_4 {
	display: table-cell;
	width: 25%;
	text-align: center;
}
.title_p4 {margin-right: 120px; }


/**************************************************************************************************************
5. Testimonials
**************************************************************************************************************/
.test_table {
	display: table;
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}
.test_table p {
	text-align: justify;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height:20px;
	color: white;
}
.test_table h3 {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 1px;
	color: white;
}
.testimonial2, .testimonial3, .testimonial1 {
	border: 15px solid #fff;
	display: table-cell;
	width: 33.3%;
}
.back_testim {
	background: #0173B1;
	padding: 15px 10px;
	border-radius: 10px;
	position: relative;
}
.back_testim:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 35px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #0173b1;
    bottom: -19px !important;
}
.testimonial3 h4, .testimonial2 h4, .testimonial1 h4 {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: black;
	text-align: center;
}



/**************************************************************************************************************
6. Formular preluare covoare
**************************************************************************************************************/
#mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}
#boxes .window {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 9999;
	display: none;
	padding: 20px;
	border-radius: 15px;
	text-align: center;
}
#close_btn img {cursor: pointer;}
#boxes #dialog {
  max-width: 100%;
  height: auto;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
  box-sizing: border-box;
}
#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}
#solicita_preluare .buton_bck {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	color: white;
	background: transparent;
    border: 0;
	position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
	cursor: pointer;
	text-transform: uppercase;
} 
#message_text.message_error, #message_text.success_message, .general_error_term {
	font-size: 20px;
    font-family: Lato;
    font-weight: 600;
}
.message_error_2.general_error_2, .message_error_2.success_message, .message_error_2.tel_error_2, .success_message_2  {
	font-size: 20px;
    font-family: Lato;
    font-weight: 600;
	color: red;
}
#message_text.success_message {
	background: green;
	color: #fff;
    display: inline-block;
    padding: 10px;
}
.message_error_2.success_message, .success_message_2 {
    color: green;
    padding: 10px;
    margin-top: 10px;
    margin: 0 auto;
    display: block;
    text-align: right;
}
#message_text.message_error, .general_error_term, .message_error_2.message_error {
	color: #fff;
    background: #F44336;
    display: inline-block;
    padding: 10px;
}
#solicita_preluare .button {
	background-image: url(imagini/Bg-Buton.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 83PX;
    max-width: 365px;
	position: relative;
	margin: 0 auto;
}
#solicita_preluare .button, .check {text-align: center;}
.check {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: black;
	padding-top: 30px;
}
input[type="submit" i]:focus {outline: 0;}
.termeni_conditii_h2 {font-size: 25px; line-height: 25px;}
.text_formular_contact {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	color: #000;
}
.solicita {
	margin-bottom: 0;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 50px;
}
.solicita span {
	text-transform: lowercase;
	font-size: 50px;
	line-height: 50px;
	display: block;
}
.hr {
	max-width: 980px;
	height: 2px;
	background: #fff;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.nume p, .message p, .adresa p, .data p, .time p, .telefon p {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: black;
	margin-bottom: 0;
}
.message textarea {
	height: 150px;
	width: 100%;
}
input[type="checkbox" i]  {
	width: 20px !important;
	height: 20px !important;
	vertical-align: top;
}
#solicita_preluare .nume {padding-right: 25px;}
.time, #solicita_preluare .nume,  #solicita_preluare .telefon, .date {
	width: 50%;
	display: table-cell;
}
.contact-form input {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	font-size: 18px;
}
.contact-form {
	max-width: 1200px;
    margin: 0 auto;
    background: #F0CA0F;
	margin-top: 80px;
}
.padd {padding: 40px 110px;}
.d_left h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	line-height:30px;
	letter-spacing: 1px;
	color: black;
}
.d_right p {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	color: black;
	margin-bottom: 0;
}
.d_right {text-align: right;}
.d_right span a{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: black;
	text-decoration: none;
	font-weight: 600;
}
.table_c {
	display: table;
	width: 100%;
}
.d_right, .d_left {
	display: table-cell;
	width: 50%;
}
.inform {
	display: table;
	width: 100%;
}
.text_formular_contact1 {
    color: #000;
    font-family: Lato;
    font-size: 18px;
}
/***********************************************************************************************************************************
7. Section red
************************************************************************************************************************************/
.section_red {
	display: table;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	margin-bottom: 80px;
	margin-top: 80px;
}
.red1, .red2, .red3 {
	border: 20px solid #fff;
	text-align: center;
}
.pct {
	padding-top: 20px;
	padding-bottom: 20px;
}
.section_red p:last-of-type {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	line-height:40px;
}
.red1, .red2, .red3 {
	display: table-cell;
	width: 33.3%;
	background: #D20607;
	padding: 60px 10px;
}
.red2_h, .gratuit {font-weight: 600;}
.section_red p {
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	line-height:30px;
	color: #fff;
	margin: 0;
}



/************************************************************************************************************************
8. Galerie foto
************************************************************************************************************************/
.lb-nav a.lb-next {opacity: 1 !important;}
.lb-nav a.lb-prev {opacity: 1 !important;}
h2#galerie {margin-bottom: 30px;}
.galery {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 80px;
	padding-top: 80px;
}
.galery {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 80px;
	padding-top: 80px;
}
/*********************************************Slick slider********************************************************/
.slick-slider {
	max-width: 1200px;
	margin: 0 auto;
}
.slick-prev, .slick-next {
	background: #0E47A1 !important;
	border-radius: 50%;
	position: relative;
	width: 35px !important;
    height: 35px !important;
}
.slick-prev {left: -45px !important;}
.slick-next {right: -45px !important;}
.slick-prev:after {
    content: url(imagini/Slider-Left-Arrow.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.slick-slide img {margin: 0 auto;}
a.slick-slide {box-sizing: border-box;}
.slick-next:after {
    content: url(imagini/Slider-Right-Arrow.png);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.slick-prev:before, .slick-next:before {font-size: 1px !important;}
.slick-initialized .slick-slide {
	border: 20px solid #fff;
	width: 360px;
}
.slick-track {height: auto;}
/*********************end slick slider********************************************/



/************************************************************************************************************************
9. Contact
************************************************************************************************************************/
.harta {margin-top: 100px;}
.optimizat {
	font-size: 30px;
	text-transform: initial !important;
}
.img_tel, .form_contact {
	display: table-cell;
	vertical-align: middle;
}
.img_tel p {color: #fff;}
.img_tel p a {
	color: #fff;
	text-decoration: none;
}
.img_tel {
	width: 30%;
	text-align: center;
}
.form_contact {
	width: 70%;
	text-align: right;
}
.table_cont {
	display: table;
	width: 100%;
}
.cont_1 {
	display: table-cell;
	width: 70%;
	vertical-align: middle;
}
.cont_2 {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}
.cont_2 button {
	text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
	background: #FE0000;
	cursor: pointer;
	font-family: 'Oswald', sans-serif;
	font-size: 20px; 
	line-height:30px;
	color: white;
	text-transform: uppercase;
}
.cont_2 button span {display: block;}
.cont_1 input {
	height: 50px;
	width: 380px;
	text-align: right;
	background: #0173B1;
	font-size: 20px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	padding-right: 14px;
}
.cont_1 .nume {padding-bottom: 10px;}
.contact {padding-top: 80px;}
.img_tel {background: red;}
.nr_tel {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	letter-spacing: 1px;
	color: white;
	margin: 0;
}
.form_contact h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	letter-spacing: 1px;
	color: black;
	position: relative;
}
.form_contact h2:before {
	background: #0E47A1;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100px;
}
.form_contact h3 {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height:30px;
	color: black;
	width: 510px;
    float: right;
}
.telefon {padding-left: 25px;}


/************************************************************************************************************************
10. Footer
************************************************************************************************************************/
.main_footer {
	width: 100%;
	height: 100px;
	background: #2E4473;
	margin-top: 100px;
}
.main_footer p:last-of-type  {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	padding-top: 20px;
	margin: 0;
	text-align: right;
	padding-right: 20px;
    line-height: 20px;
	float: right;
}
.main_footer p {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	padding-top: 20px;
	margin: 0;
	text-align: right;
	padding-right: 20px;
    line-height: 24px;
	float: left;
}
.footer p {
	font-size: 28px;
	color: #fff;
	text-align: right;
}
.footer_container {
	max-width: 1200px;
    margin: 0 auto;
	padding-top: 10px;
    padding-bottom: 10px;
}
.main_footer p:last-of-type a {
	color: #fff;
	text-decoration: none;
}
/****************************************************************RESPONSIVE******************************************************************************/
/********************************************************************************************************************************************************/
@media (max-width: 1600px) {
	.txt_header {right: 12%;}
}
@media (max-width: 1500px) {
	.logo {margin-left: 0px;}
}
@media (max-width: 1400px) {
	/*******************************************************Header & main banner*********************************************************/
	.txt_header {right: 3%;}
	.logo img {max-width: 85%;}
	.logo {top: 45px;}
	.title_site {background-size: 75%;}
	.txt_header {top: 42%;}
	.txt_header span, .txt_h2 span, .txt_h1 span:first-of-type, .txt_h4 span {
		font-size: 35px;
		line-height: 40px;
	}
	h2.txt_h5, h2.txt_h4, h2.txt_h3, h2.txt_h2, h2.txt_h1 {
		line-height: 34px;
	}
	.txt_header {top: 50%;}
}
@media (max-width: 1250px) {
	.logo {margin-left: -45px;}
}
@media (max-width: 1201px) {
	/**************************General Styles******************************************************************/
	.les_square4 {bottom: -35px;}
	.les_square3 {bottom: -35px;}
	.les_square2 {top: -35px;}
	.les_square1 {top: -35px;}
	.harta, .slick-slider, .contact-form, .test_table, .table_pasi  {margin-top: 80px;}
	.section2, .section3, .contact, .table_pasi, .contact-form, .section_red {max-width: 800px;}
	/**************************Header & main banner*************************************************************/
	.arrow_banner {width: 20px;}
	.txt_header span, .txt_h2 span, .txt_h1 span:first-of-type {
		font-size: 20px;
		line-height: 25px;
	}
	h2.txt_h5, h2.txt_h4, h2.txt_h3, h2.txt_h2, h2.txt_h1 {
		margin: 0;
		line-height: 15px;
		font-size: 20px;
	}
	.txt_header {top: 10%;}
	.logo {
		margin: 0 auto;
		text-align: center;
		width: 100%;
		margin-left: 0px;
		top: 0;
		left: 0;
	}
	.logo img {max-width: 30%;}
	ul {
		text-align: center;
		padding-left: 0px;
	}
	.menu li a:hover {
		background: none;
		color: #F0CA0F;
		padding: 15px;
	}
	.menu li a {padding: 15px;}
	.menu {top: 60%;}
	.title_site {
		background-size: 70%;
		margin: 0;
	}
	.pos_rel img {height: 350px;}
	.logo img {max-width: 70%;}
	.header_banner, .section2, .slick-slider {margin-bottom: 80px;}
	/**************************Galerie foto********************************************************/
	.galery {
		max-width: 800px;
		margin: 0 auto;
		padding-bottom: 0;
		padding-top: 0;
	}
	/**************************Footer**************************************************/
	.footer_container p {
		display: block;
		float: none;
	}
	.main_footer p:first-of-type {
		text-align: left;
		float: none;
	}
	.main_footer p:last-of-type {
		text-align: right;
		float: none;
	}
    .main_footer {
        min-height: 100px;
        height: auto;
    }
    .cbao_tc0.cbao_tc0 {
        padding-left: 5px;
        text-align: left !important;
        padding-top: 5px;
    }
    .cbao_tc1.cbao_tc1 {
        padding-top: 5px;
    }
	.footer_container {max-width: 800px;}
	.main_footer p {
		font-size: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.main_footer h2 {font-size: 15px;}	
	/********************************Curatam fara sa deterioram**************************************************/
	.section1 {padding-top: 0;}
	.section2 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.d1, .d2 span {font-size: 30px;}
	.bck {padding: 0px 5px;}
	.bck span:last-of-type {font-size: 19px;}
	.curatam {max-width: 800px;}
	.curatam, .curatam_1, .curatam_2, .curatam_3 {
		display: block;
		width: 100%;
	}
	.tbl1, .tbl2, .tbl3 {
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
	}
	/**************************4 Pasi**************************************************/
	.title_p1, .title_p2, .title_p3, .title_p4 {font-size: 23px;}
	.table_pasi, .test_table {padding-top: 40px;}
	.tab_txt1, .test_table, .tab_txt2 {max-width: 830px;}
	.img_p1, .img_p2, .img_p3, .img_p4 {width: 75%;}
	.text_p1, .text_p2, .text_p3, .text_p4 {width: 70%;}
	
	/**************************Testimonials**************************************************/
	.test_table {margin-bottom: 0;} 
	/**************************Contact**************************************************/
	.contact {
		box-sizing: border-box;
		padding-right: 20px;
		padding-left: 20px;
	}
	.container_top {
		max-width: 800px;
		margin: 0 auto;
	}
	.harta {
		max-width: 800px;
		margin: 0 auto;
		margin-top: 80px;
	}
	.cont_2 button {
		padding-top: 13px;
		padding-bottom: 13px;
	}
	/**************************Formular preluare covoare*********************************************/
	.divider {display: none;}
	.solicita, .patratele h2 {
		font-size: 40px;
		line-height: 40px;
	}
}
@media (max-width: 980px) {
	h2 span span, .solicita span{
		font-size: 30px;
		line-height: 30px;
	}
	.text_formular_contact1, .text_formular_contact, #message_text.message_error, #message_text.success_message, .general_error_term {font-size: 18px;}
	/*******************************************************header+menu**********************************************/
	.pos_rel img {height: 340px;}
	.hamburger, #menu {right: 3% !important;}
	ul {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.mobile_menu {display: block;}
	.menu {display: none;}
	.txt_header {
		top: 70%;
		transform: translateY(-60%);
	}
	li {display: block;}
	#menu {
		top: 55px;
		z-index: 999;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
		max-width: 350px;
		right: 50px;
	}
	ul {
		text-align: right;
		padding-right: 25px;
	}
	.title_site {
		background-size: contain !important;
		width: 25%;
	}
	.container_top span {font-size: 25px;}
	.title_site {
		background-position: 0 20px;
		top: 0;
	}
	/*****************************************************************galerie********************************************/
	.galery {
		padding-bottom: 60px;
		max-width: 650px;
	}
	.slick-prev.slick-prev, .slick-next.slick-next {
		width: 25px !important;
		height: 25px !important;
	}
	.slick-prev.slick-prev {left: -25px !important;}
	.slick-next.slick-next {right: -25px !important;}
}
@media (max-width: 767px) {
	.les_square1, .les_square3 {left: 90px;}
	.les_square4, .les_square2 {right: 90px;}
	.txt_header span, .txt_h2 span, .txt_header span, .txt_h2 span, .txt_h1 span:first-of-type {
		font-size: 20px !important;
		line-height: 25px !important;
	}
	/****************************************Header & main banner**********************************************/
	.title_site.title_site {
		background-position: 0 55px;
		top: 0;
		background-size: contain !important;
		width: 35%;
		background-size: 40%;
	}
	.menu li a:hover {padding: 10px;}
	.menu li a {padding: 10px;}
	.logo {top: -35px;}
	.menu li a:hover {
		background: transparent;
		color: #F0CA0F;
	}
	.menu {top: 60%;}
	.pos_rel img {height: 500px;}
	.logo img {max-width: 30%;}
	.container_top span {font-size: 17px;}
	.container_top img {width: initial !important;}
		.pos_rel img {
		width: 100%;
		height: 70%;
	}
	.txt_header span, .txt_h2 span {
		font-size: 20px;
		line-height: 25px;
	}
	.txt_header {top: 70%;}
	ul {
		max-width: 767px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: right;
	}
	/****************************************4 pasi**********************************************/
	.pas_1 {
		clear: left;
		float: left;
		width: 50% !important;
	}
	.pas_2 {
		clear: right;
		float: right;
		width: 50% !important;
	}
	.pas_3 {
		clear: left;
		float: left;
		width: 50% !important;
	}
	.pas_4 {
		clear: right;
		float: right;
		width: 50% !important;
	}
	.tab_1, .tab_2, .tab_txt1,.tab_txt2, .pas_1, .pas_2, .pas_3, .pas_4, .table_pasi, .tbl1, .tbl2, .tbl3, .section2 {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.text_p1, .text_p2, .text_p3, .text_p4 {
		min-height: 60px; 
		width: 50%;
		padding: 10px 0px;
	}
	.img_p1, .img_p2, .img_p3, .img_p4 {width: 40%;}
	.cont_img3, .cont_img4, .cont_img1, .cont_img2 {
		float: none;
		margin-right: 20px;
		margin-left: 0;
		margin: 0 auto;
	}
	.tab_txt1:first-of-type {padding-bottom: 0 !important;}
	.tab_1, .tab_2, .tab_3, .tab_4 {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.title_p1, .title_p2, .title_p3, .title_p4 {
		font-size: 22px;
		line-height: 22px;
		text-align: center;
		padding-top: 10px;
	}
	.title_p4 {margin-right: 0px;}
	.cont_img1 {
		border-top: 40px solid white;
		clear: both;
	}
	.tab_txt2 {padding-bottom: 40px;}
	.table_pasi {margin-top: 0;}
	/***************************************Testimonials********************************************/
	.testimonial2, .testimonial3, .testimonial1, .test_table, .red1, .red2, .red3, .section_red, .contact, .cont_1, .cont_2 {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.testimonial3 h4, .testimonial2 h4, .testimonial1 h4 {text-align: left;}
	/************************************Formular preluare covoare*************************************/
	.padd {padding: 30px 30px;}
	.solicita, .patratele h2, .patratele {
		font-size: 30px;
		line-height: 30px;
	}
	/********************************************Section red*************************************************************/
	.section_red {margin-top: 30px;}
	.section_red p:last-of-type {font-size: 30px;}
	.pct {
		padding-top: 0;
		padding-bottom: 0;
	}
	.red1, .red2, .red3 {padding: 15px;}
	/****************************************Galerie foto**********************************************/
	.galery {
		padding-bottom: 30px;
		max-width: 530px;
	}	
	/****************************************Curatam fara sa deterioram**********************************************/
	.d1, .d2 span {
		font-size: 24px;
		line-height: 24px;
	}
	.section2 {margin-bottom: 40px;}
	.tbl1 p img, .tbl2 p img, .tbl3 p img {width: 100%;}
	.tbl1 p img, .tbl2 p img, .tbl3 p img {
		width: 100%;
		height: 250px;
	}
	.divider {display: none;}
	.txt_curatam1, .txt_curatam2, .txt_curatam3, .tab_1 p, .tab_2 p, .tab_3 p, .tab_4 p {font-size: 19px;}
	.text_sect2 {
		transform: translateX(-50%) translateY(-50%) rotate(-12deg);
		top: 45%;
	}
	/**************************************************Contact*********************************************************/
	.form_contact h3 {
		width: auto;
		float: none;
		text-align: center;
	}
	.form_contact h2:before {
		transform: translateX(-50%);
		left: 50%;
		top: 110%;
	}
	.form_contact h2 {text-align: center;}
	.cont_1 input {
		width: 100%;
		box-sizing: border-box;
	}
	.contact .telefon {padding-left: 0;}
	.form_contact h2 {padding-top: 40px;}
	.contact {padding-top: 60px;}
	.img_tel {
		width: 50%;
		display: block;
		margin: 0 auto;
		padding: 10px;
	}
	.form_contact h2, .nr_tel, .section_red p {font-size: 28px;}
	.optimizat {
		font-size: 18px;
		line-height: 20px;
	}
	.form_contact .button {margin-top: 10px;}
	.cont_2 button {padding: 0 10px;}

	.form_contact .button, .cont_1 input {text-align: center;}	
	.form_contact h3 {font-size: 18px;}
	/********************************************Footer*************************************************************/
	.footer p {
		text-align: center;
		padding-right: 0;
		font-size: 28px;
		color: #fff;
		text-align: right;
	}
	.main_footer p {text-align: center;}
	.main_footer {height: 100%;}
}
@media (max-width: 600px) {
	.img_p1, .img_p2, .img_p3, .img_p4 {width: 55%;}
	/***************************************Header & main banner**********************************************/
	.txt_header span, .txt_h2 span, .txt_header span, .txt_h2 span, .txt_h1 span:first-of-type {
		font-size: 15px !important;
		line-height: 19px !important;
	}
	.logo {top: -17%;}
	/*************************************Galerie foto********************************************************/
	.galery {
		padding-bottom: 0;
		max-width: 410px;
	}
	.slick-next.slick-next {
		background: transparent !important;
		right: 30px !important;
	}
	.slick-prev.slick-prev {
		background: transparent !important;
		left: 30px !important;
		z-index: 9999;
	}
	.slick-next:after {content: url(imagini/next.png);}
	.slick-prev:after {content: url(imagini/prev.png);}
}
@media (max-width: 481px) {
	.les_square1, .les_square3 {left: 125px;}
	.les_square3, .les_square2, .les_square1, .les_square4 {
		width: 30px;
		height: 30px;
	}
	.les_square4, .les_square2 {right: 125px;}
	h2 span span, .solicita span {
		font-size: 20px;
		line-height: 20px;
	}
	/******************************************Header & main banner*********************************/
	.txt_header span, .txt_h2 span, .txt_header span, .txt_h2 span, .txt_h1 span:first-of-type {
		font-size: 14px !important;
		line-height: 17px !important;
	}
	.txt_header {
		top: 75%;
	}
	.arrow_banner {width: 15px;}
	.pos_rel img {
		width: 100%;
		height: 195px;
	}
	#menu {max-width: 230px;}
	.title_site {
		width: 304px;
		height: 214px;
	}
	.menu li a {font-size: 15px;}
	.container_top {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.txt_header span, .txt_h2 span, .txt_header span, .txt_h2 span, .txt_h1 span:first-of-type {
		font-size: 14px !important;
		line-height: 18px !important;
	}
	.txt_header span, .txt_h2 span {
		font-size: 24px;
		line-height: 24px;
	}
	.container_top span {font-size: 14px;}
	/******************************************Curatam fara sa deterioram*******************************/
	.txt_curatam1, .txt_curatam2, .txt_curatam3, .tab_1 p, .tab_2 p, .tab_3 p, .tab_4 p {font-size: 16px;}
	.txt_curatam1, .txt_curatam2, .txt_curatam3 {line-height: 20px;}
	.section2 {padding-top: 0px;}
	.txt_curatam1, .txt_curatam2, .txt_curatam3 {
		font-size: 17px;
		padding: 10px;
	}
	.number_1, .number_2, .number_3 {
		font-size: 20px;
		margin-bottom: -60px;
	}
	.tbl1 p img, .tbl2 p img, .tbl3 p img {height: 175px;}
	.d1, .d2 span {
		font-size: 18px;
		line-height: 18px;
	}
	.text_sect2 {
		transform: translateX(-50%) translateY(-50%);
		top: 50%;
	}
	/******************************************4 Pasi*******************************/
	.img_p1, .img_p2, .img_p3, .img_p4 {
		width: 35%;
		height: 132px;
	}
	.table_pasi {margin-top: 0;}
	.img_p1, .img_p2, .img_p3, .img_p4 {display: none;}
		.text_p1, .text_p2, .text_p3, .text_p4 {
		width: 100%;
		border: 10px solid #fff;
		margin: 0;
		box-sizing: border-box;
		padding: 10px;
	}
	.pas_1 h3, .pas_2 h3, .pas_3 h3, .pas_4 h3 {
		margin-bottom: 0;
	}
	.text_p1, .text_p2, .text_p3, .text_p4 {
		min-height: 100px;
	}
	.text_p1 span:first-of-type, .text_p2 span:first-of-type, .text_p3 span:first-of-type, .text_p4 span:first-of-type, .text_p1 span:last-of-type, .text_p2 span:last-of-type, .text_p3 span:last-of-type, .text_p4 span:last-of-type {font-size: 14px;}
	.tab_txt1 {padding-bottom: 0;}
	.tab_1 p, .tab_2 p, .tab_3 p, .tab_4 p {line-height: 1.3;}
	.tab_4 {padding-bottom: 30px;}
	/***********************************************Testimonials*********************************************/
	.test_table p, .test_table h3, .testimonial3 h4, .testimonial2 h4, .testimonial1 h4 {
		font-size: 15px;
		line-height: 18px;
	}
	.testimonial2, .testimonial3, .testimonial1 {border-bottom: 0;}
	.test_table {margin-top: 0}
	/***************************************************Formular preluare covoare***********************************/
	.padd {padding: 10px 10px;}
	.contact-form input {box-sizing: border-box;}
	.check {
		padding-top: 10px;
		font-size: 15px;
	}
	input[type="checkbox" i] {height: 15px !important;}
	.table_c, .time, #solicita_preluare .nume, #solicita_preluare .telefon, .date {
		width: 100%;
		display: block;	 
	}
	.data, #solicita_preluare .nume, .time, .telefon {
		padding-right: 0;
		padding-left: 0;
	}
	#solicita_preluare .buton_bck {font-size: 17px;}
	.nume p, .message p, .adresa p, .data p, .time p, .telefon p {margin-top: 0;}
	#boxes #dialog {width: 100%;}
	.text_formular_contact1, .text_formular_contact, #message_text.message_error, #message_text.success_message, .general_error_term {font-size: 15px;}
	#message_text2.message_error, #message_text2.success_message {font-size: 15px;}
	.contact-form input {height: 25px;}
	.message textarea {height: 100px;}
	.solicita, .patratele h2, .patratele {
		font-size: 20px;
		line-height: 20px;
	}
	.d_right, .d_left {
		display: block;
		width: 100%;
		text-align: center;
	}
	.d_left h3, .d_right p {
		font-size: 18px;
		line-height: 1.3;
	}
	/********************************************Section red************************************************/
	.section_red p {line-height: 25px;}
	.red1, .red2, .red3 {border: 5px solid #fff;}
	.pct {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section_red {margin-top: 40px;}
	/***************************************Galerie foto*******************************************/
	.galery {
		padding-bottom: 0;
		max-width: 100%;
	}
	.slick-slide img {width: 100%;}
	.slick-next {right: 20px !important;}
	.slick-prev.slick-prev {
		left: 21px !important;
		z-index: 9999;
	}
	/******************************************************Contact******************************************/
	.img_tel {
		width: 100%;
		box-sizing: border-box;
	}
	.contact {padding-top: 30px;}
	.nr_tel {font-size: 20px;}
	.form_contact h2, .section_red p {font-size: 18px;}
	.form_contact h2 {padding-top: 10px;}
	.form_contact h2, .section_red p, .section_red p:last-of-type {font-size: 20px;}
	.form_contact h2, .section_red p {font-size: 25px;}
	
	/*******************************************Footer******************************************/
	.main_footer p {text-align: center !important;}
	.main_footer p:first-of-type, .nume p, .message p, .adresa p, .data p, .time p, .telefon p {font-size: 17px;}
	.main_footer p:last-of-type, .cont_2 button, .cont_1 input, .form_contact h3 {font-size: 15px;}
	.main_footer h2 {font-size: 19px;}
	.main_footer p:last-of-type {padding-top: 0;}
	.main_footer {margin-top: 10px;}
    .cbao_tc0.cbao_tc0.cbao_tc0 {
        text-align: center !important;
    }
}