@charset "utf-8";
/* CSS Document */

body {line-height: 2.0rem;
    color: #2a2a2a;
    font-size: 16px;
    font-family: 'Questrial', sans-serif!important;
	background-color: #fff; }


/* ------------ slider ---------------*/

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 70vh;
  background-color: rgba(14, 11, 10, 0.8);
  overflow: hidden;
  position: relative;
  padding: 0;
}


/* ------------ Index intro ---------------*/

.wIntro {padding: 80px 0px 50px;    }
.intro {padding: 2%;
    text-align: justify;
    line-height: 40px;}
.cName { padding-left: 15px;
    font-size: 40px;
    letter-spacing: 0.5px;
	color: #333;
	}
.cName:before {
	content: "About us";
    color: #ababab;
    font-family: 'Courgette'!important;
    font-size: 30px;
    position: absolute;
    top: 0%;
    left: 4%;
}
	hr.nps {border-top: 3px solid #c10202;
    width: 47%;
    margin-left: 19%;
    margin-top: 2%;	
}
/*<i class="fi fi-nav-icon-grid-a"></i> */

.iContent {font-size: 18px; padding: 15px 5px;
	color: #444;
}
.iContent span {
	color: #666;
}
.iContent .readmore-btn {
    margin-top: 15px;
    text-align: left;
}
.iContent .readmore-btn a {
    font-size: 20px;
    padding: 2px 15px;
    border-radius: 5px;
    background-color: #c10202;
    color: white;
    display: inline-block;
    text-transform: capitalize;
    border: 2px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
    text-decoration: none;
    transition: all 0.5s ease;
}
.iContent .readmore-btn a:hover {
    color: #c10202;
    background: #fefefe;
    border: 2px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
}
.fbApi {padding: 2%;}
.fbApi:before {content: "";
    font-family: stm;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: -25px;
    right: -48px;
    font-size: 114px;
    color: rgba(225,225,225,.9);
	background-image:url("../img/dots.png");
	background-repeat: no-repeat;
	
}
.fbName {padding-left: 15px;
    font-size: 40px;
    letter-spacing: 0.5px;}

.fbName:before{	
	content: "Like Us";
    color: #ababab;
    font-family: 'Courgette'!important;
    font-size: 30px;
    position: absolute;
    top: 1%;
    left: 6%;
}
hr.fb {border-top: 3px solid #c10202;
    width: 30%;
    margin-left: 35%;
    margin-top: 7%;
}
.fbWd {}

/* ------------ Index Product ---------------*/

.indPd {padding: 50px 0px 80px;}

.bgImg {background-image: url("../img/product-bg.jpg");
    /*min-height: 50%;*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;	}
	
.bgImg .opacity {
    padding: 50px 0px 50px;
    background: rgba(0, 0, 0, 0.60);
    color: #FFF;
}		
.prodTlt {padding: 11px 0px 72px;
    text-align: center;}

.pName { font-size: 40px; letter-spacing: 0.5px;}

.prodTlt .pName:before {content: "Our Product";
    color: white;
    font-family: 'Courgette'!important;
    font-size: 30px;
    position: absolute;
    top: 2%;
    left: 26%;}

hr.prod {border-top: 3px solid #c10202;
    width: 28%;
    margin-left: 42%;
    margin-top: 1.5%;}

.Pwrap {position: relative;
    margin-top: -65px;}
.portfolio-item {
	text-align: center;
    position: relative;
}	
	
.portfolio-item .portfolio-info {
  opacity: 2;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 11px;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgb(255 255 255 / 52%);
  padding: 15px;
}
.portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #2b2320;
  float:left;
}
.portfolio-item .portfolio-info p {
  color: #65534c;
  font-size: 14px;
  margin-bottom: 0;
}
 .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #483b36;
}
.portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #f03c02;
}
.portfolio-item .portfolio-info .details-link {
  right: 10px;
}
.portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}
.portfolio-item .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}
.portfolio-item .portfolio-links a:hover {
  color: #fe825a;
}
 .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 25px;
  background-color: rgba(255, 255, 255, 0.9);
}
.bx-link:before {font-size: 26px;
    color: #c10202;}


/* ------------ Index Product ---------------*/

.cta {background-color: #eee; padding:11px 0px;}

.ctashadow {box-shadow: 1px 1px 16px 0px #eee;
    border-radius: 5px;
    padding: 24px 21px;}
	
.ctatlt {font-size:33px;}
.ctanumber {padding: 5px 5px;}

.quote-btn {background-color: #c10202;
    font-size: 21px;
    color: white!important;
    padding: 13px 24px;
    border-radius: 5px;} 
.quote-btn i {
	font-size: 28px;
    color: white;
    padding-right: 26px;
}	

.quote-btn:hover {text-decoration:none;}

/* ------------ Services Index ---------------*/

.srwrap {background-color:green; padding: 35px 5px;}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/

.sertlt {padding:13px 0px 60px; text-align:center;}

.sName { font-size: 40px; letter-spacing: 0.5px;}

.sertlt .sName:before {
	content: "Our";
    color: #ababab;
    font-family: 'Courgette'!important;
    font-size: 30px;
    position: absolute;
    top: -1%;
    left: 40%;
}
hr.serv {border-top: 3px; border-top: 3px solid #c10202; width: 9%; margin-left: 44%; margin-top: 1%;}

.features {
     padding: 81px 5px; background-image: url("../img/bg_dots.jpg");
	background-repeat: no-repeat;     background-size: cover;
}		
.features .nav-tabs {
  border: 0;
}
.section-title {
    padding-bottom: 50px;
    text-align: center;
}
.tab-content {box-shadow: 0px 0 15px rgba(0, 0, 0, 0.12);
    padding: 40px 30px;
}
figure {
    margin: 0 0 1rem;
    font-size: 17px;
    color: #444;
}
.tab-content b {
    font-weight: bolder;
    color: #333;
}
.tab-content dt {
    font-weight: 500;
    color: #555;
}
.features .nav-link {
  /*border-bottom: 1px #e3e3e3 solid;*/
    padding: 25px 20px;
    transition: 0.3s;
    color: #2b2320;
    /*border-left: 1px #e3e3e3 solid;*/
}
.features .nav-link:hover {
  color: #f03c02;
}
.features .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
}
.features .nav-link p {
  font-size: 14px;
  margin-bottom: 0;
}
.features .nav-link.active {
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.12);
      color: white;
    background-color: #c10202;
}
.features .tab-pane.active {
  -webkit-animation: slide-down 0.5s ease-out;
  animation: slide-down 0.5s ease-out;
}
@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ------------ counter Index ---------------*/


section#counter-stats {
	display: flex;
    justify-content: center;
    background-color: #c10202;
    padding: 37px 0px;
	color:#ffffff;
	background-image: url(https://www.transparenttextures.com/patterns/diagmonds.png);	
}
.stats {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
     margin: 5px 47px;
}
.stats .fa {
  color: #eee;
  font-size: 60px;
float:left;
}

/*/ end count stats /*/


/* ------------ Projects Index ---------------*/

.projInd {padding: 80px 0px 60px;}

.protlt {padding: 1px 0px 15px;
    text-align: center;}

.prCont {padding: 2%;
    text-align: justify;
    line-height: 40px;
    /*height: 400px;*/   
}
.prName {/*padding-left: 15px;*/
    font-size: 36px;
    letter-spacing: 0.5px;}

.prName:before{	
	content: "Projects";
    color: #ababab;
    font-family: 'Courgette'!important;
    font-size: 30px;
    position: absolute;
    top: 1%;
    left: 32%;
}
hr.pr {border-top: 3px solid #c10202;
    width: 22%;
    margin-left: 42.5%;
    margin-top: 2.5%;
}
.grid-gallery {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    position: relative;
}
.grid-gallery > div:nth-child(1) {
    grid-row: span 2;
}
.grid-gallery > div:nth-child(3) {
    grid-column: span 1;
}
.grid-gallery .img-grid {
	height: 100%;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in;
    position: relative;	
	border: 6px solid green;
    border-radius: 5px;
}
.grid-gallery .img-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.grid-gallery .img-grid .grid-btn {
	position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    text-align: center;
    height: 100%;
    display: block;
    background: rgb(125, 163, 9, 0.75);
    opacity: 0;
    transition: all 500ms ease;
}
.grid-gallery .img-grid:hover .grid-btn {
    top: 0px;
    opacity: 1;
}
.grid-gallery .img-grid .grid-icon {
	position: relative;
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
    display: inline-block;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
}
.projWd {padding:15px 0px;}
.projLst {padding: 15px 0px;font-size: 20px;}
	
ol.s {list-style-type: inherit; padding: 5px 0px; list-style: none; text-align: center;}

.projL2 {
    padding: 34px 5px 15px;
}

h2.flist {color: #c10202;}

h2.oPlist{color: #c10202; text-align: center; font-size: 2.5rem;}

ul.a {
    padding: 20px 10px 10px;
    /*display: flex;*/
}

li.b {
    padding: 5px 20px;
    margin: 0px 14px;
    font-size: 22px;
    list-style: square;
    /*box-shadow: 1px 1px 0px 7px #d8d8d84d;*/
	
}



/* ------------ Alliance Index ---------------*/

.alTlt {padding:13px 0px 60px; text-align:center;}

.alName { font-size: 40px; letter-spacing: 0.5px;}

.alTlt .alName:before {
	content: "Associated";
    color: #ababab;
    font-family: 'Courgette'!important;
    font-size: 30px;
    position: absolute;
    top: 3%;
    left: 36%;
	}
hr.alnce {border-top: 3px solid #c10202;
    width: 6%;
    margin-left: 47%;
    margin-top: 1%;}
	
	
.clientlogos {padding: 40px 5px 60px;
    background-color: #f8f8f8ee;}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

				/*------------ BNI section css -------------*/			
				
.bni-section {
	padding: 15px 0px 15px;
	background: #f7f7f7;
	background-image: url(https://www.transparenttextures.com/patterns/brushed-alum-dark.png);
}


.bni-section .quote-line { padding: 2px 10px;}

.bni-section .quote-line h2 {
	font-size: 24px;
    color: #504949;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0;
    line-height: 45px;
    padding: 0px;
}
.bni-section .quote-line h2 span {
    padding: 10px 0px;
	color: #000000;
}
.bni-section .bni-btn {
	margin-top: 15px;
    text-align: center;
}
.bni-section .bni-btn  a {
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #c10202;
    color: white;
    display: inline-block;
    text-transform: capitalize;
    border: 2px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193,2,2,0.50);
    text-decoration: none;
    transition: all 0.5s ease;
}
.bni-section .bni-btn  a:hover {
    color: #c10202;
    background: #fefefe;
    border: 2px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
}


				/*--------------- footer ----------------- */

.footer {padding: 50px 0px;
    background-color: #2f2f2f;
	/*background-image: url("https://www.transparenttextures.com/patterns/back-pattern.png");*/
}
.foot-head {
}
.foot-head h2 {
    font-size: 20px;
    padding-bottom: 20px;
    text-align: left;
    color: #DDDDDD;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.list {  
  	text-align: left;
    margin: auto;
    padding: 0px 10px;
    font-size: 17px;
    line-height: 30px;
    list-style-type: disc;
    color: #949494;
    text-transform: capitalize; 
}
.footer .list a {
    color: #949494;
    display: block;
    padding: 0px 10px;
    text-decoration: none;
	transition: all 0.5s ease;
}
.list a:hover {
	color: #ffffff; 
	padding-left:20px;
}
.copyright {
	font-size: 20px;
    padding-bottom: 20px;
    text-align: left;
    color: #DDDDDD;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
}
.get-contact h3 {
    font-size: 18px;
    padding: 0px 0px 15px;
    text-align: left;
    display: inline-block;
    color: #949494;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.get-contact h4 {
	font-size: 17px;
    text-align: left;
    display: inline-block;
    color: #949494;
    text-transform: capitalize;
    margin-left: 35px;	
}
.get-contact ul {
	list-style: none;
    padding: 0px;
    margin: 0px;
}
.get-contact ul li {
	margin-bottom: 20px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #949494;
    transition: all 0.3s ease;
    text-decoration: none;
}
.get-contact ul li:nth-child(1):before {
    content: '\f041';
    font-family: fontAwesome;
}
.get-contact ul li:nth-child(2):before {
    content: '\f095';
    font-family: fontAwesome;
}
.get-contact ul li:nth-child(3):before {
    content: '\f003';
    font-family: fontAwesome;
}
.get-contact ul li:before {
    font-size: 16px;
	margin-right: 20px;
    margin-bottom: 10px;
    color: #ffffff;
	float: left;
}


				/* ------------ inner pages css ---------------*/
							
				/* ------------ listing page css ---------------*/
				
.list-page-banner {
	padding: 20px 0px 20px;
    position: relative;
    background: #f7f7f759;
    background-image: url(https://www.transparenttextures.com/patterns/sprinkles.png);
}
.list-page-banner-head, .list-page-banner-apc, .list-page-banner-home {
	position: relative;
}
.list-page-banner-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 28%;
    text-align: center;
    color: #0d7a7d;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.list-page-banner-head hr {
	width: 15%;
    left: 44%;
    top: 10%;
    position: absolute;
    border-top: 3px solid #c10202;
}
.list-page-banner-head h2, .list-page-banner-apc h2, .list-page-banner-home h2 {
	font-size: 40px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.list-page-banner-apc h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 28%;
    text-align: center;
    color: #0d7a7d;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.list-page-banner-apc hr {
	width: 22%;
    left: 42%;
    top: 10%;
    position: absolute;
    border-top: 3px solid #c10202;
}
.list-page-banner-home h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 28%;
    text-align: center;
    color: #0d7a7d;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.list-page-banner-home hr {
	width: 22%;
    left: 42%;
    top: 10%;
    position: absolute;
    border-top: 3px solid #c10202;
}
.business-apc {
	padding: 50px 0px 50px;
	position: relative;
}	
.apc-tabs {
	padding: 20px 0px 10px;
}
.apc-tabs .nav-center {
    text-align: center;
}
.apc-tabs .nav-tabs {
    border-bottom: 1px solid #c10202;
    display: flex;
}
.apc-tabs .nav-tabs li {
	flex-grow: 1;
}
.apc-tabs .nav-tabs li a {
    font-size: 20px;
    padding: 10px 15px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    margin: 0;
    text-decoration: none;
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.apc-tabs .nav-tabs li a.active {
    border: 1px solid #c10202;
    border-bottom-color: transparent;
    background: #c10202;
    color: #ffffff !important;
}
.apc-tabs .nav-tabs li a:hover {
    border: 1px solid #c10202;
    border-bottom-color: transparent;
    /* background: #c10202; */
    color: #c10202;
}
.apc-tabs .tab-content {
    padding: 20px 20px;
	box-shadow: 0px 0 15px rgba(0, 0, 0, 0.0);
}
.apc-tabs .tab-content .tab-pane {
    padding-top: 20px;
}
.apc-head {
}
.business-product {
    margin-bottom: 30px;
}
.business-product .product-img {
    padding: 0px 0px 0px;
    text-align: center;
}
.business-product .product-img img {
	width: 100%;
    /* height: 260px; */
    border: 2px solid #cfd0d2;
}
.business-product .product-head {
    padding: 20px 0px 20px;
}
.business-product .product-head h3 {
    font-size: 20px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #131313;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.business-product .product-head h3 span {
	font-size: 15px;
    color: #484848;
	display: block;
}
.business-product .info {
    font-size: 16px;
    padding: 0px 0px 0px;
    text-align: justify;
    color: #000000;
    transition: all 0.5s ease;
}
.business-product .product-btn {
    text-align: center;
}
.business-product .product-btn a {
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #c10202;
    color: white;
    display: inline-block;
    text-transform: capitalize;
    border: 2px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
    text-decoration: none;
    transition: all 0.5s ease;
}
.business-product .product-btn a:hover {
    color: #c10202;
    background: #fefefe;
    border: 2px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
}

				/* ------------ listing page - Luminous css ---------------*/
				
.luminous-section {
	padding: 50px 0px 50px;
	position: relative;
}
.luminous-section .nav-tabs {
	border: 0px solid #c10202;
}
.luminous-section .nav-tabs li {
	margin-bottom: 10px;
}
.luminous-section .nav-tabs li a {
	font-size: 18px;
	line-height: 30px;
    padding: 5px 10px;
    text-align: left;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    margin: 0;
    text-decoration: none;
    border: 1px solid transparent;
}
.luminous-section .nav-tabs li a.active {
	box-shadow: 0px 0 15px rgba(0, 0, 0, 0.10);
    color: #ffffff !important;
    background-color: #c10202;
}
.luminous-section .nav-tabs li a:hover {
    color: #f03c02;
}
.luminous-section .tab-content {
	padding: 20px 20px;
    box-shadow: 0px 0 15px rgba(0, 0, 0, 0.10);
}
.luminous-section .tab-content .tab-pane {
	padding: 40px 0px;
}

.luminous-mobile-section {
	display: none;
}

@media (max-width: 768px) {


}
				
				/* ------------ Detail product page ---------------*/


.product-page-banner {
	padding: 40px 0px 40px;
    position: relative;
    /*background: #0d7a7d;*/
}
.product-page-head {
	position: relative;
	overflow: hidden; 
}
.product-page-head .breadcrumb {
	margin: 0;
    padding: 0;
    background: none;
    align-items: center;
	justify-content: flex-end;
}
.product-page-head .breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.product-page-head .breadcrumb ul li {
    margin-right: 0px;
    position: relative;
}
.product-page-head .breadcrumb ul li:not(:last-of-type):after {
    content: '/';
	font-size: 20px;
  	color: #0d7a7d;
}
.product-page-head .breadcrumb ul li a {
	font-size: 14px;
    padding: 20px 10px 0px;
    text-align: center;
    color: #999;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
    transition: all 0.5s ease;
}

.product-page-head h2 {
	font-size: 35px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.product-detail {
	padding: 50px 0px 50px;
	position: relative;
}
.detail-prod-img {
    /* padding: 10px 20px 30px 10px;
    overflow: hidden; */
    box-sizing: border-box;
    position: relative;
    background-image: url(../img/product-bg.png);
	height: 95%;
    background-size: cover;
    background-position: center;
}
.detail-prod-img .image-slide { 
	padding-top: 10px;
	padding-bottom: 20px;
}
.image-slide .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
	text-align: center;

}
.image-slide .image-slide .carousel-item {
}
.image-slide img {
	box-sizing: border-box;
    /* overflow: hidden; */
    transition: .75s;
    object-fit: cover;
    position: relative;
    /* box-shadow: 0px 0 15px rgba(0, 0, 0, 0.40);*/
}
.detail-name {
	padding: 0px 0px 10px;
}
.detail-name h3 {
	font-size: 22px;
    padding: 0px 0px 0px;
	text-align: left;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.detail-name h3 span {
	font-size: 22px;
    text-transform: capitalize;
}
.quick-details {
	padding: 10px 10px;
}
.quick-details ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.quick-details ul li {
	font-size: 18px;
    padding: 10px 0px 10px;
    color: #313131;
    text-align: left;
}
.quick-details .rate, .rate {
	font-size:30px;  
	padding: 10px 0px 0px;
	font-weight:600;
}
.quick-details ul li:before {
    content: '\f1d9';
    font-family: fontAwesome;
    font-size: 14px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    color: #0d7a7d;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}
.detail-button {
	display: flex;
    padding: 15px 15px 15px;
}
.detail-button .brochure-btn {
	float: left;
    margin-right: 20px;
}
.detail-button .brochure-btn a {
    font-size: 17px;
    padding: 5px 25px;
    border-radius: 5px;
    display: inline-block;
	background-color: #c10202;
    color: white;
    text-transform: capitalize;
    border: 1px solid #c10202;
    box-shadow: 2px 4px 5px -2px rgba(193, 2, 2,0.50);
    text-decoration: none;
    transition: all 0.5s ease;
}
.detail-button .brochure-btn a:hover {
	color: #c10202;
    background: #fefefe;
    border: 1px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
}
.btn_new a{
    font-size: 17px;
    padding: 5px 25px;
    border-radius: 5px;
    display: inline-block;
    background-color: #c10202;
    color: white;
    text-transform: capitalize;
    border: 1px solid #c10202;
    box-shadow: 2px 4px 5px -2px rgba(193, 2, 2,0.50);
    text-decoration: none;
    transition: all 0.5s ease;
}
.btn_new a:hover{
    color: #c10202;
    background: #fefefe;
    border: 1px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
}
/*.detail-button .buy-btn {
	float: left;
}
.detail-button .buy-btn a {
    font-size: 17px;
    padding: 5px 25px;
    border-radius: 5px;
    display: inline-block;
	background-color: #c10202;
    color: white;
    text-transform: capitalize;
	border: 1px solid #c10202;
    box-shadow: 2px 4px 5px -2px rgba(193, 2, 2,0.50);
    text-decoration: none;
    transition: all 0.5s ease;
}
.detail-button .buy-btn a:hover {
	color: #c10202;
    background: #fefefe;
    border: 1px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
}
*/
.quick-table {
	padding: 10px 0px 5px;
}
.quick-table .table-1 {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
.quick-table .table-1 tr {
    border: 1px solid #ddd;
    padding: 0px;
}
.quick-table .table-1 th {
    font-size: 14px;
    padding: 2px 5px 2px;
    background: #f8f8f8;
    color: #0d7a7d;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #ddd;
}
.quick-table .table-1 tbody th {
	background: none;
}
.quick-table .table-1 td {
    font-size: 12px;
    line-height: 20px;
    padding: 0px 5px 0px;
    text-align: justify;
    color: #000000;
    border: 1px solid #ddd;
}
.quick-info-line {
	font-size: 18px;
	padding: 0px 0px 10px;
}
.note-line {
	padding: 5px 15px 0px;
}
.note-line .note {
	font-size: 14px;
    padding: 0px 0px 0px;
    color: #313131;
    text-align: justify;
}
.note span {
	font-weight: 600;
}
.product-application {
	background-image: url(../img/product-bg.jpg);
    min-height: 50%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.product-application .opacity {
	padding: 50px 0px 50px;
    background: rgba(0, 0, 0, 0.60);
    color: #FFF;
}
.prod-application {
	position: relative;
}
.prod-application h4 {
	font-size: 30px;
    padding: 10px 0px 30px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.prod-application ul {
	margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.prod-application ul li {
	font-size: 18px;
    padding: 10px 10px 10px;
    width: 33.3%;
	text-align: left;
    float: left;
    color: #ffffff;
	position: relative;
}
.prod-application ul li:before {
    content: url(../img/application-icon.png);
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    display: inline-block;
}
.product-features {
	/*padding: 50px 0px 50px;
	position: relative;
	background: #fbfbfb;
	background-image: url(../img/bg_dots.jpg);*/
	padding:  100px 0px 140px;
    position: relative;
    background: #fbfbfb;
    background-image: url(../img/bg_dots.jpg); 
    background-color: #17a2b8;
    clip-path: polygon(0 50px, 100% 0, 100% 90%, 0 100%);
}

.feature-tabs-section {
	padding: 20px 0px 10px;
}
.feature-tabs-section .nav-tabs {
	/*border-bottom: 1px solid #c10202;*/
}
.feature-tabs-section .nav-tabs li {
}
.feature-tabs-section .nav-tabs li a {
	font-size: 20px;
    padding: 10px 30px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
    margin: 0;
    text-decoration: none;
	border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.feature-tabs-section .nav-tabs li a:hover {
    border: 1px solid #c10202;
    border-bottom-color: transparent;
    background: #ededed;
}
.feature-tabs-section .nav-tabs li a.active {
    /*border: 1px solid #c10202;*/
    border-bottom-color: transparent;
    background: #c10202;
    color: white;
}
.feature-tabs-section .tab-content {
	padding: 20px 20px;
	background-color: white;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.feature-tabs-section .tab-content .tab-pane {
	padding-top: 20px;
    padding-left: 20px;
}
.tab-content .tab-pane .tab-head {
    padding: 0px 0px 20px;
	text-align:center;
}
.tab-content .tab-pane .tab-head h3 {
    font-size: 25px;
    padding: 0px 0px 0px;
    text-align: left;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.feature-list {
	padding: 0px 10px 20px;
}
.feature-list ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.feature-list ul li {
	font-size: 18px;
    padding: 10px 0px;
    color: #313131;
    text-align: justify;
}
.feature-list ul li:before {
    content: '\f1d9';
    font-family: fontAwesome;
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 20px;
    float: left;
    color: #0d7a7d;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}
.faq {
	padding: 0px 0px 20px;
}
.faq .card {
	margin-bottom: 5px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
	border: none;
    border-radius: 5px;
}
.faq .card .card-header {
	padding: 10px 10px;
    background: #f1f1f1;
	border: none;
}
.faq .card .card-header a {
	font-size: 16px;
    padding: 0px 0px 0px;
    color: #0d7a7d;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
    text-decoration: none;
}
.faq .card .card-header a:after {
	content: '\f107';
    font-family: fontAwesome;
    margin-right: 20px;
    float: right;
	font-weight: bold;
}
.faq .card .card-header a:not(.collapsed):after {
	transform: rotate(180deg);
}
.faq .card .card-body {
	font-size: 16px;
    padding: 20px 15px;
    color: #313131;
    text-align: justify;
    border: 1px solid #f1f1f1;
	display: flex;
	flex-direction: row;
}
.faq .card .card-body span:nth-child(1) {
	width: 20%;
    /* float: left; */
    padding-right: 20px;
}

.pdf-download {
	padding: 10px 10px;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.pdf-download .download {
	display: flex;
    justify-content: center;
    align-items: center;
}
.pdf-download .download .download-img {
	width: 100px;
    height: auto;
    position: relative;
    box-sizing: border-box;
    object-fit: cover;
}
.pdf-download .download .download-img a {
	text-decoration: none;
}
.pdf-download .download .download-img img {
	width: 100%;
}
.pdf-download .download h4 {
	font-size: 20px;
    padding: 10px 20px 0px;
    text-align: center;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.abt-combo-pack {
	padding: 30px 0px 50px;
	position: relative;
	text-align: center;
}
.combo-pack-row {
	padding: 30px 0px 20px;
	position: relative;
	box-shadow: 2px 4px 10px -2px rgba(0,0,0,0.30);
	border-radius: 25px;
}
.combo-head {
	padding: 0px 0px 20px;
}
.combo-head h3 {
	font-size: 22px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.abt-combo-pack .detail-button {
    display: block;
    padding: 15px 15px 15px;
}
.abt-combo-pack .note-line .note {
    font-size: 14px;
    padding: 0px 0px 0px;
    color: #313131;
    text-align: center;
}

				/* ------------ data centre page ---------------*/

.data-centre-banner {
	padding: 20px 0px 20px;
    position: relative;
    background: #f7f7f759;
    background-image: url(https://www.transparenttextures.com/patterns/sprinkles.png);
}
.data-centre-banner-head {
	position: relative;
}
.data-centre-banner-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 22%;
    text-align: center;
    color: #0d7a7d;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.data-centre-banner-head hr {
	width: 30%;
    left: 38%;
    top: 10%;
    position: absolute;
    border-top: 3px solid #c10202;
}
.data-centre-banner-head h2 {
	font-size: 40px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 				
.data-centre-info {
	padding: 50px 0px 50px;
	position: relative;
}
.data-centre-info .info {
	font-size: 18px;
	line-height: 35px;
    padding: 0px 0px 0px;
    color: #313131;
    text-align: justify;
}
.data-centre-section {
	padding: 50px 0px 50px;
	position: relative;
}
.data-centre-box {
	padding: 0px 45px 0px;
    margin-bottom: 50px;
	transition: 0.5s ease;
}
.data-centre-box:hover {
	transform: translate(0px, -15px);
}
.data-centre-box .image {
	text-align: center;
}
.data-centre-box .image-head {
	padding: 10px 0px;
    background: #d9343a;
}
.data-centre-box .image-head h3 {
	font-size: 25px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

				/* ------------ contact us page ---------------*/
				
.contact-banner {
	padding: 50px 0px 50px;
	position: relative;
	background-color: #c10202;
    background-image: url(https://www.transparenttextures.com/patterns/diagmonds.png);
}
.contact-banner-head {
}
.contact-banner-head h2 {
	font-size: 35px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
} 
.map-section {
	position: relative;
}
.contact-head {
    padding: 100px 0px;
}
.contact-section {	
}
.contact-head h2 {
	margin: 0;
    text-align: center;
    font-size: 25px;
	color: #FFF;
    text-transform: uppercase;
	padding-bottom: 30px;
}

.form-container {
    position: relative;
    top: -90px;
	margin: 0px 30px;
	background: #ffffff;
	box-shadow: 10px 10px 0px #cfd0d2;
}
.form-container:hover {
	box-shadow: 5px 5px 0px #0d7a7d;
}
.form-head {
	padding: 30px 0px;
}
.form-head h3 {
	margin: 0;
    text-align: center;
    font-size: 20px;
	font-weight: 600;
	color: #103f6e;
    text-transform: uppercase;
	padding-bottom: 20px;
}
.form-detail {
   padding: 0px 35px 70px 0px;
   color: #103f6e;
    font-size: 17px;
	border: 1px solid #dcdcdc;
}
.form-group {
    margin: 0px 0px 10px;
}
.form-detail .contact-form .form-horizontal .control-label {
    padding: 7px 0px 0px;
    margin-bottom: 0;
    text-align: center;
	text-transform: capitalize;
}
.form-detail .contact-form .form-column {
	padding: 0 30px 0 0;
}
.contact-btn {
}
.contact-btn input {
	font-size: 18px;
    padding: 10px 20px;
    text-align: center;
    background: #103f6e;
    border: 1px solid #cfd0d2;
    border-radius: 5px;
    color: #cfd0d2;
    text-transform: capitalize;
    font-weight: 600;
}
.contact-btn input:hover {
	color: #FFF;
}

.contact-detail {
    border: 1px solid #dcdcdc;
    background: #103f6e;
	background-image : url(../img/contact-form-img.png);
}
.add-head {
	padding: 30px 0px;
}
.add-head h3 {
	margin: 0;
    text-align: center;
    font-size: 20px;
	font-weight: 600;
	color: #FFF;
    text-transform: uppercase;
	padding-bottom: 20px;
}
.cont-details .address {
	text-align: justify;
    font-size: 17px;
    line-height: 25px;
    padding: 6% 6% 20%;
    box-shadow: 1px 1px 9px 5px #eee;
}
.cont-details .address h4 {
	font-size: 23px;
    padding: 0px 0px 10px;
    text-align: center;    
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.cont-details .address .icon-box {
	text-align: center;
    padding: 0px 0px 20px;
    font-size: 50px;
}

.cont-details .contact-no {
	text-align: center;
    font-size: 25px;
    line-height: 44px;
    padding: 20px 20px 153px;
    box-shadow: 1px 1px 9px 5px #eee;
}
.cont-details .contact-no h4 {
	font-size: 23px;
    padding: 0px 0px 10px;
    text-align: center;    
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.cont-details .contact-no .icon-box {text-align: center;
    padding: 0px 0px 20px;
    font-size: 50px;}

.cont-details .mail {
	text-align: center;
    font-size: 17px;
    line-height: 25px;
    padding: 20px 20px 22px;
    box-shadow: 0px -3px 9px 5px #eee;
}

.cont-details .mail h4 {font-size: 23px;
    padding: 0px 0px 10px;
    text-align: center;    
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;}
	
.cont-details .mail .icon-box {
	text-align: center;
    padding: 0px 0px 20px;
    font-size: 42px;
}
.cont-details .url {
	text-align: center;
    font-size: 17px;
    line-height: 25px;
    padding: 20px 20px 14px;
    box-shadow: 0px 7px 9px 5px #eee;
	
}
.cont-details .url .icon-box {
	text-align: center;
    padding: 0px 0px 20px;
    font-size: 42px;
}

.cont-details .url h4 {font-size: 23px;
    padding: 0px 0px 10px;
    text-align: center;    
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;}

.cont-details .url a {
	font-size: 17px;
	
	text-decoration: none;
}


/*  new css */
.cont-details {padding: 8% 1%;
    position: relative;
    background: #fbfbfb;
    background-image: url(../img/bg_dots.jpg);
}



				/* ------------ about directors page ---------------*/
				
.director-banner {
	padding: 20px 0px 20px;
    position: relative;
    background: #f7f7f759;
    background-image: url(https://www.transparenttextures.com/patterns/sprinkles.png);
}
.director-banner-head {
	position: relative;
}
.director-banner-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 30%;
    text-align: center;
    color: #0d7a7d;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.director-banner-head hr {
	width: 13%;
    left: 44%;
    top: 10%;
    position: absolute;
    border-top: 3px solid #c10202;
}
.director-banner-head h2 {
	font-size: 40px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.abt-director {
	padding: 50px 0px 50px;
	position: relative;
}
.director-image {
}
.director-image img {
	width: 490px;
}
.director-info {
	padding: 30px 0px 0px;
}
.abt-director-head {
	padding: 0px 0px 30px;
}
.abt-director-head h3 {
	font-size: 45px;
    padding: 0px 0px 10px;
    text-align: left;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.abt-director-head h4 {
	font-size: 30px;
    padding: 0px 0px 0px;
    text-align: left;
    color: #c10202;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.abt-social {
	padding: 0px 0px 30px;
    text-align: left;
    position: relative;
}
.abt-social ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.abt-social ul li {
	display: inline-block;
    padding-right: 20px;
}
.abt-social ul li a {
	font-size: 16px;
    line-height: 35px;
    padding: 10px 10px 10px;
    position: relative;
    color: #fff;
    text-decoration: none;
    transition: .5s ease;
    border: 1px solid transparent;
    border-radius: 2px 20px 2px 20px;
}
.abt-social ul li a.abt-fb {
	background: #3b5999;
}
.abt-social ul li a.abt-fb i {
	padding: 0px 2px;
}
.abt-social ul li a.abt-linked {
	background: #0077B5;
}
.abt-social ul li a:hover {
    background: #c00202;
}
.abt-director-info {
	font-size: 18px;
	line-height: 40px;
    padding: 10px 0px 0px;
    color: #313131;
    text-align: justify;
}
.video-section {
	padding: 50px 0px 50px;
    position: relative;
    background: #fbfbfb;
	background-image: url(../img/bg_dots.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.video-head {
	padding: 0px 0px 30px;
	position: relative;
}
.video-head h3 {
	font-size: 30px;
    width: 10%;
    margin-left: 30%;
    text-align: center;
    color: #ababab;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.video-head hr {
	width: 24%;
    left: 40%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #c10202;
}
.video-head h2 {
	font-size: 30px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.video-section .video { padding-top: 7%;}

.fb-video {width:100%; height:350px;}

				/* ------------ about company page ---------------*/
				
.company-banner {
	padding: 20px 0px 20px;
    position: relative;
    background: #f7f7f759;
    background-image: url(https://www.transparenttextures.com/patterns/sprinkles.png);
}
.company-banner-head {
	position: relative;
}
.company-banner-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 28%;
    text-align: center;
    color: #0d7a7d;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.company-banner-head hr {
	width: 15%;
    left: 44%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #c10202;
}
.company-banner-head h2 {
	font-size: 40px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.abt-company {
	padding: 97px 0px 98px;
	position: relative;
}
.company-image {
	padding: 1%;
    background-color: #0d7a7d;
}
.company-image img {
	width: 100%;
}
.company-info {
	padding: 2px 20px 0px;
}
.abt-company-head {
	padding: 0px 0px 10px;
}
.abt-company-head h4 {
	font-size: 26px;
    line-height: 50px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #c10202;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.abt-company-info {
	font-size: 18px;
    line-height: 40px;
    padding: 10px 0px 0px;
    color: #313131;
    text-align: justify;
}
.company-btn {
	padding: 10px 0px 0px;
}
.company-btn a {
    background-color: #c10202;
    font-size: 20px;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    text-transform: capitalize;
    border: 2px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
    text-decoration: none;
    transition: all 0.5s ease;
}
.company-btn a:hover {
    color: #c10202;
    background: #fefefe;
    border: 2px solid #c10202;
    box-shadow: 2px 4px 10px -2px rgba(193, 2, 2,0.50);
}
.vision-mission-section {
	/*background-image: url(../img/bg-3.png);*/
    min-height: 540px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}
.vision-mission-section .opacity {
	padding: 100px 0px 62px;
    background: #0d7a7d;
    color: #FFF;
}
.vision-mission {
}
.vision-mission .nav-center {
    text-align: center;
	/*background-image: url(../img/vision-tab-bg.jpg);
	background-repeat: no-repeat;
    background-size: cover;*/
	position: relative;
}
.vision-mission .nav-tabs {
    border-bottom: 1px solid transparent;
    display: flex;
}
.vision-mission .nav-tabs li {
    flex-grow: 1;
}
.vision-mission .nav-tabs li a {
    font-size: 20px;
    padding: 10px 15px;
    color: #ededed;
    background: #00000040;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    margin: 0;
    text-decoration: none;
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.vision-mission .nav-tabs li a.active {
    border: 1px solid #ededed;
    border-bottom-color: transparent;
    background: #ededed;
    color: #c10202;
}
.vision-mission .nav-tabs li a:hover {
    border: 1px solid #ededed;
    border-bottom-color: transparent;
    background: #ededed;
    color: #c10202;
}
.vision-mission .tab-content {
    padding: 20px 20px 20px;
    box-shadow: 0px 0 15px rgba(0, 0, 0, 0.0);
}
.vision-mission .tab-content .tab-pane {
    padding-top: 30px;
}
.vision-mission .tab-content .tab-pane .info {
    font-size: 18px;
	line-height: 40px;
    padding: 0px 0px 0px;
    color: #ffffff;
    text-align: justify;
}
.why-us-section {
	padding: 80px 0px 80px;
	position: relative;
}
.why-head {
	padding: 0px 0px 30px;
	position: relative;
}
.why-head h3 {
	font-size: 30px;
    width: 10%;
    margin-left: 38%;
    text-align: center;
    color: #ababab;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.why-head hr {
	width: 10%;
    left: 46%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #c10202;
}
.why-head h2 {
	font-size: 30px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.why-us {
	margin: 30px 40px;
	height: 340px;
    border: 1px solid #0d7a7d;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 10px 10px 0px #dcdcdc;
    transition: all .5s ease;
}
.why-us:hover {
    box-shadow: 5px 5px 0px #0d7a7d;
    transform: translateY(10px);
}
.why-us .icon {
	text-align: center;
}
.why-us .icon img {
}
.why-us h4 {
	font-size: 25px;
    padding: 0px 0px 10px;
	text-align: center;
    color: #c10202;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.why-us .info {
	font-size: 16px;
    padding: 0px 20px 20px;
    color: #313131;
    text-align: justify;
}
			
				/* ------------ awards page ---------------*/
				
.award-banner {
	padding: 20px 0px 20px;
    position: relative;
    background: #0d7a7d;
}
.award-banner-head {
	position: relative;
}
.award-banner-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 25%;
    text-align: center;
    color: #ffffff;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.award-banner-head hr {
	width: 17%;
    left: 44%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #ffffff;
}
.award-banner-head h2 {
	font-size: 40px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.award-section {
	padding: 50px 0px 50px;
	position: relative;
}

.awdtitle h1 {
    color: #c10202;
    text-align: center;
    padding: 2% 0% 3%;
}
 .awardtltline {
margin-top: -2rem;
    margin-bottom: 3rem;
    border: 0;
    width: 75%;
    border-top: 3px solid #c10202;}

.awdData {padding: 5px 15px; text-align: justify;
    }

.awdData h5 {padding: 1rem 0rem;
    line-height: 3rem;}


.award-block {
    padding: 0rem 1rem 0rem;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 2rem;
    transition: all .5s ease;
}
.award-block .award-img {
    width: 100%;
    height: auto;
    border: 1px solid #0d7a7d;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 10px 10px 0px #dcdcdc;
    transition: all .5s ease;
}
.award-block:hover .award-img {
    /*box-shadow: 5px 5px 0px #0d7a7d;*/
    transform: translateY(10px);
}	
.award-block .award-img img {
}
.award-img .overlay {
    position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    text-align: center;
    height: 100%;
    display: block;
    background: rgb(125, 163, 9, 0.75);
    opacity: 0;
    transition: all 500ms ease;
}
.award-img:hover .overlay {
    top: 0px;
    opacity: 1;
}
.award-img .overlay .icon {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
    display: inline-block;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
}
.award-block h4 {
	font-size: 22px;
    padding: 20px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    transition: all .5s ease;
}
.award-block:hover h4 {
	transform: translateY(10px);
}	
.award-modal .modal-header {
	padding: 0.5rem 1rem;
    border-bottom: 0px solid #dee2e6;
}
.award-modal .modal-header .close {
	padding: 0.5rem 1rem;
    margin: -0.5rem -1rem -1rem auto;
}
.award-modal .modal-img {
	position: relative;
    overflow: hidden;
}
.award-modal .modal-img img {
	width: 100%;
    max-width: 100%;
}

				/* ------------ certificates page ---------------*/
				
.certificate-banner {
	padding: 20px 0px 20px;
    position: relative;
    background: #0d7a7d;
}
.certificate-banner-head {
	position: relative;
}
.certificate-banner-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 25%;
    text-align: center;
    color: #ffffff;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.certificate-banner-head hr {
	width: 17%;
    left: 44%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #ffffff;
}
.certificate-banner-head h2 {
	font-size: 40px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.certificate-section {
	padding: 50px 0px 50px;
	position: relative;
}	
.certificate-block {
    padding: 0rem 1rem 0rem;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 2rem;
    transition: all .5s ease;
}
.certificate-block .certificate-img {
    width: 100%;
    height: auto;
    border: 1px solid #0d7a7d;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 10px 10px 0px #dcdcdc;
    transition: all .5s ease;
}
.certificate-block:hover .certificate-img {
    /*box-shadow: 5px 5px 0px #0d7a7d;*/
    transform: translateY(10px);
}	
.certificate-block .certificate-img img {
}
.certificate-img .overlay {
    position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    text-align: center;
    height: 100%;
    display: block;
    background: rgb(125, 163, 9, 0.75);
    opacity: 0;
    transition: all 500ms ease;
}
.certificate-img:hover .overlay {
    top: 0px;
    opacity: 1;
}
.certificate-img .overlay .icon {
    position: relative;
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
    display: inline-block;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
}
.certificate-block h4 {
	font-size: 22px;
    padding: 20px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    transition: all .5s ease;
}
.certificate-block:hover h4 {
	transform: translateY(10px);
}			
.certificate-modal .modal-header {
	padding: 0.5rem 1rem;
    border-bottom: 0px solid #dee2e6;
}
.certificate-modal .modal-header .close {
	padding: 0.5rem 1rem;
    margin: -0.5rem -1rem -1rem auto;
}
.certificate-modal .modal-img {
	position: relative;
    overflow: hidden;
}
.certificate-modal .modal-img img {
	width: 100%;
    max-width: 100%;
}			

				/* ------------ recognitions page ---------------*/
				
.recognition-banner {
	padding: 20px 0px 20px;
    position: relative;
    background: #f7f7f759;
    background-image: url(https://www.transparenttextures.com/patterns/sprinkles.png);
}
.recognition-banner-head {
	position: relative;
}
.recognition-banner-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 28%;
    text-align: center;
    color: #0d7a7d;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.recognition-banner-head hr {
	width: 21%;
    left: 46%;
    top: 10%;
    position: absolute;
    border-top: 3px solid #c10202;
}
.recognition-banner-head h2 {
	font-size: 40px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.recognition-section {
	/*background-image: url(../img/recognition-bg.jpg);
    min-height: 300px;
    /*background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	position: relative;
}	
.recognition-section .opacity {
	padding: 50px 0px 50px;
    /*background: rgba(0, 0, 0, 0.09);
    color: #FFF;*/
}
.recognition-head {
	padding: 0px 0px 30px;
}
.recognition-head h3 {
	font-size: 25px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #c10303;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.recognition {
	padding: 20px 0px 20px;
    position: relative;
}
.recognition .carousel-indicators {
    bottom: -40px;
}
.recognition .carousel-indicators li {
    background-color: #0d7a7d;
	opacity: 1;
}	
.recognition .carousel-indicators .active {
    opacity: 1;
    background-color: #c10303;
}	
.recognition .testi-info {
    padding: 10px 100px 10px;
}
.testi-icon {
	text-align: center;
    padding: 0px 0px 20px;
}
.testi-icon img {
	border: 1px solid #0d7a7d;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 5px 5px 0px #e8e8e878;
    transition: all .5s ease;
}
.recognition .testi-info .info {
    font-size: 18px;
    padding: 0px 10px 0px;
    line-height: 35px;
    font-style: italic;
    text-align: justify;
    color: #313131;
	position: relative;
}
.recognition .testi-info .info:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    position: absolute;
    left: -30px;
    top: -10px;
    font-size: 30px;
    color: #0d7a7d;
}
.recognition .testi-info h5 {
    font-size: 20px;
    padding: 30px 0px 10px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
}

/* ------------ clients page ---------------*/
				
.clients-banner {
	padding: 20px 0px 20px;
    position: relative;
    background: #f7f7f759;
    background-image: url(https://www.transparenttextures.com/patterns/sprinkles.png);
}
.clients-banner-head {
	position: relative;
}
.clients-banner-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 31%;
    text-align: center;
    color: #0d7a7d;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.clients-banner-head hr {
	width: 8%;
    left: 47%;
    top: 10%;
    position: absolute;
    border-top: 3px solid #c10202;
}
.clients-banner-head h2 {
	font-size: 40px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.clients-section {
	/*background-image: url(../img/recognition-bg.jpg);
    min-height: 300px;
    /*background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	position: relative;
}	
.clients-section .opacity {
	padding: 50px 0px 50px;
    /*background: rgba(0, 0, 0, 0.09);
    color: #FFF;*/
}
.Clogo-wrap {padding: 50px 0px 50px;
    position: relative;
    /*background: #fbfbfb;
    background-image: url(../img/bg_dots.jpg); */}

.client-logo-grid {
	max-width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}
.client-logo-block {
	width: 25%;
    padding: 0px 10px 0px;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin: 2rem;
    transition: all .5s ease;
    box-shadow: 0px 0px 14px 4px #eee;
}
.client-logo-block:hover {
	transform: translateY(10px);
}
.client-logo-block .icon-box {
	width: 100%;
    height: auto;
    border: 1px solid transparent; 
    border-radius: 0px;
    overflow: hidden;
    /* box-shadow: 10px 10px 0px #dcdcdc; */
    transition: all .5s ease;
}
.client-logo-block:hover .icon-box {
	/*border: 1px solid #0d7a7d; */
}
.client-logo-block .icon-box img {
}



				/* ------------ UPS on rent page ---------------*/
				
.rent-banner {
	background-image: url(../img/ups-rent-bg.jpg);
    min-height: 300px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;	
}
.rent-banner .opacity {
	background: rgba(0, 0, 0, 0.30);
    padding: 120px 0px 150px;
    color: white;
}
.rent-banner-head {
}
.rent-banner-head h2 {
	font-size: 35px;
    padding: 0px 150px 0px;
    text-align: right;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.rent-banner-head h3 {
	font-size: 25px;
    padding: 20px 50px 0px;
    text-align: right;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.rent-product {
	padding: 50px 0px 50px;
	position: relative;
}
.rent-product-head {
	padding: 0px 0px 30px;
	position: relative;
}
.rent-product-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 20%;
    text-align: center;
    color: #ababab;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.rent-product-head hr {
	width: 28%;
    left: 38%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #c10202;
}
.rent-product-head h2 {
	font-size: 35px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.image-grid {
	max-width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}
.image-grid .rent-block {
	width: 30%;
    padding: 0rem 1rem 0rem;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 2rem;
    transition: all .5s ease;
}
.image-grid .rent-block .image-box {
	width: 100%;
    height: auto;
    border: 1px solid #0d7a7d;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 10px 10px 0px #dcdcdc;
    transition: all .5s ease;
}
.image-grid .rent-block:hover .image-box {
    box-shadow: 5px 5px 0px #0d7a7d;
	transform: translateY(10px);
}
.image-grid .rent-block .image-box img {
}
.image-grid .rent-block h4 {
	font-size: 22px;
    padding: 20px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    transition: all .5s ease;
}
.image-grid .rent-block:hover h4 {
	transform: translateY(10px);
}
.rent-feature {
	padding: 4% 0% 8%;
	position: relative;
	background: #fbfbfb;
	background-image: url(../img/bg_dots.jpg);
}
.rent-feature-head {
	padding: 0px 0px 30px;
	position: relative;
}
.rent-feature-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 25%;
    text-align: center;
    color: #ababab;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.rent-feature-head hr {
	width: 16%;
    left: 42%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #c10202;
}
.rent-feature-head h2 {
	font-size: 30px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.rent-feature-grid {
	max-width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
	    padding-top: 5%;
}
.rent-feature-block {
	width: 31%;
    padding: 30px 10px;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 2rem;
    transition: all .5s ease;
    box-shadow: 0px 0px 14px 4px #eee;
    margin: 1%;
}
.rent-feature-block:hover {
	transform: translateY(10px);
}
.rent-feature-block .icon-box {
	width: 100%;
    height: auto;
    border: 1px solid transparent; 
    border-radius: 0px;
    overflow: hidden;
    /* box-shadow: 10px 10px 0px #dcdcdc; */
    transition: all .5s ease;
}
.rent-feature-block:hover .icon-box {
	/* border: 1px solid #0d7a7d;*/
}
.rent-feature-block .icon-box img {
}
.rent-feature-block h2 {
	font-size: 33px;
    line-height: 30px;
    padding: 10px 0px 15px;
    text-align: center;
    color: #c10202;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    transition: all .5s ease;
}


.rent-feature-block h3 {
	/*color: #c10202;*/ font-size: 22px;
}



				/* ------------ preventive maintenance page ---------------*/ 

.preventive-banner	{
	background-image: url(../img/preventive-banner-bg.jpg);
    min-height: 300px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;	
}
.preventive-banner .opacity {
	background: rgba(0, 0, 0, 0.30);
    padding: 150px 0px 150px;
    color: white;
}
.preventive-banner-head {
}
.preventive-banner-head h2 {
	font-size: 35px;
    padding: 0px 0px 0px;
    text-align: left;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
} 
.preventive-section {
	padding: 88px 0px 50px;
	position: relative;
}


/* new */

.preventive-head {
	top: 0%;
	position: relative;
}
.preventive-head h3 {
	font-size: 50px;
    padding: 0px 0px 30px;
    text-align: center;
    color: #c20505;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.preventive-head h4 {
	font-size: 21px;
    line-height: 50px;
    padding: 0px 0px 0px;
    text-align: justify;
    color: #444;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
	padding: 0px 4%;
}
/* new end */

.preventive-section .info {
	font-size: 18px;
    padding: 0px 0px 30px;
    color: #313131;
    text-align: justify;
}
.preventive-section .prevent-benefit {
}
.preventive-section .prevent-benefit h4 {
	font-size: 22px;
    padding: 0px 0px 0px;
	text-align: left;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.preventive-section .prevent-benefit ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.preventive-section .prevent-benefit ul li {
	font-size: 18px;
    padding: 10px 0px 10px 8px;
    color: #313131;
    text-align: justify;
}
.preventive-section .prevent-benefit ul li:before {
    content: '\f1d9';
    font-family: fontAwesome;
    font-size: 16px;
    margin-right: 30px;
    margin-bottom: 20px;
    float: left;
    color: #0d7a7d;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}

.preventive-feature {
	padding: 50px 0px 50px;
	position: relative;
	background: #ffff;
	/*background-image: url(../img/bg_dots.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
}
.prevent-feature-head {
	padding: 0px 0px 20px;
	position: relative;
}
.prevent-feature-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 24%;
    text-align: center;
    color: #ababab;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.prevent-feature-head hr {
	width: 25%;
    left: 40%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #c10202;
}
.prevent-feature-head h2 {
	font-size: 30px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.prevent-feature-list {
    padding: 5% 2%;
}
.prevent-feature-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.prevent-feature-list ul li {
    font-size: 18px;
    padding: 10px 0px 10px 10px;
    color: #313131;
    text-align: justify;
}
.prevent-feature-list ul li:before {
    content: '\f1d9';
    font-family: fontAwesome;
    font-size: 16px;
    margin-right: 30px;
    margin-bottom: 20px;
    float: left;
    color: #0d7a7d;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}

.dc-pre {
    background-image: url(../img/preventive-bg.jpg);
    min-height: 200px;
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.dc-pre .opacity {
	padding: 50px 0px 50px;
    background: rgba(0, 0, 0, 0.50);
    color: #FFF;
}

.dcpre-feature-head {
	padding: 0px 0px 67px;
	position: relative;
}
.dcpre-feature-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 24%;
    text-align: center;
    color: #fff;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.dcpre-feature-head hr {
	width: 21%;
    left: 43%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #fff;
}
.dcpre-feature-head h2 {
	font-size: 30px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
	




.dcpre-head h4
{font-size: 22px;
    padding: 0px 0px 0px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;}


.dcpre-feature-list {
    padding: 5% 2%;
}
.dcpre-feature-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.dcpre-feature-list ul li {
    font-size: 18px;
    padding: 10px 0px 10px 10px;
    color: fff;
    text-align: justify;
}
.dcpre-feature-list ul li:before {
    content: '\f1d9';
    font-family: fontAwesome;
    font-size: 16px;
    margin-right: 30px;
    margin-bottom: 20px;
    float: left;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}



				/* ------------ industrial maintenance page ---------------*/ 

.industrial-prev-banner	{
	background-image: url(../img/preventive-banner-bg.jpg);
    min-height: 300px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;	
}
.industrial-prev-banner .opacity {
	background: rgba(0, 0, 0, 0.30);
    padding: 150px 0px 150px;
    color: white;
}
.industrial-prev-head {
}
.industrial-prev-head h2 {
	font-size: 35px;
    padding: 0px 0px 0px;
    text-align: left;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.ip-maintenance {
	padding: 80px 0px 80px;
	position: relative;
}
.ip-maintenance-image {
}
.ip-maintenance-image img {
}
.ip-maintenance-head {
	top: 0%;
	position: relative;
}
.ip-maintenance-head h3 {
	font-size: 50px;
    padding: 0px 0px 30px;
    text-align: center;
    color: #c20505;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.ip-maintenance-head h4 {
	font-size: 35px;
    line-height: 50px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #0d7a7d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.ip-maintenance-info {
	font-size: 18px;
	line-height: 40px;
    padding: 40px 0px 0px;
    color: #313131;
    text-align: justify;
}
.ip-maintenance-feature {
	padding: 50px 0px 50px;
    background-color: #f5f5f5;
    background-image: url(https://www.transparenttextures.com/patterns/clean-textile.png);
	position: relative;
}
.ip-maintenance-feature .white-bg {
	padding: 30px 30px 30px;
	/* background: #ffffff;*/
}
.ip-maintenance-feature-head {
	padding: 0px 0px 20px;
	position: relative;
}
.ip-maintenance-feature-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 24%;
    text-align: center;
    color: #ababab;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ip-maintenance-feature-head hr {
	width: 25%;
    left: 40%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #c10202;
}
.ip-maintenance-feature-head h2 {
	font-size: 30px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.maintenance-feature-list {
	padding: 5px 40px;
}
.maintenance-feature-list ul {
	margin: 0;
    padding: 0;
    list-style: disc;
}
.maintenance-feature-list ul li {
	font-size: 18px;
    padding: 10px 0px 10px 10px;
    color: #444;
    text-align: justify;
}
.ip-maintenance-benefit {
	padding: 80px 0px 80px;
	position: relative;
}
.ip-benefit-head {
	padding: 0px 0px 30px;
	position: relative;
}
.ip-benefit-head h3 {
	font-size: 30px;
    width: 20%;
    margin-left: 24%;
    text-align: center;
    color: #ababab;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.ip-benefit-head hr {
	width: 25%;
    left: 40%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #c10202;
}
.ip-benefit-head h2 {
	font-size: 30px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.benefit-list {
}
.benefit-list ul {
	margin: 0;
    padding: 0;
    list-style: disc;
}
.benefit-list ul li {
	font-size: 18px;
    padding: 10px 0px 10px 10px;
    color: #444;
    text-align: justify;
}
.ip-maintenance-benefit .benefit-image {
	padding: 20px 0px 0px;
	text-align: center;
}
.ip-maintenance-benefit .benefit-image img {
}

				/* ------------ AMC page ---------------*/ 

.amc-banner	{
	background-image: url(../img/amc-bg.jpg);
    min-height: 300px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;	
}
.amc-banner .opacity {
	background: rgba(0, 0, 0, 0.30);
    padding: 150px 0px 150px;
    color: white;
}
.amc-banner h2 {
	font-size: 35px;
    padding: 0px 0px 0px;
    text-align: left;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
} 
.amc-info-section {
	padding: 80px 0px 80px;
	position: relative;
}
.amc-info {
	font-size: 18px;
	line-height: 40px;
    padding: 0px 0px 0px;
    color: #313131;
    text-align: justify;
}
.amc-feature-section {
	background-image: url(../img/amc-feature-bg.jpg);
    min-height: 200px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}
.amc-feature-section .opacity {
	padding: 50px 0px 50px;
    background: rgba(0, 0, 0, 0.50);
    color: #FFF;
}
.amc-feature-head {
	padding: 0px 0px 65px;
	position: relative;
}
.amc-feature-head h3 {
	font-size: 30px;
    width: 15%;
    margin-left: 30%;
    text-align: center;
    color: #ffffff;
    font-family: 'Courgette'!important;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}
.amc-feature-head hr {
	width: 18%;
    left: 42%;
    top: 10%;
    position: absolute;
	border-top: 3px solid #ffffff;
}
.amc-feature-head h2 {
	font-size: 30px;
    padding: 10px 0px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
} 
.amc-feature {
}
.amc-feature ul {
	margin: 0;
    padding: 0;
    list-style: disc;
}
.amc-feature ul li {
	font-size: 18px;
    padding: 10px 30px 10px 0px;
    color: #ffffff;
    text-align: justify;
}


/*----------------- Privacy policy Page ---------------- */


.privacy-banner	{
	background-image: url(../img/privacy-policy.png);
    min-height: 300px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;	
}

.privacy-banner .opacity {
	background: rgba(0, 0, 0, 0.30);
    padding: 150px 0px 150px;
    color: white;
}

.privacy-banner h2 {
	font-size: 35px;
    padding: 0px 0px 0px;
    text-align: left;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
} 


/*----------------- Gallery Page ---------------- */

.gallery-section {
	padding: 60px 0px 60px;
	position: relative;
}
.gallery-section .container-fluid {
	padding: 0px 5px;
}

.product-filter {
	padding: 50px 0px 50px;
	position: relative;
}
.product-list {
	padding: 20px 0px 20px;
}
.product-list ul {
	margin: 0;
    padding: 0;
    /* width: 100%; */
    max-width: 100%;
    display: flex;
    justify-content: center;
	overflow: hidden;
}
.product-list ul li {
	list-style: none;
    width: 15%;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
	font-size: 18px;
    text-align: center;
    background: #eeeeee;
    color: #504438;
    font-weight: 600;
    text-transform: capitalize;
	cursor: pointer;
}
.product-list ul li:hover, .product-list ul li.active {
	background: #c10202;
    color: #ffffff;
}	
.product-wrap-box {
	padding: 30px 0px 30px;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
    position: relative;
}
.product-wrap-box .box {
	height: 200px;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    transition: all 0.5s ease-in;
    position: relative;
	border: 1px solid #eeeeee;
}
.product-wrap-box .box img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-wrap-box .box .gallery-btn {
	position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    text-align: center;
    height: 100%;
    display: block;
    background: #c10202;
    opacity: 0;
    transition: all 500ms ease;
}
.product-wrap-box .box:hover .gallery-btn {
    top: 0px;
    opacity: 1;
}
.product-wrap-box .box .gallery-icon {
	position: relative;
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
    display: inline-block;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
}