* {
box-sizing: border-box;
padding:0px;
margin:0px;
transition: all 0.2s ease-in 0s;
-moz-transition: all 0.2s ease-in 0s;
-webkit-transition: all 0.2s ease-in 0s;
}
  
body {
font-family: var(--static-font);
font-size:var(--static-font-size);
color:var(--static-text-color);
background-color:var(--color-white);
font-weight:var(--static-font-weight);
padding:0px;
margin:0px;

}
a {
position:relative;
display:inline-block;
text-decoration:none;
}
a:hover {
color:var(--hover-color);
}




.top-header {
position:relative;
display:block;
padding-top:5px;
padding-bottom:5px;
background:var(--header-top);
line-height:30px;
}
@media (max-width:1024px) { 
.top-header { display:none;}
}
.top-link a,.top-link a:visited,.top-link a:link {
font-size:16px;
font-weight:400;
font-family:var(--static-font2);
color:var(--color-gray);
margin-right:10px;
}
.top-link a i {
font-size:18px;
margin-right:8px;
color:var(--theme-color);
position:relative;
display:inline-block;	
}
.top-link a:hover, .top-link a:hover i {
color:var(--hover-color);	
}



.header {
position:relative;
display:block;
padding-top:10px;	
padding-bottom:10px;	
top: 0;
z-index: 8000; 
background:#ffffff;
border-bottom:1px solid #f1f1f1
}
.header.sticky {
position:sticky !important;	
}

.header .logo {
max-width:180px;
height:auto;
}
.header.sticky .logo {
max-width:100px;
height:auto;
}

.header.sticky .menu {
margin-top:15px;
}

.header.sticky .header-contact {
margin-top:-5px;
}

@media (max-width:480px) { 
.header .logo {
max-width:130px;
height:auto;
left:15px;
top:5px;
position:relative;
display:inline-block;
}
}
@media (max-width:375px) { 
.header .logo {
max-width:110px;
height:auto;
left:15px;
top:5px;
position:relative;
display:inline-block;
}
}
@media (min-width: 767px) and (max-width: 1024px) {

.header .logo {
max-width:130px;
height:auto;
left:15px;
top:5px;
position:relative;
display:inline-block;
}
}

.header .logo img {
display: inline !important;  
max-width: 100% !important;
max-height:100% !important;
height: auto;
width:auto;
background-size:cover;
position: relative !important;  
top: 0;  
left:0;
right:0;
bottom:0;
margin: auto;
}

/* header phone area */
.header-contact {
position:absolute;
display:inline-block;
height:auto;
box-sizing:border-box;
right:0px;
margin-top:15px;

}
.header-contact .item {
position:relative;
display:inline-block;
margin-left:10px;
margin-bottom:10px;
background:#efefef;
border-radius:4px;
background:#333333;
padding:8px 10px 5px 10px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);	
text-align:left;
}

.header-contact .item::before {
position:absolute;
display:inline-block;
left:7px;
top:10px;	
font-size:32px;
font-weight:600;
color:rgba(255,255,255,1);
transform:rotate(345deg);
content:"\f2a0";
font-family:var(--ico-font);
-webkit-animation: fadetofade 1.6s ease-out infinite;
animation: fadetofade 1.6s ease-out infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.header-contact .item > a,.header-contact .item p {
margin-left:38px;	
}
.header-contact .item > a {
font-family:var(--static-font2);
font-size:20px;
font-weight:600;
color:#ffffff;
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
letter-spacing:-1px;
}
.header-contact .item > p,.header-contact .item > p > a  {
font-family:var(--static-font);
font-size:16px;
color:#efefef;
font-weight:400;	
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
letter-spacing:0px;
}

@media (max-width:1024px) { 

.header-contact {
position:absolute;
display:inline-block;
height:auto;
box-sizing:border-box;
right:40px;
margin-top:10px;

}
.header-contact .item {
position:relative;
display:inline-block;
margin-left:0px;
margin-bottom:0px;
background:#efefef;
border-radius:4px;
background:#333333;
padding:8px 10px 5px 10px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);	
text-align:left;
}

.header-contact .item::before {
position:absolute;
display:inline-block;
left:7px;
top:10px;	
font-size:32px;
font-weight:600;
color:rgba(255,255,255,1);
transform:rotate(345deg);
content:"\f2a0";
font-family:var(--ico-font);
-webkit-animation: fadetofade 1.6s ease-out infinite;
animation: fadetofade 1.6s ease-out infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.header-contact .item > a,.header-contact .item p {
margin-left:38px;	
}
.header-contact .item > a {
font-family:var(--static-font2);
font-size:16px;
font-weight:600;
color:#ffffff;
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
letter-spacing:0px;
}
.header-contact .item > p,.header-contact .item > p > a  {
font-family:var(--static-font);
font-size:16px;
color:#efefef;
font-weight:400;	
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
letter-spacing:0px;
}

}

@media (max-width:375px) { 

.header-contact {
position:absolute;
display:inline-block;
height:auto;
box-sizing:border-box;
right:45px;
margin-top:10px;

}
.header-contact .item {
position:relative;
display:inline-block;
margin-left:0px;
margin-bottom:0px;
background:#efefef;
border-radius:4px;
background:#333333;
padding:8px 10px 5px 10px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);	
text-align:left;
}

.header-contact .item::before {
position:absolute;
display:inline-block;
left:7px;
top:10px;	
font-size:32px;
font-weight:600;
color:rgba(255,255,255,1);
transform:rotate(345deg);
content:"\f2a0";
font-family:var(--ico-font);
-webkit-animation: fadetofade 1.6s ease-out infinite;
animation: fadetofade 1.6s ease-out infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.header-contact .item > a,.header-contact .item p {
margin-left:38px;	
}
.header-contact .item > a {
font-family:var(--static-font2);
font-size:14px;
font-weight:600;
color:#ffffff;
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
letter-spacing:0px;
}
.header-contact .item > p,.header-contact .item > p > a  {
font-family:var(--static-font);
font-size:14px;
color:#efefef;
font-weight:400;	
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
letter-spacing:0px;
}

}







/*** FOOTER ***/
.footer {
position:relative;
display:block;
margin-top:30px;
padding-top:30px;
padding-bottom:30px;
background:var(--footer-background);


}

.footer-col {
position:relative;
display:block;
margin:0 auto;
width:100%;
height:auto;
}

.widget-title {
position:relative;
display:inline-block;
font-family:var(--static-font2);
font-size:20px;
font-weight:700;	
color:var(--footer-widget-title);
border-bottom:2px solid var(--footer-widget-title-border);
padding-bottom:5px;
margin-bottom:15px;
padding-right:30px;



}
.footer-links {list-style:none;	}
.footer-links li {
list-style:none;
position:relative;
display:block;
padding-top:2px;
padding-bottom:2px;
margin-bottom:10px;
}
.footer-links li a,.footer-links li a:visited,.footer-links li a:link {
font-size:var(--footer-link-size);
font-weight:500;
color:var(--footer-link-color);
margin-left:8px;
}
.footer-links li::before {
font-family:var(--ico-font);
position:absolute;
display:inline-block;
content:"\f054";	
left:-5px;
top:5px;
font-weight:600;
font-size:10px;
}

.footer-links li a:hover {
color:var(--footer-link-hover-color);
margin-left:10px;
}

.contact-links {list-style:none;	}
.contact-links li {
list-style:none;
position:relative;
display:block;
padding-top:2px;
padding-bottom:2px;
margin-bottom:20px;
font-size:var(--footer-contact-size);
font-weight:500;
color:var(--footer-link-color);
}
.contact-links li a,.contact-links li a:visited,.contact-links li a:link {
font-family:var(--footer-contact-font);
font-size:var(--footer-contact-link-size);
font-weight:var(--footer-contact-weight);
color:var(--footer-link-color);
margin-left:8px;
}
.contact-links li::before {
font-family:var(--ico-font);
position:absolute;
display:inline-block;
left:-20px;
top:0px;
font-weight:600;
font-size:20px;
}
@media (max-width:1024px) {
.contact-links li { padding-left:25px;}
.contact-links li::before {
left:0px;
}	
}

.contact-links li a:hover {
color:var(--footer-link-hover-color);
margin-left:10px;
}

.contact-links li.phone:before {
	content:"\f2a0";
	transform: rotate(340deg);
}
.contact-links li.email:before {
	content:"\f0e0";
}
.contact-links li.gsm:before {
	content:"\f3cd";
}
.contact-links li.map:before {
	content:"\f041";
}



.footer-bottom {
background:var(--footer-bottom-color);
font-size:13px;
font-weight:400;
color:var(--footer-bottom-text);
letter-spacing:0.5px;
font-family:var(--static-font2);
}
.footer-bottom a,.footer-bottom a:link,.footer-bottom a:visited {
color:var(--footer-bottom-text);
font-size:13px;
font-weight:400;
}
.footer-bottom a:after,.footer-bottom a:hover:after {
	position:relative;
	display:inline-block;
	margin-left:4px;
	margin-right:4px;
	content:"|";
	color:var(--footer-bottom-text);
}
.footer-bottom a:last-child:after {content:"";}
.footer-bottom a,.footer-bottom a:hover {color:var(--hover-color);}
.footer-bottom .first {text-align:left;}
.footer-bottom .last {text-align:right;}
@media (max-width:1024px) {
	.footer-bottom .first {text-align:center;padding-bottom:0px;}
.footer-bottom .last {text-align:center;margin-bottom:10px;}	
}
/* END OF FOOTER*/

/* page */

.mod-banner {
position:relative;
display:block;
background-image: url('../images/banner-back.png');
background-repeat: no-repeat;
background-size: cover; 
background-position: center;
height: 200px;
}
.mod-banner h3 {
font-family:var(--static-font2);
font-size:36px;
font-weight:700;
color:var(--theme-gray);
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
position:absolute;
top:45%;
padding-left:50px;
}
@media (max-width:480px) {
.mod-banner h3 { color:#ffffff;
top:25%;
}	
}

/* end of page */

/* content */
.content {
position:relative;
display:block;
width:100%;
height:auto;

}
.content p {
color:var(--text-color);
font-size:var(--text-size);
font-weight:var(--text-weight);
font-family:var(--static-font);
line-height:30px;
margin:revert;
}
.content h1.title {
position:relative;
display:inline-block;
margin-bottom:25px;
padding-bottom:5px;
} 

/* end of content */


/* contact page */
.contact-page {
position:relative;
display:block;
width:100%;

}
.contact-page .inforow .col {
padding:40px;	
}
.contact-page .social-links a i {
background:var(--contact-social-bg);
color:#333333;
}
.contact-info-col {
padding-left:40px;
padding-right:40px;
padding-top:20px;
padding-bottom:40px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);	
border-radius:4px;
min-height:450px;
}
.contact-maps-col {
position:relative;
display:block;
padding:10px;
min-height:450px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);	
border-radius:4px;
}
.contact-maps-col iframe {
width:100%;
min-height:400px;	
}

.contact-page .contact-title {
background:var(--theme-color);
color:#444444;
font-size:15px;
font-weight:600;
margin-bottom:20px;
padding:10px;
position:relative;
display: inline-block;
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);	
border-radius:4px; 
}
@media (max-width:1024px) { 
.contact-page .inforow .col
{
padding:10px;	
margin-bottom:20px;
}
.contact-info-col {
padding:20px;
min-height:auto;
}
.contact-maps-col {
position:relative;
display:block;
padding:10px;
height:auto;
min-height:auto;
}

.contact-maps-col iframe {
min-height:auto;	
}

}

.contact-info-links {list-style:none;	}
.contact-info-links li {
list-style:none;
position:relative;
display:block;
padding-top:2px;
padding-bottom:2px;
margin-bottom:20px;
font-size:var(--contact-link-font-size);
font-weight:500;
color:var(--contact-link-color);
line-height:26px;
}
.contact-info-links li a,.contact-info-links li a:visited,.contact-info-links li a:link {
font-family:var(--contact-link-font);
font-size:var(--contact-link-size);
font-weight:var(--contact-link-weight);
color:var(--contact-link-color);
margin-left:8px;
}

.contact-info-links li a:hover {
color:var(--contact-link-hover);
margin-left:10px;
}

.contact-info-links li::before {
font-family:var(--ico-font);
position:absolute;
display:inline-block;
left:-25px;
top:0px;
font-weight:600;
font-size:20px;
}
.contact-info-links li.title {
font-family:var(--contact-info-title-font);
font-size:var(--contact-info-title-size);
font-weight:var(--contact-info-title-weight);
color:var(--contact-info-title-color);
background:var(--contact-info-title-background);
}
@media (max-width:1024px) { .contact-info-links li { padding-left:25px;} .contact-info-links li::before { left:0px; }	 }
.contact-info-links li.phone:before { 	content:"\f2a0"; 	transform: rotate(340deg); } .contact-info-links li.email:before { 	content:"\f0e0"; } .contact-info-links li.gsm:before { 	content:"\f3cd"; } .contact-info-links li.map:before { 	content:"\f041"; }
/* end of  contact page*/

.block-title {
position:relative;
display:inline-block;
margin-bottom:30px;
color:var(--block-title-color);
font-family:var(--block-title-font);
font-size:var(--block-title-size);
font-weight:var(--block-title-weight);
}

.block-title::before {
position:absolute;
content:"";
width:20%;
left:0px;
height:2px;
bottom:-5px;
background:var(--block-title-line-color);
}
.block-title::after {
position:absolute;
content:"";
width:80%;
left:20%;
height:2px;
bottom:-5px;
background:var(--block-title-line-color2);	
}

.title-border::before {
position:absolute;
content:"";
width:20%;
left:0px;
height:2px;
bottom:-5px;
background:var(--title-line-color);
}
.title-border::after {
position:absolute;
content:"";
width:80%;
left:20%;
height:2px;
bottom:-5px;
background:var(--title-line-color2);	
}
/*********************  card **********************/
.card {
box-sizing: border-box;
position:relative;
display:inline-block;
width:100%;
height:auto;
margin-bottom:30px;
}
.card-item {
position:relative;
display:block;
width:100%;
height:auto;	
border-radius:4px;
border:0px solid #dedede;
text-align:center;
}
.card .card-img {
  position:relative;
  display:inline-block;
  width: auto;
  height: 250px;
  padding:10px;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  min-height:320px;background:#ffffff;align-content:center;
}
.card .card-img a,.card .card-img a:link,.card .card-img a:visited {display:inline;	}
.card-content {
padding:10px;
background:var(--card-content-background);
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
text-align:center;
}
.card-content a.title {
position:relative;
display:block;
margin-top:8px;
margin-bottom:8px;
text-align:center;	
color:var(--card-a-color);
font-family:var(--card-a-font);
font-size:var(--card-a-size);
font-weight:var(--card-a-weight);
text-shadow::var(--card-a-shadow);
}
.card-content a.title:hover {
color:var(--card-a-hover-color);
cursor:pointer;
}
.card-btn {
position:relative;
display:inline-block;
margin-top:15px;
margin-bottom:15px;
text-align:center;	
color:var(--card-btn-color);
font-family:var(--card-btn-font);
font-size:var(--card-btn-size);
font-weight:var(--card-btn-weight);
text-shadow:var(--card-btn-shadow);
background:var(--card-btn-background);
border-radius:4px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}
.card-btn i {
transform:rotate(-45deg);
position:relative;
display:inline-block;
margin-left:6px;
color:var(--card-btn-color);
font-size:var(--card-btn-i-size);
font-weight:var(--card-btn-weight);
}
.card-btn:hover {
color:var(--card-btn-hover-color);
cursor:pointer;
background:var(--card-btn-hover-background);
box-shadow:var(--card-btn-shadow);
}
.card-btn:hover i {
transform:rotate(0deg);
color:var(--card-btn-hover-color);
cursor:pointer;
}
/* end of card */

/****************** product listing ***************/
.product .col-pad {padding-right:25px;}
.product .card {box-shadow: 1px -1px 15px rgba(25, 25, 25, 0.08);}
.product .card:hover {box-shadow: 1px -1px 15px rgba(25, 25, 25, 0.2);}
.product .card .card-content {background:#e3e3e3;}
.product .card-content a.title {font-size:16px;font-weight:600;color:#333333;}
.product .card-content a.title:hover {color:#ffffff;}
.product .card-content .card-btn {font-size:15px;font-weight:600;}
.product .card-content .card-btn i {font-weight:600;}
/************** end of product listing **********/

/* product view */
.product-view {
position:relative;
display:block;
width:100%;
height:auto;
}
.product-view p {
color:var(--text-color);
font-size:var(--text-size);
font-weight:var(--text-weight);
font-family:var(--static-font);
line-height:30px;
}
.product-view h1.title {
position:relative;
display:inline-block;
margin-bottom:25px;
padding-bottom:5px;
} 

.product-image-container {
position:relative;
display:block;
width:100%;
height:auto;
padding:20px;
border:1px solid #f4f4f4;	
border-radius:4px;
}
.product-thumb-container {
position:relative;
display:block;
width:100%;
height:auto;
margin-top:10px;
}
.product-thumb-container .item {
	position:relative;
	display:inline-block;
	margin-right:5px;
	margin-bottom:20px;
	border:1px solid #f4f4f4;	
	max-width:80px;
	height:auto;
	border-radius:3px;
	padding:5px;
}
.product-thumb-container .item:hover { 
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);	
cursor:pointer;
}
.product-thumb-container .item img {
max-width:100%;	
}
/* end of product view */

.cat-list {padding-top:30px;padding-bottom:30px;background:#ededed;position:relative;display:block;}
@media (max-width:1024px) {.cat-list{padding-left:20px;}}
.cat-list .col-pad {padding-right:25px;}
.cat-list .card {box-shadow: 1px -1px 15px rgba(25, 25, 25, 0.0);}
.cat-list .card:hover {box-shadow: 1px -1px 15px rgba(25, 25, 25, 0.2);}
.cat-list .card .card-content {background:#222222;}
.cat-list .card-content a.title {font-size:16px;font-weight:600;color:#f4f4f4;}
.cat-list .card-content a.title:hover {color:var(--theme-color);}
.cat-list .card-content .card-btn {font-size:15px;font-weight:600;}
.cat-list .card-content .card-btn i {font-weight:600;}
.cat-list .card .card-img {border-top-left-radius:4px;border-top-right-radius:4px;	height:auto;padding:0px; min-height:auto;}

.blog {padding-top:30px;padding-bottom:30px;}
@media (max-width:1024px) {.blog{padding-left:20px;}}
.blog .col-pad {padding-right:25px;}
.blog.card {box-shadow: 1px -1px 15px rgba(25, 25, 25, 0.);}
.blog .card:hover {box-shadow: 1px -1px 15px rgba(25, 25, 25, 0.2);}
.blog .card .card-content {background:#f4f4f4;}
.blog .card-content a.title {font-size:16px;font-weight:600;color:#333333;}
.blog .card-content a.title:hover {color:var(--theme-color);}
.blog .card-content .card-btn {font-size:15px;font-weight:600;}
.blog .card-content .card-btn i {font-weight:600;}
.blog .card .card-img {border-top-left-radius:4px;border-top-right-radius:4px;height:auto;padding:0px;min-height:auto !important;}

.product-list {padding-top:30px;padding-bottom:30px;background:#f8f8f8;}
@media (max-width:1024px) {.product-list{padding-left:20px;}}
.product-list .col-pad {padding-right:25px;}
.product-list .card {box-shadow: 1px -1px 15px rgba(25, 25, 25, 0.08);}
.product-list .card:hover {box-shadow: 1px -1px 15px rgba(25, 25, 25, 0.2);}
.product-list .card .card-content {background:#e3e3e3;}
.product-list .card-content a.title {font-size:16px;font-weight:600;color:#333333;}
.product-list .card-content a.title:hover {color:#ffffff;}
.product-list .card-content .card-btn {font-size:15px;font-weight:600;}
.product-list .card-content .card-btn i {font-weight:600;}
.product-list .card .card-img {border-top-left-radius:4px;border-top-right-radius:4px;height:auto;padding:0px;min-height:320px;background:#ffffff;align-content:center;}









.home-slider {
position:relative;
display:block;
width:100%;
height:auto;	
}

.home-slider .slide-item {
position:relative;
display:inline-block;
width:100%;
height:auto;

}
.home-slider .slide-item img {
width:100%;
height:auto;	
}

.home-slider .slick-prev, .home-slider .slick-next {
  position:absolute;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
  padding-bottom:10px;
  z-index: 10;
  background:rgba(0,0,0,0.2);
  color:#ffffff;
  border:0px;
  font-size:26px;
  top:50%;
  border-radius:3px;
}
.home-slider .slick-prev {
left:30px;	
}
.home-slider .slick-next {
right:30px;	
}

.home-slider .slick-prev:hover, .home-slider .slick-next:hover {
  background-color: rgba(0,0,0,0.8);
  cursor:pointer;
}
.table-content {
width:100%;
overflow-x:auto;	
}
table {
width:100%;
max-width:100%;
height:auto;
border:0px;	
}
table tr td {
padding:10px;
font-size:14px;
}

table tr:nth-child(odd) {
  background-color: #f4f4f4; 
}

table tr:nth-child(even) {
  background-color: #ffffff; 
}


.home-info {
position:relative;
display:block;
width:100%;
height:auto;	
text-align:center;
padding-top:30px;
padding-bottom:30px;

}
.home-info .content {
width:100%;
padding:30px;	
min-height:200px;
}
.home-info .item-ico {
position:relative;
display:block;
text-align:center;
margin-bottom:10px;
}
.home-info h4 {
position:relative;
display:inline-block;
font-weight:600;
font-size:20px;
color:#333333;	
margin-bottom:20px;
}
.home-info p {
font-weight:400;
font-size:16px;
color:#666666;	

}

.home-contact {
position:relative;
display:block;
width:100%;
height:auto;	
text-align:center;
padding-top:40px;
padding-bottom:40px;
background: #fa5b11;
background: radial-gradient(circle, rgba(250, 91, 17, 1) 0%, rgba(242, 110, 48, 1) 50%, rgba(232, 93, 28, 1) 100%);
background-image: url('../images/back1.png');
background-repeat: no-repeat;
background-size: cover; 
background-position: right;
}



.home-contact h3 {
position:relative;
display:block;
font-size:16px;
font-weight:500;
color:#a3a3a3;
letter-spacing:10px;
margin-bottom:6px;
}
.home-contact h4 {
position:relative;
display:block;
font-size:36px;
font-weight:900;
color:#000000;
letter-spacing:2px;
margin-bottom:15px;
}
.home-contact p {
display:block;
font-size:16px;
font-weight:400;
color:#cf8436;
margin-bottom:5px;
letter-spacing:-0.5px;
}
.home-contact a,.home-contact a:link,.home-contact a:visited {
	color:#333333;
	font-weight:600;
	font-size:16px;
} 
.home-contact a:hover {
color:#e89048;
}

@media (max-width:767px) {
	.home-contact h3 {
		color:#ffffff !important;
		text-shadow:1px 1px 1px rgb(98, 98, 98, 0.8);
	}
	.home-contact h4 {
		        color: #e16c0c !important;
        text-shadow: 1px 1px 1px #0c0c0c;
	}
	.home-contact a,.home-contact a:link,.home-contact a:visited {
	color:#ffffff;
	text-shadow:2px 1px 1px rgb(98, 98, 98, 0.8);
	padding-left:5px;
	padding-right:5px;
	font-size:19px;
	}
	.home-contact p {
	color:#cf8436;
	font-size:19px;
	}
	
}