* {
margin: 0;
padding: 0;
}
body {
position: relative;
font-family: "Alegreya", sans-serif;
font-optical-sizing: auto;
font-size: 18px;
line-height: 28px;
color: #fff;
background: #1e1b1e url(images/bkg_page.webp) repeat;
margin-left: auto;
margin-right: auto;				
width: 100%; 
overflow-x: hidden;   
}

/* text styles
-----------------------------------------------------------------------------*/

h1, .h1 {
font-size: 40px;
line-height: 44px;
color: #e8c754;
padding: 0px 0px 10px 0px;
margin: 0px;
}
h2, .h2 {
font-size: 26px;
line-height: 34px;
color: #fff;
padding: 0px 0px 4px 0px;
margin: 0px;
}
h3, .h3 {
font-size: 22px;
line-height: 28px;
color: #e8c754;
padding: 0px 0px 4px 0px;
margin: 0px;
}
h4, .h4 {
font-size: 20px;
line-height: 26px;
color: #fff;
padding: 0px 0px 5px 0px;
margin: 0px;
}
h5, .h5 {
font-size: 18px;
line-height: 21px;
color: #e8c754;
padding: 0px 0px 10px 0px;
margin: 0px;
}
 

a {
color: #e8c754;
text-decoration: none;
outline: none;
}
a:hover {
color: #fff;
text-decoration: underline;
}

table {
border: 0px;
border-spacing: 0px;
border-collapse: separate;
padding: 0px;
margin: 0px;
}

ul, ol {
margin: 0px 0px 10px 20px;
padding: 0px 0px 0px 0px;
/*	list-style-position: inside;*/
}
ul {
/*	list-style-image: url(images/icon_bullet.webp);*/
}
ul.no-list-image, ul.no-list-image li {
list-style: none;
list-style-image: none;
}

p {
margin:0 0 24px 0;
}
img {
border: none;
max-width: 100%;
vertical-align: middle;
}



.uppercase, .ucase {
text-transform: uppercase;
}
.underline {
text-decoration: underline
}

.valign_top {
vertical-align: top;
}
.valign_middle {
vertical-align: middle;
}
.valign_bottom {
vertical-align: bottom;
}

.align_center {
text-align: center;
margin: auto;
}
.align_right {
text-align: right;
}
.align_left {
text-align: left;
}
.align_justify {
text-align: justify;
}


.position_center {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.position_middle:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}

.box_center {
display: table;
margin: 0 auto !important;
}

.clear {
height:0;
font-size: 1px;
line-height: 0px;
clear: both;
}

.clearfix:before,
.clearfix:after {
content: "";
display: table;
} 
.clearfix:after {
clear: both;
}

.hidden {
display: none;
}

.images  {
border: 0px solid #b7b7b7;
}



hr, .hr {
line-height: 1px;
height: 1px;
font-size: 1px;
background: #e5e5e5;
border: 0px;
}

.a_button, .a_button1, .a_button2 {
display: inline-block;
text-decoration: none;
font-weight: 100;
outline: none;
color: #fff; 
text-align: center;
padding: 10px 35px 10px 35px;
transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
}
.a_button { background: #a2a671; }
.a_button:hover { text-decoration: none; background: #2e3c2b; }
.a_button1 { color: #000;  background: #e8c754; border:2px  solid #e8c754; font-size:16px; line-height:16px; }
.a_button1:hover { text-decoration: none;  background: #06623d; border:2px  solid #e8c754; }
.a_button2 { background: #06623d; border:2px  solid #e8c754; }
.a_button2:hover { color:#000; text-decoration: none;  background: #e8c754; border:2px  solid #e8c754; }

/* white-popup - magnific-popup style
-----------------------------------------------------------------------------*/
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width:auto;
max-width: 700px;
margin: 20px auto;
}


/* breadcrumbs
-----------------------------------------------------------------------------*/
.breadcrumbs_div {
border-bottom: 1px solid #dbc754;
padding:0 0 10px 0;
margin:0 5px 20px 5px;
}

.breadcrumbs {
margin: 0px;
padding: 0px;
color:#fff;
font-size: 17px;
line-height: 17px;
}
.breadcrumbs ol {
margin: 0px;
padding: 0px;
list-style: none;
list-style-image: none;
}
.breadcrumbs ol li {
position: relative;
display: inline-block;
padding: 0px 10px 0px 0px;
margin: 0px 5px 0px 0px;
}
.breadcrumbs ol li:after {
content: " / ";
display: block;
width: 15px;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
text-align: right;
font-size: 17px;
line-height: 17px;
}
.breadcrumbs ol li:last-child {
margin: 0px 0px 0px 0px;
}
.breadcrumbs ol li:last-child:after {
content: "";
display: block;
width: 0px;
}
.breadcrumbs ol li a {
7
}
.breadcrumbs ol li:hover a {
text-decoration: underline;
}


#main_wrapper {
overflow: hidden;
}

.body_offset {
padding-top: 0px;
}

 


/* MOBILE 
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
*/  
@media only screen and (max-width: 1100px) { 
body {
min-width: 320px;

}
.page_wrapper {
width: 95%;
position: relative;
margin-left: auto;
margin-right: auto;
}

.img_left, .img_right, .images_left, .images_right, .image_left, .image_right   {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}

#menu_top {
 
}
.menutop_txt {
max-width:280px; min-width:280px;
padding:10px;
margin-bottom:10px;
background: linear-gradient(to right, #06633e, #088657,#088657, #088657, #088657, #06633e);
border:6px solid #e8c754;
color:#fff;
text-align:center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-size:20px; line-height:30px;
margin-left:auto; margin-right:auto;
}
.menutop_txt a { 
display: inline-block;
width:100%; height:100%; 
color:#fff;
}
.menutop_txt a:hover { 
text-decoration:none;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
 
 
 
/* content
-----------------------------------------------------------------------------*/
#content {
width:100%;
padding: 20px 0px 20px 0px;
}
.content_title {
margin: 30px 0 30px 0 ;
text-align:center;
}
.content_title h1 {
font-size: 40px;
line-height: 50px;
color: #077d50;
padding: 0px;
margin: 0px;
text-align:center;
}  

.content_txt,  .content_txt_mat { 
padding:30px 5%  30px 5%;
margin:5px;
color:#fff;
}
.content_txt {
background: linear-gradient(to right, #06633e, #088657,#088657, #088657, #088657, #06633e);
border:6px solid #e8c754;
}



.contact_loc {
font-size: 20px;
line-height: 30px; font-weight:bold;
color:#e8c754;
}



.mat_txt {
max-width:320px; min-width:280px;
padding:10px;
margin-bottom:10px;
background: linear-gradient(to right, #06633e, #088657,#088657, #088657, #088657, #06633e);
border:6px solid #e8c754;
color:#fff;
text-align:center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-size:22px; line-height:32px;
margin-left:auto; margin-right:auto;
}
.mat_txt a { 
display: inline-block;
width:100%; height:100%; 
color:#fff;
}
.mat_txt a:hover { 
text-decoration:none;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}




#div_gallery ul  { 
display: table;
margin:0;padding:0;
list-style: none;
list-style-image: none;
}
#div_gallery ul li {
width:100%;
margin-bottom: 30px; 
float: left; 
text-align:center;
}
#div_gallery ul li a {
display: block;
z-index: 1;
width:300px; 
margin-left: auto;	margin-right: auto;
margin-bottom:4px; 
}
#div_gallery ul li a img {
width:300px; height:auto; 
}

.desktop_only { display: none; }



}
/* MOBILE - END
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
*/  



.p_mats {font-size:130%; font-weight:bold;}
.a_mats { 
height:32px;
display: inline-block;
text-decoration: none;
font-weight: 100;
outline: none;
text-align: center;
padding: 6px 12px 6px 12px;
transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
color: #000;  background: #e8c754; border:1px  solid #e8c754; 
}
.a_mats:hover { text-decoration: none; background: #06623d; border:1px  solid #e8c754;  } 
.a_mats_sel { color:#fff; text-decoration: none; background: #06623d; border:1px  solid #e8c754;  } 
/* DESKTOP 
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
*/  
@media only screen and (min-width:1099px) {

.mobile_only { display: none; }
#menumobile { display:none;}
#mobile_phone { display:none;}
.menu_icons { display:none;}

body {
min-width:1200px;
}

.img_left {
width: auto;
float: left;
margin: 0px 15px 10px 0px;
}
.img_right {
width: auto;
float: right;
margin: 0px 0px 10px 15px;
}

.images_left, .image_left {
width: auto;
float: left;
margin: 0px 25px 15px 0px;
}
.images_right, .image_right {
width: auto;
float: right;
margin: 0px 0px 15px 25px;
}


.page_wrapper {
width:95%;
height: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
}
.body_wrapper {
margin: 0 auto !important;
float: none !important;
}
.box_fixed {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
z-index: 1001 !important;
width: 100% !important;
max-width:1920px;
float: none !important;
}

#menu_top {
padding: 60px 0px 60px 0px;
}
.menutop_option {
float:left;
width:20%; 
margin:0; padding:0;
}
.menutop_txt {
padding:10px;
margin-right:2%;
background: linear-gradient(to right, #06633e, #088657,#088657, #088657, #088657, #06633e);
border:6px solid #e8c754;
color:#fff;
text-align:center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-size:20px; line-height:34px;
}
.menutop_txt .last { margin-right:0; }
.menutop_txt a { 
display: inline-block;
width:100%; height:100%; 
color:#fff;
transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
}
.menutop_txt a:hover { 
text-decoration:none;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}


/* content
-----------------------------------------------------------------------------*/
#content {
width:100%;
padding: 20px 0px 20px 0px;
}
.content_title {
margin: 30px 0 30px 0 ;
text-align:center;
}
.content_title h1 {
font-size: 60px;
line-height: 70px;
color: #077d50;
padding: 0px;
margin: 0px;
text-align:center;
}  


 

.content_txt, .content_txt_mat {
padding:40px 5%  40px 5%;
margin:5px;
color:#fff;
}
.content_txt   {
background: linear-gradient(to right, #06633e, #088657,#088657, #088657, #088657, #06633e);
border:6px solid #e8c754;
}

.contact_loc {
font-size: 22px;
line-height: 30px; font-weight:bold;
color:#e8c754;
}


.grid_2 {  width: 50%; }
.grid_3 { width: 33.33%; }
.grid_4 { width: 25%; }
.grid_5 { width: 20%; }
.grid_6 { width: 16.66%; }

.grid_2, .grid_3, .grid_4, .grid_5, .grid_6  {
float: left;
display: block; 
margin:0; padding:0;  
}


.cat_option {
width:33.33%; 
margin:0 auto; 
padding:0;
}

.mat_option {
float:left;
width:33.33%; 
margin:0; padding:0;
}
.mat_txt {
padding:10px;
margin-right:2%; margin-bottom:2%;
background: linear-gradient(to right, #06633e, #088657,#088657, #088657, #088657, #06633e);
border:6px solid #e8c754;
color:#fff;
text-align:center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-size:26px; line-height:40px;
}
.mat_txt .last { margin-right:0; }
.mat_txt a { 
display: inline-block;
width:100%; height:100%; 
color:#fff;
transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
}
.mat_txt a:hover { 
text-decoration:none;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.mat_option_last {
width:33.33%; 
margin-left:auto; margin-right:auto;
padding:0;
}



/* Form .....................*/
#form_box_contact input[type=text], #form_box_contact input[type=email], #form_box_contact select, #form_box_contact textarea {
background:#fff;
border: 0px;
color: #000;
}
#form_box_contact textarea {
height: 150px; resize:none;
}



#form_box_contact ::-webkit-input-placeholder {
color: #000 !important;
font-weight: normal;
text-overflow: ellipsis;
 
}
#form_box_contact ::-moz-placeholder {
color: #000 !important;
font-weight: normal;
text-overflow: ellipsis;
 
}
#form_box_contact :-moz-placeholder {
color: #000 !important;
font-weight: normal;
text-overflow: ellipsis;
 
}
#form_box_contact :-ms-input-placeholder {
color: #000 !important;
font-weight: normal;
text-overflow: ellipsis;
 
}


 
 
.form label {
	float: left;
	padding: 0px 2px 0px 0px;
	margin: 0;
	color: #000;
}
.form label.edit {
	width: 50%;
}
.form label.edit_full {
	width: 100%;
}
.form label.edit_half {
	width: 25%;
} 
 

.form input[type=text], .form input[type=email], .form input[type=number], .form input[type=date], .form select { 
width:300px;
}	
.form textarea { width:950px; text-align:left; }

#frm_n, #frm_p, #frm_e {
float:left;
width:300px;
} 
#frm_n, #frm_e  {margin-right:25px; }
#frm_p { margin-right:0px;}

/* form_side
-----------------------------------------------------------------------------*/
#div_form_contact {
width:950px;
text-align:center; 
margin-left:auto; margin-right:auto;
}
	
	
	

.form label {
float: left;
padding: 0px 2px 0px 0px;
margin: 0;
color: #000;
}


.form input[type=text], .form input[type=email], .form input[type=number], .form input[type=date], .form select, .form textarea {
width: 100%;
color: #000;
padding: 10px;
border-radius: 2px;
margin: 0px 0px 10px 0px;
background: #fff;
border: 1px solid #bfbfbf;
}
.form textarea { resize:none; }
.form select {
padding: 10px;
}
.form textarea {
height: 150px;
}

.required {
color: #f00;
}






#div_gallery ul  { 
display: table;
margin:0;padding:0;
list-style: none;
list-style-image: none;
}
#div_gallery ul li { 
width:500px; height:333px;
overflow: hidden; 
margin-bottom: 40px; text-align:center;
}
#div_gallery ul li:nth-child(2n+1)   { 	float: left;  margin-left:20px;   }
#div_gallery ul li:nth-child(2n+0)   { 	float: right; margin-right:20px;  }
#div_gallery ul li a {
display: block;
overflow: hidden;
z-index: 1;
margin-left: auto;	margin-right: auto;
width:500px; height:400px; 
}
#div_gallery ul li a img {
width:500px; 
}



}
/* DESKTOP - END
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
*/  





/* Footer
----------------------------------------------------------------------------*/
#footer {
position: relative;
padding: 60px 0px 60px 0px;
font-size: 18px;
line-height: 28px;
text-align:center;
color:#087d51;
}
#footer span { font-weight:bold; }
#footer a { color:#087d51}

 
 

/* scroll
-----------------------------------------------------------------------------*/
#scroll_top {
display: none;
position: fixed;
bottom: 15px;
right: 15px;
width: 43px;
height: 43px;
background:  url(images/scroll_btn.png) center no-repeat;
text-decoration: none;
cursor: pointer;
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
z-index: 1000;
}
#scroll_top:hover {
text-decoration: none;
}

.reviews { 
background: url(images/5stars.png) top left no-repeat; 
}
 
 
 
 
 
 


/* form_side
-----------------------------------------------------------------------------*/
#form_estimate_bottom {
width: 100%;
}

#form_estimate_bottom fieldset {
border: none;
padding: 0px;
margin: 0px;
}
#form_estimate_bottom input[type=text], #form_estimate_bottom input[type=email], #form_estimate_bottom select, #form_estimate_bottom textarea {
background: #fff;
}


 
#form_estimate_bottom #table_form td {
width: 100%;
display: block;
padding-right: 0%;
}

#form_estimate_bottom #table_form {
width: 100%;
}





/* forms styles
-----------------------------------------------------------------------------*/
input, textarea, select {
color: #000;
font-size: 18px;
line-height: 18px;
box-sizing: border-box;
}
label {
box-sizing: border-box;
}
input {
vertical-align: middle;
}



.form {
width: 100%;
}
.form input.submit,  input.button {

border-radius: 2px;

}
.form input.submit, input.button {  width: auto;  }

 

.form label {
float: left;
padding: 0px 2px 0px 0px;
margin: 0;
color: #000;
 
}


.form input[type=text], .form input[type=email], .form input[type=number], .form input[type=date], .form select, .form textarea {
width: 100%;
color: #000;
padding: 10px;
border-radius: 2px;
margin: 0px 0px 10px 0px;
background: #fff;
border: 1px solid #bfbfbf;
}
.form textarea { resize:none; }
.form select {
padding: 10px;
}
.form textarea {
height: 150px;
}

.required {
color: #f00;
}

/* scode_block
-----------------------------------------------------------------------------*/
#scode_block {
width: 100%;
text-align: center;
font-size:16px;
}
#scode_block table {
border: 0px;
border-spacing: 0px;
border-collapse: separate;
margin-left: auto;
margin-right: auto;
padding-top: 10px;

}
#scode_block table tr {
vertical-align: top;
}
#scode_block table td {
width: auto;
}
#scode_block table td {
padding: 0px 2px 0px 2px;
margin: 0px;
}
#scode_block #scode {
width: 105px;
height: 46px;
}
#scode_block input[type=text] {
margin: 0px;
}
#scode_block #img_code {
border-radius: 2px;
}


/* placeholder
-----------------------------------------------------------------------------*/
::-webkit-input-placeholder {
color: #231f20 !important;

text-overflow: ellipsis;
 
}
::-moz-placeholder {
color: #231f20 !important;

text-overflow: ellipsis;
 
}
:-moz-placeholder {
color: #231f20 !important;

text-overflow: ellipsis;
 
}
:-ms-input-placeholder {
color: #231f20 !important;

text-overflow: ellipsis;
 
}

/* standard styles
-----------------------------------------------------------------------------*/




/* columns
-----------------------------------------------------------------------------*/
.columns {
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

.columns[data-columns-count="2"] {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.columns[data-columns-count="3"] {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.columns[data-columns-count="4"] {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.columns[data-columns-count="5"] {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
}
.columns[data-columns-count="6"] {
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 6;
}

.res_list div {
display: inline-block;
padding-bottom: 10px;
vertical-align: top;
}


/* columns_list
-----------------------------------------------------------------------------*/
ul.columns_list {
width: 100%;
list-style: none;
list-style-image: none;
text-align: center;
padding: 0px;
margin: 0px;
}
ul.columns_list li {
width: auto;
max-width: 94%;
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 0px 1% 15px 1%;
vertical-align: top;
text-align: left;
}
ul.columns_list.align_center li {
text-align: center;
}
ul.columns_list > li {
}
ul.columns_list[data-columns-count="2"] > li {
width: 46%;
}
ul.columns_list[data-columns-count="3"] > li {
width: 29%;
}
ul.columns_list[data-columns-count="4"] > li {
width: 21%;
}
ul.columns_list[data-columns-count="5"] > li {
width: 16%;
}

ul.columns_list.valign_top li {
vertical-align: top;
}
ul.columns_list.valign_middle li {
vertical-align: middle;
}
ul.columns_list.valign_bottom li {
vertical-align: bottom;
}


#social_icons {
padding: 40px 0px 20px 0px;
text-align:center;
}
.social_img {
display: inline-block;
text-decoration: none;
font-weight: 100;
outline: none;
color: #fff; 
text-align: center;
padding: 6px;
transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
background: #06623d; border:2px  solid #e8c754;
}
.social_img:hover { color:#000; text-decoration: none;  background: #e8c754; border:2px  solid #e8c754; }