body{/*font-family: 'Lato', sans-serif;*/ font-family:Arial, Helvetica, sans-serif !important;}
.padding-l-0{ padding-left:0 !important}

.padding-l-30{ padding-left:30px !important;}
.padding-r-30{ padding-right:30px !important;}
.responsiveImg{width:100%;}
.logo{width:100%; max-width:370px;}
.logo-div{padding:0 !important;}
.navigate .navbar li{display:inline-block;}
.navigate .navbar li a{ 
display: block;
font-size: 17px !important;
padding: 3px 15px;
color: #1D1D1D;
font-weight: bold;}
.form-control{ background-color:transparent !important; color:#fff !important; border: 1px solid rgba(255, 255, 255, 0.48) !important;  margin-bottom: 20px !important;font-family: Arial, Helvetica, sans-serif !important;}
.paddtop1-foot{ padding-top:30px;}
.top-nav-collapse{padding:5px 0 0 !important;}
.welcome-head-font-size{ font-size:32px !important;}
.navigate .navbar{margin-top:8px;}
.navigate .navbar li a:hover{background-color:transparent !important; color: #000;;}
.position-r{ position:relative;}
.downloads-p{ background-color:rgba(0, 0, 0, 0.2);height:100%; padding-top:100px; padding-bottom:150px;}
.dropdown{padding-bottom: 15px;}
.logo-headrr{padding:20px 0 0;transition:all 0.5s;}
.dropdown-menu{opacity:0;visibility:hidden; transform:rotateY(40deg);;transition:all 0.4s;}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible; transform:rotateY(0deg);}
.dropdown-menu li{display:block !important;}
.dropdown-menu li a{    padding: 8px 10px !important;
border-bottom: 1px solid rgb(216, 216, 216);
position: relative;
z-index: 1;
border-left: 2px solid #000;    text-transform: capitalize !important;}
.dropdown-menu li a:hover{color:#fff !important;}
.dropdown-menu li a:before{content:'';display:block;width:0;height:100%;position:absolute;top:0;left:0;transition:all 0.4s;z-index:-1;}
.dropdown-menu li a:hover:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;z-index:-1;}
.paddtop-n{padding-top:70px;}
.paddtop{padding-top:80px;}
.paddbot{padding-bottom:50px;}.paddtop1{padding-top:80px;}
.news-p{ padding-top:70px;padding-bottom: 0px}
.content-title{text-align: center; font-weight: bold; line-height: 1.2; color: #272727; margin-top: 0; margin-bottom: 10px;font-size: 22px!important;}
.content-title2{ font-size:25px;}

.content-title span{color:#000;}
.content-title-contact{ color:#fff !important;}
.gere{content:'';display:block;height:2px;width:110px;margin:10px auto 60px;background-color:#000;}
.gere2{ margin:0 auto !important;}
.gere-contact{background-color:#fff; margin-bottom:30px;}
.padlo{padding-left:0 !important;}
.about-index {padding-left:25px !important}
.about-index h3{ 
font-weight: 400;
line-height: 1.2;
color: #333333;
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;}
.about-index h5{
font-size: 17px;
padding:0 0 5px;
font-weight: 400;
line-height: 25px;

margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
color: #000;}
.about-index a{    display: inline-block;
padding: 5px 20px;
margin: 0px 0;
border: 2px solid #000;

color: #333;}
.about-index a:hover{ color: #fff;background-color:#000;}
.f1f1f1{background-color:#f1f1f1;}
.padd0{padding-left:0 !important;padding-right:0 !important}
.paddR0{padding-right:0 !important}
.produ-content{position:static !important;}
.produ-content h3{
color: #000;
font-weight: bold;
font-size: 18px;    margin: 0;
padding-top:30px;}
.about-h4{ line-height:28px;}
.produ-content a{display:inline-block;padding:5px 20px;color:#333; border:1px solid #000;}
.product-section{background-color: #fff;border: 1px solid #E6E6E6;transition:all 0.4s;position:relative;margin: 15px 0;}
.product-section:hover{    box-shadow: 0 0 5px #ccc;}
.prod-after{content:'';display:block;width:50%;height:100%;position:absolute;right:100%;top:0;transition:all 0.5s;opacity:0;padding-left:15px;visibility:hidden;}
.prod-after a{display:inline-block;padding:5px 20px; border:1px solid #fff;}
.product-section:hover .prod-after{content:'';display:block;width:50%;height:100%;position:absolute;right:0%;top:0;opacity:1;background-color:#000;visibility:visible;}
.white{color:#fff !important;}
.rotate{position:relative;overflow:hidden;}
.rotate:before{  background-color:#333;
content: '';
display: block;
height: 300px;
width: 790px;
position: absolute;
top: 0;
left: 50%;
transform: skewX(-60deg);z-index:0;}
.orange{background-color: #000;}
.contact-index h4{ 
color: #fff;
font-size: 25px;
letter-spacing: 0.5px;
margin-top: 0;}
.contact-index h2{ 
color: #fff;
margin-top: 25px;
margin-bottom: 0;
font-size: 35px;}
.contact-index a{    display: inline-block;
z-index: 1;

font-size: 16px;
color:#000;
padding:15px 25px;
background-color:#FFFFFF;
margin-top: 6%;
box-shadow: 0 0 5px #B53600;    letter-spacing: 0.6px;}
.contact-index a:hover{    color: #fff;
background-color: #000;
box-shadow: 0 0 5px #FBFBFB;}
.back-image{background-image:url(../images/back1.jpg);background-size:cover;background-attachment:fixed;}
.f2f2f2{background-color:rgba(0,0,0,0.5);}
.mapp iframe{width:100%;}
.form-button{display: block;
text-align: center;
background-color: #000;
clear: both;
padding: 8px;
color: #fff;
font-size: 16px;}
.form-button:hover{}
.index-enquire h3{ 
font-weight: 500;
color: #D4D4D4; font-size:22px;}
footer{background-color:#000;}
.footr h3{    color: #B5B5B5;

font-weight: 500;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 20px;}
.foot-list li{    display: block;
color: #fff;
font-size: 13px;
line-height: 20px;
font-weight: 300;
padding: 7px 0;
border-bottom:1px solid rgba(255, 255, 255, 0.38);
letter-spacing: 0.5px; padding-left:30px; position:relative;}
.foot-list li i{ position:absolute; left:0; top:10px; font-size:20px;}

.foot-list li strong{font-weight:bold;}
.foot-list{padding-left:0;}
.foot-list li a{  color: #758590;position:relative;transition:all 0.4s;}
.foot-list li a:hover{  color: #fff;padding-left:10px;}
.footr img{    float: left;
max-width: 80px;
margin: 2px;}
.footr p{ color: #758590;}
/*******************/
.social-icon {
color: #fff;
}
ul.social-icons {
margin-top: 10px;
padding-left: 0;
}
.social-icons li {
vertical-align: top;
display: inline;
height: 100px;
}
.social-icons a {
color: #fff;
text-decoration: none;
}
.social-icons a:hover{    color: #fff;}
.fa-facebook {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-facebook:hover {
background-color: #3d5b99;
}
.fa-twitter {
padding:10px 12px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-twitter:hover {
background-color: #00aced;
}
.fa-rss {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-rss:hover {
background-color: #eb8231;
}
.fa-youtube {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-youtube:hover {
background-color: #e64a41;
}
.fa-linkedin {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-linkedin:hover {
background-color: #0073a4;
}
.fa-google-plus {
padding:10px 9px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #322f30;
}
.fa-google-plus:hover {
background-color: #B33A00;
}
/*************************/
.footer2 {border-top:1px solid #101010;margin-top:20px;}
/*------------scroll button-------------*/

.cd-top {

z-index: 200;
display: inline-block;
height: 50px;
width: 50px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
border-radius: 50%;
background:#000 url(../images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
/*--------------end-------------*/
.menubar{    position: absolute;
top:7px;
right: 5px;
width: 41px;
height:41px;
border: 1px solid #fff;
background-color: #fff; 
padding:6px;
border-radius:50%;
cursor: pointer;
overflow: hidden;display:none;}
.menubar span{ width: 100%;    height:2px;    background-color: #000;    margin-top: 4px;    display: block;  border-radius: 5px;opacity:1;transition:all 1s;}
.carousel-caption{    width: 100%;
max-width: 50%;
text-align: center;
margin: 0 auto;
background-color: rgba(0, 0, 0, 0.45);
padding: 5%;}
.carousel-caption h1{color: #fff;

letter-spacing: 1px;}
.carousel-caption p{    color: #fff;
font-size: 16px;}

.vision-mission{ margin-top:50px;}
.tab-menu{display:none !important;}
.sticky{width:100%;position:fixed;top:0;left:0;z-index:300;background-color:#fff;box-shadow:0 0 5px #ccc;}
.about1{ position:relative; padding-left:100px; margin-bottom:40px;}
.about1 h4{ margin-bottom:0; margin-top:0; padding-bottom:10px; border-bottom:1px solid rgba(0, 0, 0, 0.18); font-weight:bold; font-size:22px!important;}
.about1 i{ position:absolute; font-size:40px; background-color:#000; width:90px; height:90px; left:0; top:0; color:#fff; padding-top:20px; text-align:center;}
/*.about2{ padding-left:10px; border-left:5px solid rgba(0, 0, 0, 0.18);}*/
.about2 h4{  margin-top:0; font-size: 22px; font-weight:bold; text-align: center;}
.about-sub-head{margin-top:90px; text-align: center; font-size: 20px; padding: 30px 20px; background-color: #333; margin-bottom:90px; color:#ccc; }
.about-sub-head-in{font-weight:300;}
.about-sub-head-in span{ color:#fff; font-weight:bold; text-transform:uppercase;}
.product-puch-line{ text-align:center; color:#000; font-weight:bold; font-size:15px}
.mar-bot-10-line{ margin-bottom:10px;}
.download{ display:inline-block; position:relative; margin-top:50px; margin-bottom:50px; font-size:25px; padding:10px 10px 10px 90px; min-height:90px; padding-top:30px; border:1px solid #B5B5B5; color:#000;}
.download i{ position:absolute; left:10px; font-size:30px; top:10px; color:#fff; background-color:#000; width:70px; height:70px; padding-top:20px;}
/*.news-n-events{ padding-top:80px; padding-bottom:80px;}*/
.news-indi{ position:relative; padding-left:70px; margin-top:20px;}
/*.news-indi img{ position:absolute; left:0; top:0;}*/
.news-indi h4{ margin-top:0;}
@media(min-width:767px) {
    .navbar {

        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}
@media (max-width: 991px) {
.news-indi{ padding-left:0;}
.container{text-align:center;}
.prodic h2:after{left: 15%;
height: 1px;
right: 15%;}
.marg-tab{margin-left:33%;}
.menubar{display:block;z-index:30000;}
.cross .bar1{transform: rotate(51deg);margin-top: 12px;}.cross .bar2{opacity:0;}.cross .bar3{transform: rotate(-52deg); margin-top: -8px;}
.navbar{display: none;z-index: 3000;background-color:rgba(249, 82, 11, 0.86);position:fixed !important;top:0;width:260px;height:100%;right:0;overflow-y:auto;padding-top:10%;}
.navbar {width:250px;}
.navbar li{display:block  !important;padding-bottom:0;}
.navbar{margin-top:0 !important;}
.navbar li a{color: #FBFBFB !important;padding-left: 10%;border-bottom: 1px solid #FF7940;;display: block;text-align: left;}
.navbar li a:before{display:none;}.navbar ul li a:hover:before{display:none;}

.navbar li.desk-menu{display:none !important;}.tab-menu{display:block !important;}
.gere2{ margin:20px auto 60px !important;}
.logo-div{ padding-right:50px !important;}
.logo-headrr {padding: 10px 0 10px;}
.mobile-padding-l-r-0{ padding-left:0 !important; padding-right:0 !important;}
}
@media (max-width: 768px) {
.produ-content{position:relative !important;}	
.prod-after{width:100% !important; }
.product-section:hover .prod-after{width:100% !important; }
.produ-content a{margin-bottom:20px;}

}


notification {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 15px;
  margin: 0;
  text-align: center;
  z-index: 1;
  background: var(--yellow);
}

@media (max-width: 700px) {
  .notification {
    display: none;
  }
}


/* IMAGE GRID STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.image-grid figure {
  margin-bottom: 0;
}

.image-grid img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s;
}

.image-grid a:hover img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}


/* LIGHTBOX STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.lightbox-modal .modal-content {
  background: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 20px;
  right: 18px;
  font-size: 1.2rem;
  z-index: 10;
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
  text-align: center;
}

.lightbox-modal img {
  width: auto;
  max-height: 100vh;
  max-width: 100%;
}

.lightbox-modal .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(36, 36, 36, 0.75);
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 10px;
}

.lightbox-modal .carousel-control-next {
  right: 10px;
}


/* FOOTER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-footer {
  position: fixed;
  right: 0;
  bottom: 60px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding: 5px;
  background: rgba(255, 255, 255, 0.65);
}

.page-footer a {
  display: flex;
  margin-left: 9px;
}
.photo-gallery{
	padding: 50px 0;
}
.gal .item img{
	padding: 5px;
	width: 100%;
	height: 150px;
	object-fit: cover;
}
.mb-0{
  margin-bottom: 0 !important;
}
.gal .item{
padding: 0 !important;
}
@media(max-width:991px){
  .downloads-p {
   padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.news-p{
  padding-bottom: 50px !important;
}
}
@media(min-width:991px){
.h-100rm{
      height: 90rem;
}
}