@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300i,400&display=swap&subset=cyrillic,greek');
body{font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;}
#header {background: #FF7F33;
height: 55px;}
#header a i {color: #3E8051;}
#header a:hover{text-decoration: none;}
.text-green-icon{font-size: 40px;}
.navlink-padding{margin: 0px 20px;}
.navlink-padding a{font-size: 20px;}
.btn-icon{border: 2px solid #000;
padding: 10px;
font-size: 25px;}
.caption-border{background:rgba(0, 0, 0, 0.5);max-width: 450px;height: 200px;padding: 10px 12px;left: 140px;border-left: 3px solid #D0E53CE3;}
.caption-border p{font-size: 17px;letter-spacing: 0.5px;font-weight: 400;}
.caption-border h3{font-size: 1.6rem;}
.product-section{margin-top: 35px;}
.product-section h1{letter-spacing: 1px;}
.product-section h1::before{content: "";height: 2px;background: #FF7F33;display: inline-block;
width: 50px;position: relative;top: -12px;right: 12px;}
.product-section h1::after{content: "";height: 2px;background: #FF7F33;display: inline-block;
width: 50px;position: relative;top: -12px;right: -12px;}
/*
.text-details{background:#000;padding: 5px 12px;position: relative;
}
*/
.text-details h3{color:#fff;font-size: 23px;margin: 5px 15px;}

.product-cat {
  position: relative;
  width: 100%;
    overflow: hidden
}

.card {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  overflow: hidden;
  width: 100%;
  height: 40px;
  transition: .5s ease;
}

.product-cat:hover .overlay {
  height: 230px;
  background-color: #CB3C10DB;
}

.text {
  color: white;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-90%, -50%);
  -ms-transform: translate(-90%, -50%);
  transform: translate(-50%, -50%);
    text-align: left;
    width: 100%;
}
.text p{
  display: none;
    transition: all .5s;
}

.product-cat:hover .text p{
  display: block;
    padding: 0px 15px;
    }

.product-cat:hover .text{
 top: 50%;
    }
.about-section{position: relative;margin-top: 60px;}
.about-section .about-bg-img{position: relative;min-height: 250px;background: url(../images/bg-about.jpg) repeat;background-attachment: fixed;}
.img-main{position: absolute;
float: left;
left: 0px;
top: 0px;
width: 50%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;}
.about-section .img-main .image-box {
    position: relative;
    display: none;
}

.about-section .about-contant{position: relative;
float: right;
width: 50%;}

.about-section .about-contant .about-inner {
    position: relative;
    max-width: 650px;
    padding: 85px 15px 50px 60px;
}

.about-section .about-contant .about-inner .about-text{
     margin-bottom: 30px;
}
.about-text{position: relative;margin-bottom: 60px;}

.about-text .title {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 7px;
    font-family: 'Arimo', sans-serif;
}

.about-text h2::after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 60px;
    height: 3px;
    background-color: 
    #c5c5c5;
}
.about-text h2 {
    position: relative;
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.4em;
    padding-bottom: 20px;
}
.theme_color {
    color: 
    #28a745
}

.about-section .about-contant .about-inner .text-pre {
    position: relative;
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 1.9em;
     color: #ffffff;
}

.footer-contact::before {
    content: "";
    background-color: rgba(0, 16, 31, 0.82);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.section-padding {
    padding: 100px 0;
}
.footer-contact {
    position: relative;
}

.container::after, .container::before {
    display: table;
    content: " ";
}
.contact-footer-contact-box {
    padding: 38px 45px;
    border: 2px solid 
    #FF7F33;
}

@media screen and (min-width: 992px) {
.footer-contact .footer-title, .footer-contact .footer-title-white, .footer-contact .footer-title-s2, .footer-contact .footer-title-s5, .footer-contact .footer-title-s6, .footer-contact .footer-title-s7 {margin-bottom: 30px;}
}

.footer-title h2::before, .footer-title-white h2::before, .footer-title-s2 h2::before, .footer-title-s5 h2::before, .footer-title-s6 h2::before, .footer-title-s7 h2::before {
    content: "";
    background-color: 
    #FF7F33;
    width: 33px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

/*
.footer-title h2, .footer-title-white h2, .footer-title-s2 h2, .footer-title-s5 h2, .footer-title-s6 h2, .footer-title-s7 h2 {
    font-size: 30px;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: -1px;
}
*/
.footer-title-white h2 {
    color: 
    #fff;
}
.footer-contact p {
    color: 
    #aaa;
    line-height: 1.56em;
}

.contact-footer-contact-box .details ul {
    list-style-type: none;
    color: 
    #fff;
}

.details ul, li {
    padding: 0px;
margin: 0px;}

.contact-footer-contact-box .details ul li {
    position: relative;
    padding-left: 25px;
}

.contact-footer-contact-box .details ul i {
    color: 
    #FF7F33;
    position: absolute;
    left: 0;
    top: 3px;
}

.contact-footer-contact-box .details ul > li + li {
    margin-top: 20px;
}

.social h2 {
    color: 
    #FF7F33;
    font-size: 18px;
    margin-top: 32px;
}
.social a {
    font-size: 30px;
    text-decoration: none;
    color: 
    #fff;
    margin-right: 8px;
}

.contact-form-s1 form {
    overflow: hidden;
    margin: 0 -12px;
}
.contact-form-s1 form div > div {
    width: 50%;
    float: left;
    padding: 0 12px;
    margin-top: 12px;
}

.contact-form-s1 label {
    font-size: 12px;
    font-size: 0.8rem;
    font-weight: normal;
    display: block;
    color: 
    #FF7F33;
    text-transform: uppercase;
}

.query-form input, .query-form textarea, .query-form select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: 
#555;
background-color:
#fff;
background-image: none;
border: 1px solid
#ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px
    rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.contact-form-s1 form .submit-btn-wrap {
    width: 100%;
    float: none;
    clear: both;
    padding-top: 12px;
}
.query-form textarea {
    height: 68px;
}
.contact-form-s1 .query-submit {
    background-color: 
#FF7F33;
color:
    #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.footer-title h2, .footer-title-white h2, .footer-title-s2 h2, .footer-title-s5 h2, .footer-title-s6 h2, .footer-title-s7 h2 {
    font-size: 30px;
    font-size: 2rem;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 0.5em;
    position: relative;
    letter-spacing: -1px;
}
.copyright-info {
    background-color: 
#FF7F33;
padding: 15px 0;
color:
    #fff;
}
/*
.copyright-info p{
    background-color: 
#FF7F33;
padding: 15px 0;
color:
    #000;
}*/
@media(min-width:576px) and (max-width:767px){
    .product-cat:hover .overlay {
    height: 160px;
    background-color: #CB3C10DB;
}
}
@media(max-width:991px){
    #header{background: #D21010;} 
    #header a i {
    color: #212529;
}
    .text-details h3 {font-size: 20px;}
    .text p{font-size: 12px;}    
}
@media(max-width:575px){
    #header{height: 125px} 
    .text-sm-center{text-align: center;}
    .card {
    display: block;
    /*width: 380px;*/
    height: auto;
    margin: 0px auto;
}
    .product-cat:hover .overlay {
    height: 250px;
    background-color: #CB3C10DB;
    width: 380px;
    margin: 0px auto;
}
    .overlay {
    width: 380px;
    margin: 0px auto;
}

}
@media(max-width:767px){
    .about-section .img-main, .about-section .about-contant, .fluid-section-two .content-column, .fluid-section-three .content-column, .fluid-section-three .image-column, .fluid-section-three .outer-container .image-column {

    position: relative;
    width: 100%;
    display: block;

}
    .about-section .about-contant .about-inner, .fluid-section-two .content-column .inner-box, .fluid-section-three .content-column .content-box {

    max-width: 100%;
    padding-left: 15px;

}
    .about-section .img-main{

    background-image: none !important;

}
.about-section .img-main .image-box {
    display: block;
    }
    .product-section h1 {
    font-size: 22px;

}
    .product-section h1::before {

    top: -7px; 

}
    .product-section h1::after {

    top: -7px;  

}
    .about-control-section {
    padding: 50px 0px !important;
}  
    .about-control-section p{
  font-size: 16px !important;
}
}
.breadcrumb-img{background-image: url(../images/aboutus-banner.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;padding: 140px 0px;}
.breadcrumb-img-contact{background-image: url(../images/contact-banner.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;padding: 140px 0px;}

.breadcrumb-section{position: relative;
top: 140px;background: #efecec;
height: 60px;}
#breadcrumb ul, li a{list-style: none;margin: 0px 10px;color: #000;padding: 0px;font-size: 18px;}
#breadcrumb ul, li, a:hover{color: #D21010;text-decoration: none;}
.breadcrumb-center{margin-top: 20px;}
#breadcrumb-heading h3{text-align: right;padding-top: 10px;margin-left: 10px;}

.about-section-top{margin-top: 80px;}
.aboutus-section-one h3{font-size: 28px; position: relative;margin-bottom: 35px;}
.about-section-top p{font-size: 18px;letter-spacing: 0.3px;font-weight: 400;}
.aboutus-section-one h3::before{content: '';height: 2px;background: #D21010;width: 100px;position: absolute;top: 40px;}

.about-control-section {
    background: url(../images/quality-control.jpg);
    padding: 150px 200px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 50px;
}

.about-control-section p{
    font-size: 20px;    
}

.about-area-three {
    background-image: url(../images/about-bg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 70px 0 70px;
    position: relative;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu {
	width: 100%;
	color: #ffffff;
	margin-top: 15px;
}
#cssmenu ul ul {
	display: none;
}
.align-right {
	float: right;
}
#cssmenu > ul > li > a {
	padding: 12px 20px;
	border-left: 1px solid #0c1e2e;
	border-right: 1px solid #0c1e2e;
	border-top: 1px solid #fff;
	cursor: pointer;
	z-index: 2;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
	background: #0076ad;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
	}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {
	color: #eeeeee;
	background: #0c1e2e;
}
#cssmenu > ul > li.open > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid #eee;
}
#cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a {
	border-bottom: 1px solid #0c1e2e;
}
.holder {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.holder::after, .holder::before {
	display: block;
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	right: 20px;
	z-index: 10;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.holder::after {
	top: 17px;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after, #cssmenu > ul > li.active > a > span::after, #cssmenu > ul > li.open > a > span::after {
	border-color: #eeeeee;
}
.holder::before {
	top: 18px;
	border-top: 2px solid;
	border-left: 2px solid;
	border-top-color: inherit;
	border-left-color: inherit;
}
#cssmenu ul ul li a {
	cursor: pointer;
	border-bottom: 1px solid #32373e;
	border-left: 1px solid #32373e;
	border-right: 1px solid #32373e;
	padding: 10px 20px;
	z-index: 1;
	text-decoration: none;
	font-size: 15px;
	color: #eeeeee;
	background: #49505a;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a {

	background: #424852;
	color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
	box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
	padding-left: 40px;
}
#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {
	border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a {
	border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
	border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
	display: block;
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	right: 20px;
	z-index: 10;
	top: 11.5px;
	border-top: 2px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after {
	border-color: #ffffff;
}

.lines h2 {
	text-align: left;
	line-height: 30px;
	font-size: 24px;
}
.lines h2 span {
	/*! border-bottom: solid 2px #ff9800; */
	display: inline-block;
}
.lft-enquiry {margin-bottom:20px; margin-top: 50px; z-index:9;}
.lft-enquiry > .inner {border: 1px solid #D21010;padding:0 10px 10px;box-shadow:0 0 5px rgba(0, 0, 0, 0.5);background:#fff;}
.lft-enquiry > .inner h3 { margin:0 -10px 10px; background:#be2a11; color:#fff; padding: 5px 10px; font-weight:100; font-size:21px; }
.lft-enquiry > .inner .form-control { border-radius:0; margin:0 0 10px }
.lft-enquiry > .inner .btn { background:#be2a11; color:#fff; }
.lft-enquiry.scroll-to-fixed-fixed {
    margin-top: 0px;
}
.lft-enquiry > .inner h3 {
    background: #c20000;
}
.lft-enquiry > .inner h3 {
    margin: 0 -10px 10px;
    background: #D21010;
    color: #fff;
    padding: 5px 10px;
    font-weight: 100;
    font-size: 21px;
}
.lft-enquiry > .inner .form-control {
    border-radius: 0;
    margin: 0 0 10px;
}
.lft-enquiry > .inner .btn {
    background: #0c1e2e;
}
.lft-enquiry > .inner .form-control {
    border-radius: 0;
    margin: 0 0 10px;
}
.product-box .pro-lft { }
.product-box .pro-lft a.btn { background: #d00202; color: #fff; display: block; font-size: 17px; margin:0 auto 20px; width:160px; background: #d4d4d4; border: 1px solid #fff; border-radius: 5px; box-shadow: 2px 2px 1px #c0c0c0; color: #2f2f2f; padding: 10px 20px 10px 34px; text-shadow: 1px 1px #e8e8e8; position:relative; }
.fa-envelope-o::before {
    content: "\f003";
   background: #c20000 none repeat scroll 0 0;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    line-height: 46px;
    position: absolute;
	left:-20px;
    top: 0;    
    font-size: 28px;
	color:#fff;
}
.product-box .pro-lft img { width:100%; padding:3px; border:1px solid #ccc; margin-bottom:20px; }

.product-box .pro-rgt h5 { padding: 0px 0px 5px 0px; font-weight:100; color:#0c1e2e; font-size:21px; margin: 0 0 15px; border-bottom: 1px dotted #9f9f9f; }
.product-box .pro-rgt ul { }
.product-box .pro-rgt ul li { list-style:none; font-size:17px; padding:0 0 0 20px; position:relative; }
.product-box .pro-rgt ul li:before { content: "\f105"; left: 5px; top:0px; position: absolute; font-family: 'FontAwesome'; font-size:0.8em; color:#c20000; }

.product-box .pro-rgt table { width:100%; font-size:15px; border:1px solid #ccc; margin-bottom:10px; }
.product-box .pro-rgt table td { padding:5px 10px; border:1px solid #ccc; }
.product-box .pro-rgt table td b,
.product-box .pro-rgt table td strong { font-weight:400; }
.product-box .pro-rgt a.btn { background: #D21010; color: #fff; display: block; font-size: 17px; margin-bottom: 20px; width: 200px; }
.about-area-three { background-image:url(../images/about-bg.jpg); background-position:bottom; background-repeat:no-repeat;padding: 70px 0 70px; position:relative;}
.about-three-col {margin-bottom: 50px;}
.about-three-col h3 {font-size: 24px;position: relative;margin-bottom: 20px;}
.about-area-three h2 {font-size: 24px;position: relative;margin-bottom: 20px;border-bottom: 1px dashed #ccc;padding-bottom: 15px;}
.about-area-three h2 span{ color:#d00202;}
.about-three-col h3:before {content: "";position: absolute;left: 0;bottom: -10px;width: 50px;height: 2px;background: #d00202;}
.about-three-col img{width: 100%;max-width: 100%;height: auto;}
.about-three-col p {line-height: 25px;text-align: justify;}

.list-style-three {
    position: relative;
    list-style: none;
padding: 0px;
margin: 0px;
}

.list-style-three li {
    position: relative;
    color: #666666;
    font-size: 14px;
    padding-left: 70px;
    font-weight: 400;
    margin-bottom: 30px;
}
.list-style-three li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 42px;
    height: 42px;
    color: #d00202;
    font-size: 20px;
    line-height: 40px;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #d00202;
}
.list-style-three li strong {
    position: relative;
    color: #333333;
    font-size: 17px;
    font-weight: 700;
    display: block;
}
.list-style-three li a {
    margin: 0px;
}

.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu {
    background: #f5f5f5;
}

/*
.btco-hover-menu .collapse ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    display: none;
}
*/
.dropdown-menu {
    padding: 0px 0;
    margin: 0 0 0;
    border: 0px solid transition !important;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
@media only screen and (min-width: 991px) {
    .btco-hover-menu .collapse ul li{position:relative;}
    .btco-hover-menu .collapse ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul ul li:hover ul{display:block}
    .btco-hover-menu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
}