body{font:600 18px 'Oswald', monospace !important; padding:0; margin:0;}
/*---------------------------Header--------------------------*/
table{width: 70% !important; margin-left:10% !important; margin-right:10% !important;}
table, th, td {
  border: 1px solid black !important;
}
th{font-size: 20px !important;text-align: center !important;}
td{padding:1% !important;}
header{width:100%; height:auto; background:#003346; position:fixed; z-index:1;}
#header-wrap{width:100%; max-width:1200px;  margin:0 auto;}
#logo{float:left;}
 #logo a img{padding:6px 0;}
#header-menu{float:right;}
#menu_links ul{margin:0;}
#menu_links li a{font:600 16px 'Oswald'; padding:26px 16px;}
#menu_links ul li{ display: inline-block; }
#menu_links ul li a{transition:all 0s ease-in-out 0s; font:600 16px 'Oswald'; letter-spacing: 3.5px; text-align: left;position: relative;display: block;color: #fff;}
#menu_links ul li a:hover, #menu_links.acttl{   text-decoration:none; transition:all 0s ease-in-out 0s;/* padding-top:22px; */ background:#6ba1b8}
#menu_links ul li.acttl{background: #6ba1b8;   }
#menu_links ul li a::before{opacity: 0;border-bottom: 7px solid #e9b006;/* border-left: 7px solid transparent; left:-7px;*/content: "";position: absolute;top: 0;}
#menu_links ul li a::after{opacity: 0;border-bottom: 7px solid #e9b006;/* border-right: 7px solid transparent; right:-7px;*/content: "";position: absolute;top: 0}
#menu_links ul li a:hover::before, #menu_links li a:hover::after{opacity: 1}
#menu_links ul li a p::first-letter{border-top:2px solid #fff;font-size: 16px}
#menu_links ul ul {  padding:10px 10px; border:1px solid #003346;	background:#003346; 	opacity:0;	position:absolute;	top:160%;	visibility:hidden;	transition:all .4s ease;	-webkit-transition:all .4s ease; z-index:4;}
#menu_links ul li ul li a:hover, #menu_links ul li ul li a:last-child:hover{ color:#FBB338 ;}
#menu_links ul li ul li:hover{border-bottom:none;}
#menu_links ul li ul li:last-child a{background:transparent; border:none; transition:none; }
#menu_links ul li ul li:last-child a:hover{ border:none;}
#menu_links ul ul ul {	top:0%;	left:160%;}
#menu_links ul ul li:hover > ul {	top:0%;	left:100%;	opacity:1;	visibility:visible;}
#menu_links ul li:hover > ul {	opacity:1;	top:100%;	visibility:visible;}
#menu_links ul li {	float:left;	position:relative;}
#menu_links ul li  ul li{    text-align: left;   width:250px;}
#menu_links ul li  ul li a{padding:6px 6px; font:600 16px 'Oswald', sans-serif; color:#fff;}
#menu_links ul li  ul li:hover{background: #6ba1b8 }
#menu_links ul li ul li a:hover::before{opacity: 0;border-bottom: 0;border-left: 0;left:0;content: "";position: absolute;top: 0;}
#menu_links ul li ul li a:hover::after{opacity: 0;border-bottom:0;border-right:0;right:0;content: "";position: absolute;top: 0}
#menu_links ul li ul li a:hover{padding:6px 6px; margin:0; color:#fff!important;}
#menu_links ul li {cursor: pointer; }
/*-------------------------banner-------------------------*/
#main-banner{width:100%; height:auto;}
#main-banner img{width:100%; height:auto; }
/*-------------------------banner End-------------------------*/

/*-------------------------Home About-------------------------*/
#home-about{width:100%; height:auto; box-shadow:0px 5px 6px rgb(30 30 30 / 6%);background: #6ba1b8;}
#home-about-wrap{max-width:1200px; height:auto; margin:0 auto; width:100%; padding:4% 0;}
#home-about-left{width:50%; float:left;}
#home-about-left h2{font:600 38px 'Oswald', sans-serif; color:#3D3D3D; letter-spacing: 4.5px;}
#home-about-left h5{font:600 22px 'Oswald', sans-serif; color:#3D3D3D; letter-spacing: 4.4px;}
#home-about-left p{font:22px 'Oswald', sans-serif;  color:#333; padding:2% 0 0 0; font-weight: 500;letter-spacing: 1.4px;}
#abt-content{padding:2% 0 0;}
#home-about-right{width:45%; float:right; text-align:right;padding:6% 0 3%;}
#home-abt-img img{width:100%; height:auto;}
#home-abt-img{padding:0 0 0;}
.my-haeder-line{height: 5px;width: 70px;background-color:#003346;margin:8px 0 20px 0;}
.my-haeder-line-center{height: 5px;    width: 70px;background-color:#fff;margin:8px 0 20px 0; margin:0 auto;}
.my-haeder-line-center-blue {    height: 5px;    width: 70px;   background-color: #003346;   margin: 8px 0 20px 0;    margin: 1% auto;}
.team-content{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;padding: 5%;}
.team-content p{color:#ffffff !important;}
/*-------------------------Home About-------------------------*/
/*------------------------- 0Home services-------------------------*/
#home-services{width:100%; height:auto;}
#home-services-wrap{max-width:1200px; height:auto; margin:0 auto; width:100%; padding:4% 0;}
#home-services-left{width:50%; float:right;}
#home-services-left h2{font:600 36px 'Oswald', sans-serif; color:#3D3D3D; letter-spacing: 4.5px;}
#home-services-left p{font:14px/27px 'Oswald', sans-serif;  color:#333; padding:2% 0 0 0; margin:0;}
#services-content{padding:2% 0 0;}
#home-services-right{width:45%; float:left; padding:6% 0;}
#home-services-img img{width:100%; height:auto;}
#home-services-img{padding:10% 0 0;}
/*-------------------------Home services-------------------------*/
/*-------------------------product services-------------------------*/
#product-main-inner{width:100%; height:auto}
#product-wrap-inner{ background-color: #ddd;background-image: url(../images/dark.png);width:100%; height:auto; max-width:1200px; margin:0 auto;padding:4% 0; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
#product-wrap-inner-left{width:72%; float:left;}
.product-para{padding:1% 3%;}
.product-para  h3{    font: 600 26px 'Oswald', sans-serif;   color: #3D3D3D;    letter-spacing: 1.5px;}	
.product-para  h5{    font: 600 18px 'Oswald', sans-serif;    color: #3D3D3D;    letter-spacing: 1.5px;}
.product-para p{    font: 20px/27px 'Oswald', sans-serif;   color: #333; font-weight: 500;letter-spacing: 1.4;   }
#product-wrap-inner-right{width: 25%;   float: right;   /* box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; */    border-left: 2px solid #ddd;   margin: 3% 0 0 0;   padding: 2px 0 0px 20px; }
#product-wrap-inner-right ul {   list-style-type: none;      }
#product-wrap-inner-right h5 {color: #003346; padding: 0 0 4px;font:500 26px/30px 'Inconsolata', monospace; margin: 0 0 0 9px;}
#product-wrap-inner-right ul li {text-align: left; background: url(../images/bullet-blue.png) scroll 0 17px no-repeat;border-bottom: 1px dotted #688249;padding:5px 13px;}
#product-wrap-inner-right ul li a{font: 14px/30px 'Oswald', sans-serif;color: #333333;}
.actlnk a{color:#003346 !important;font:600 14px/30px 'Oswald', sans-serif!important;}
.product-inner-images{padding:0 20px;}
.product-inner-images ul{ list-style-type: none;  padding: 2px 2px;}
.spl-product-img{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.product-inner-images ul li img{width:240px; height:180px;box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;}
.product-inner-images ul li{display: inline-block; padding:6px;}
.border-product {    border-bottom: 1px solid #003346;    margin: 0 0 11px;}
.product-para-list ul {    list-style-type: none;   margin: 18px 0 0;}
.product-para-list li{    color: #333;   font: 14px/27px 'Oswald', sans-serif;    text-align: left;    padding: 2px 0 2px 12px;    background: url(../images/bullet-blue.png)no-repeat 0 12px;}
#product-wrap-inner-left h1{display:inline-block; letter-spacing:4.5px; background-color:#003346;color:#fff;font:600 22px 'Oswald', sans-serif;padding:5px 30px 5px 10px;margin:0;position:relative;right:0;top:0;transition:all .4s ease 0s;z-index:0}
#product-wrap-inner-left h1::after{border-left:31px solid transparent;border-right:0 solid rgba(254,254,254,1);border-top:32px solid rgba(254,254,254,1);content:"";position:absolute;right:0;top:0;transition:all .4s ease 0s;z-index:0}
.pro-tlt{margin-top: 10px;}
.pro-head{font-size: 18px;color: #000; font-weight: 600; text-align: center;}
/*------------------------- product-------------------------*/
/*-------------------------offer services-------------------------*/
#offer-box{width:100%; height:auto; }
section.module.parallax {    height: auto;   background-position: 50% 50%;   background-repeat: no-repeat;    background-attachment: fixed;    background-size: cover;}
section.module.parallax-3{    background: #003346;}
section.module.parallax-1{   background: #003346;}
#offer-box-wrap h2{font:600 38px 'Oswald', sans-serif; color:#fff; letter-spacing: 4.5px;}
#offer-txt {    padding: 0% 0 4%;    width: 75%;    margin: 0 auto;}
#offer-txt p{font:14px/27px 'Oswald', sans-serif;  color:#fff; padding:4% 0 0 0;}
#offer-box-wrap{width:100%; max-width:1200px; margin:0 auto; height:auto; text-align:center; padding:6% 0;}
.card {
  width:31%; margin:0 10px; 
  height:auto;
  padding:20px 0 4% 6px;
  background: linear-gradient(#ffffff 50%, #6ba1b8 50%);
  background-size: 100% 200%;
  background-position: 0 2.5%;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: 0.5s;
  float:left;
}
.card h3{font:600 20px 'Oswald', sans-serif; color:#3D3D3D; padding:18px 0 4px 0;}
.card p{font:14px/27px 'Oswald', sans-serif; color:#333!important;}
.icon-wrapper {  background-color: #6ba1b8;  position: relative; margin: auto;  font-size: 30px;  height: 2.5em;  width: 2.5em;  color: #ffffff;  border-radius: 50%;  display: grid; place-items: center; transition: 0.5s;}
.card:hover {  background-position: 0 100%;}
.card:hover .icon-wrapper {  background-color: #ffffff;  color: #6ba1b8;}
.card:hover h3 {  color: #ffffff;}
.card:hover p {  color: #f0f0f0;}
/*----------------------------count------------------------*/
#year-cunt{     background-color: #6ba1b8; border-bottom:1px solid #b7b0b0}
#year-cunt-wrap{max-width:1200px; margin:0 auto; width:100%; height:auto; padding:5% 0 2%;}
#year-cunt-wrap h3{font:600 32px 'Oswald', sans-serif; color:#3d3d3d; margin:0; text-align:center;}
#running-main-box{padding:4% 0;}
.num-running-box{float:left; width:24%; text-align:center;}
.num-running-box h4{font:22px/27px 'Oswald', sans-serif; color:#333;}
.num-running-box p{font:16px/27px 'Oswald', sans-serif; color:#333;}
.num-running-box span{font:600 36px 'Oswald', sans-serif; color:#003346;}
/*-------home gallery-----------------------*/
#home-gallery-main{width:100%; height:auto;}
#home-gallery-wrap{max-width:1200px; margin:0 auto; height:auto; width:100%; padding:4% 0;}
#home-gallery-wrap h2{font: 600 38px 'Oswald', sans-serif;    color: #3D3D3D;    letter-spacing: 4.5px;}
#home-gallery-wrap p{font: 14px/27px 'Oswald', sans-serif;    color: #333; padding:10px 0 10px 0;}
.blue-bg{background: #6ba1b8;}
.infra ul li{margin:10px !important;}
.blue-bg h1, p {color: #ffffff;}
/*-------get in touch -----------------------*/
#getin-touch-main{width:100%; height:auto;     background-color: #003346; /* For browsers that do not support gradients */
  background-image:  linear-gradient(to right,#003346 50%, #6ba1b8 50%); }
  
  
  
 
  
  
#getin-touch-wrap{width:100%; height:auto; max-width:1200px; margin:0 auto; padding:4% 0 1% 0;}
#home-contact-form{float:right; width:45%; margin:3% 0;}
#home-contact-form input, #home-contact-form textarea{ background:#fff; font:14px/27px 'Oswald', sans-serif; padding:25px 18px;}
#home-contact-form input::placeholder, #home-contact-form textarea::placeholder { color: #333;}
#home-contact-form textarea{height:100px;  }
#home-contact-inner {padding:16px 0 0;}
#home-contact-btn input {background:#6ba1b8; border:1px solid #6ba1b8; font:20px/30px 'Oswald', sans-serif; color:#fff; padding:6px 40px; height:auto; }
#home-contact-btn input:hover{ background-color: #fff; color:#333; border:1px solid #2D74BA;}
#contact-home-address{width:50%; float:left;}
#contact-home-address h2{font:600 32px 'Oswald', sans-serif; color:#fff; letter-spacing: 4.5px;}
#address-content h5{font:600 26px 'Oswald', sans-serif; color:#fff; padding:15px 0 10px 0;}
#address-content p, #address-content p a {    font: 16px/27px 'Oswald', sans-serif;    color: #fff;   }
#address-content p i{color:#fff; padding:0 5px 0px  0px;}
#address-content p span{display: inherit;}
#contact-address-list{float:left; width:38%;}
#contact-map{float:right; width:60%;}
/*-----------------footer---------------------*/
footer{width:100%; height:auto; background:#003346de;}
#footer-wrap{width:100%; height:auto; margin:0 auto; max-width:1200px; padding:6px 0;}
#social-links{float:left; width:50%;}
#social-links ul li a i{transition: all .2s ease-in-out; font-size:30px; color:#3575B5;}
#social-links ul li a i:hover{ transform: scale(1.5); color:#EF9B07}
#copy-rgt{float:right; width:50%;}
#copy-rgt p, #copy-rgt p a{font: 12px/27px 'Oswald', sans-serif;color: #fff; margin:0; text-align:right; padding:6px 0;}
#inner-content-main{ width:100%; height:auto;}	
#inner-content-gallery{max-width:1200px; margin:0 auto; width:100%; height:auto; padding:3%; box-shadow:rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px;}	
#inner-content-gallery h1 {    font: 600 36px 'Oswald', sans-serif;    color: #3D3D3D;    letter-spacing: 4.5px;}
#inner-content-gallery p {    font: 16px/27px 'Oswald', sans-serif;   color: #333;  }
/* -------------------------------- 

Main Components 

-------------------------------- */
.social-icons .item {    padding:7px 0;
    display: inline-block;
    margin: 5px;
    width:30px;
    height: 30px;
    transition: .3s all;
    position: relative;
    -webkit-transition: .3s all;
    text-align: center;
    color: #fff;
    background-color: #fff;
   
    border-radius: 50px;
    /* -webkit-box-shadow: box-shadow: 0px 5px 11px 0px #bb7104, 0px 4px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 5px 11px 0 #bb7104,0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0px 5px 11px 0px #bb7104, 0px 4px 15px 0px rgba(0,0,0,0.15); */
}

.social-icons.spinned .item:hover {    -webkit-animation: Social-Icons-Flipping .3s;    animation: Social-Icons-Flipping .3s}
.social-icons .item:hover {    text-decoration: none;    background-color: #42474E;    box-shadow: 0 -1px 0 transparent inset, 0 2px 3px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .3);    color: #fff!important}
.social-icons .item .fa {    font-size: 15px;    font-weight: 500;}
.social-icons .facebook {    color: #425F9C!important}
.social-icons .twitter {    color: #00ACEE!important}
.social-icons .google {    color: #c00!important}
.social-icons .linkedin {   color: #0073B2!important}
.social-icons .youtube {   color: #EB3E40!important}
.social-icons .instagram {    color: #5E8AAC!important;}
.facebook:hover {    background-color: #425F9C!important}
.twitter:hover {   background-color: #00ACEE!important}
.google:hover {    background-color: #c00!important}
.linkedin:hover {   background-color: #0073B2!important}
.youtube:hover {    background-color: #EB3E40!important}
.instagram:hover {   background-color: #5E8AAC!important}

@-webkit-keyframes Social-Icons-Flipping {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes Social-Icons-Flipping {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

	.border img {
transition: .5s ease;  cursor: zoom-in;
}

.border img:hover{
-moz-box-shadow: 1px 1px 5px #999;
 -webkit-box-shadow: 1px 1px 5px #999;
 box-shadow: 1px 1px 5px #999;
 -webkit-transition: all .2s ease;
transition: all .2s ease;
transition: .5s ease;
}
.item {  border: none;  margin-bottom: 30px;}

.item .item-wrap {padding: 2%; display: block;  position: relative; overflow: hidden;  border: 2px solid #ddd;    box-shadow: inset 0 0 6px #ddd;	height:auto;}
.item .item-wrap:after {
  z-index: 2;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 83%);
  visibility: hidden;
  opacity: 0;
  transition: .3s all ease-in-out;
}

.item .item-wrap img {
  transition: .3s transform ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.item .item-wrap > .work-info {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  transition: .3s all ease;
}

.item .item-wrap > .work-info h3 {  margin-bottom: 8px!important; color:#fff!important; font:600 22px 'Inconsolata', monospace!important;}
.item .item-wrap > .work-info span {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .2rem;
}
.item .item-wrap:hover {
  text-decoration: none;
}
.item .item-wrap:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.item .item-wrap:hover:after {
  opacity: 1;
  visibility: visible;
}

.item .item-wrap:hover .work-info {
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
}
/*---------------------about us--------------------*/
#inner-page-banner {   width: 100%;    height: auto;}
#inner-page-banner img {    max-width: 100%!important;    width: 100%;}
#inner-content-main{width:100%; height:auto;background: #ffffff;}
#inner-content-wrap{max-width:1200px; margin:0 auto; width:100%; height:auto; padding:3% 0 2% 0; text-align:center}
#inner-content-wrap h1 {    font: 600 36px 'Oswald', sans-serif;   color: #3D3D3D;    letter-spacing: 4.5px;}
#inner-content-wrap h5 {    font: 600 22px 'Oswald', sans-serif;    color: #3D3D3D;    letter-spacing: 4.5px;}
#inner-content-wrap p {    font: 20px/27px 'Oswald', sans-serif;    color: #333;   }
#about-content{max-width:700px;margin:0 auto; height:auto; width:100%; padding:2% 0 4% 0; text-align:center;}
#about-content p{ font: 14px/27px 'Oswald', sans-serif;    color: #fff; }
#team{background-image: url(../images/team-bg.jpg);background-size: 100%; background-position: cover;background-position-y: 100%;}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#quality-main{width:100%; height:auto; height:auto;}
#quality-wrap{max-width:1200px; width:100%; height:auto; margin:0 auto; padding:3% 0;}
.qty-exp{float:left; width:50%;padding:0 3%;}
.qty-exp h2{ font: 600 40px 'Oswald', sans-serif;    color: #fff;    letter-spacing: 4.5px;}

.qty-exp p{  padding:6px 0 4px 0;  font: 20px/27px 'Oswald', sans-serif; margin:0;   color: #fff;}
.my-line-qty-exp {   height: 3px;   width: 70px;    background-color: #fff;    margin: 8px 0 20px 0;}
.my-line-VM {    height: 3px;    width: 70px;    background-color: #333;    margin: 8px 0 20px 0;}
#vision-mission-main{width:100%; height:auto;     background-color: #ddd;background-image: url(../images/dark.png);}
#vision-mission-wrap{    max-width:1200px;    margin: 0 auto;   width: 100%;    height: auto;    padding:6% 0 6%;}
#vision-mission-wrap p{font: 18px/27px 'Oswald', sans-serif;    color: #fff; }
.vision-bg{    background: #6ba1b8;    float: left;    width: 45%;    min-height: 320px;    margin: 0 10px;    padding: 35px 30px;   -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);   -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.15);    box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);}
.vision-bg h3{    font: 600 22px 'Oswald', sans-serif;    color: #3D3D3D;letter-spacing: 4.5px;}
.vision-bg ul {    list-style-type: none;    margin: 18px 0 0;}
.vision-bg li{ color: #fff;    font:18px/27px 'Oswald', sans-serif;    text-align: left;    padding:4px 0 4px 12px; background: url(../images/bullet-blue.png)no-repeat 0 16px;}
.vm-icon img{width:100px; height:100px}
.vision-bg .vision-head{background: #003346;width:100%;padding: 10px;}
.vision-head h3{color: #fff !important;}
.vision-head .my-line-VM{background: #fff;}

/*---------------------contact us--------------------*/

#contact-content-main{width:100%; height:auto;}
#contact-content-wrap{max-width:1200px; margin:0 auto; width:100%; height:auto; padding: 8% 0 6% 0;}
#contact-content-wrap h2 {    font: 600 36px 'Oswald', sans-serif;    color: #3D3D3D;    letter-spacing: 4.5px;}
#contact-content-wrap p {   font: 14px/27px 'Oswald', sans-serif;    color: #fff;    padding: 1% 0 0 0;}
#contact-lft h1 {   color: #fff;  font: 600 36px 'Oswald', sans-serif;      letter-spacing: 4.5px;  padding: 8px 0px 12px 0;    margin: 0;    }
#contact-lft h3 {    color: #fff;    font: 600 32px 'Oswald', sans-serif;    padding:24px 0 4px 0;    margin: 0;   }
#contact-lft{float:left;width:50%}
#contact-rgt{float:right;width:45%}
#contact-lft h2{color:#fff;font: 600 34px 'Oswald', sans-serif;margin:0;padding:30px 0 0 0; margin:12px 0 0 0;}
.contact-main{width:100%;padding:20px 0;border-bottom:1px solid #ddd;}
.contact-main h4{color:#fff; font: 600 24px 'Oswald', sans-serif; margin:0; letter-spacing:3.5px;}
.contact-detail {padding:1% 0 0;}
.contact-detail p,.contact-detail p a{font:18px 16px/27px 'Oswald', sans-serif;color:#fff;padding:4px 0; margin:0}
#contact-rgt h2{color:#fff;font:600 38px 'Oswald', sans-serif;margin:0;padding:10px 0 0px 0px;}
#enquir-form{box-shadow:0 0px 4px #ddd;padding:30px;}
#enquir-form input, #enquir-form textarea{font:16px/27px 'Oswald', sans-serif;color:#333;border-radius:0;}
#enquir-form input{height:40px;}
#enquir-form textarea{height:95px;}
#enquir-form label{font:14px/27px 'Oswald', sans-serif;color:#fff;padding:10px 0px 4px 0;}
#enquir-form label span{color:#333;}
#contact-map{padding:20px 0;}
#contact-map h2{color:#fff;font:600 30px 'Inconsolata', monospace;margin:0;padding:30px 0 0 0; margin:12px 0 0 0;}
#enquir-form input.submit_btn {  height:55px;  margin: 15px 0 0;    width: 140px;    padding: 10px 0;    background: #6ba1b8;    border: 1px solid #6ba1b8;    color: #fff;    font:16px/27px 'Inconsolata', monospace;   transition: all 0.5s ease 0s;}
#enquir-form input.submit_btn:hover{background:#2D74BA;border: 1px solid #2D74BA; }
.b-description_readmore_wrapper {        display: flex;    flex-flow: column wrap;    align-items: center;      max-width: none !important;    width: 100%;}
.b-description_readmore {  position: relative;      box-sizing: border-box;    }
.b-description_readmore_button {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 10px 0; 
    cursor: pointer;
    text-align: center;
    background: #6ba1b8;
    color: #fff;
    border-radius: 50px;
    font-size: 23px;
    bottom: -19px;
    left: 113px;
}

.b-description_readmore_button:hover {    color: #fff;   }
.b-description_readmore_ellipsis:after {    
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width:100%;
    height: 25px;    
} 

.home-banner-btn{margin:2% 0 0;}

.btn-banner {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
 font:600 22px 'Inconsolata', monospace;
  line-height: 1;
  margin: 20px;
  padding:14px 20px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  
}
.btn-banner:hover, .btn-banner:focus {
  color: #fff;
  outline: 0;
}

.fifth { margin:0 auto;
  border-color: #ffa500;
  border-radius: 0;
  color: #ffa500;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.fifth:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #ffa500;
  z-index: -1;
  -webkit-transition: width 150ms ease-in-out;
  transition: width 150ms ease-in-out;
}
.fifth:hover {
  color: #fff;
}
.fifth:hover:after {
  width: 110%;
}
.home-banner-btn a:hover{text-decoration:none;}
/**/

.home-form-btn{margin:2% 0 0;}

.btn-form {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
 font:600 22px 'Inconsolata', monospace;
  line-height: 1;
  margin: 20px;
  padding:14px 20px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  
}
.btn-form:hover, .btn-form:focus {
  color: #fff;
  outline: 0;
}

.fifth-stl { margin:0 auto;
  border-color: #fff;
  border-radius: 0;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.fifth-stl:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #003346;
  z-index: -1;
  -webkit-transition: width 150ms ease-in-out;
  transition: width 150ms ease-in-out;
}
.fifth-stl:hover {
  color: #fff;
}
.fifth-stl:hover:after {
  width: 110%;
}
.home-form-btn a:hover{text-decoration:none;}
#responsive-head-main{display:none;}
#client-logos{width:100%; height:auto;      background-color: #6ba1b8;
    border-bottom: 1px solid #b7b0b0;    }
#client-logo-wrap{width:100%; height:auto; padding:4% 0; max-width:1200px; margin:0 auto;}
#client-logo-wrap h2{    margin: 0 0 26px 0;       font: 600 38px 'Oswald', sans-serif;
    color: #3D3D3D;
    letter-spacing: 4.5px}
.spc-wrap{padding:4% 0}	
.partner img {border:1px solid #ddd;     box-shadow: inset 0 0 13px #ddd;}
.responsive {
  width: 100%;
  height: auto;
}
.partner{padding:20px;}
/*----------------------------------Responsive------------------------*/
@media screen and (max-width:1000px){
	
	#home-about-wrap,#offer-box-wrap,#year-cunt-wrap,#home-gallery-wrap,#getin-touch-wrap,#inner-content-wrap,#quality-wrap,#vision-mission-wrap,#product-wrap-inner,#contact-content-wrap,#client-logos{padding:4%;}
	#footer-wrap{padding:6px 4%}
}
@media screen and (max-width:979px){
	#home-about-left,#home-about-right{float:none; width:100%;}
	#home-abt-img{padding:0;}
	#offer-box-wrap{width:670px;}
	.card {width: 280px; margin: 2px 10px 35px 10px;}
	.num-running-box h4{font-size:14px;}
	.num-running-box span{font-size:26px}
	#contact-home-address h2,#offer-box-wrap h2,#home-gallery-wrap h2,#year-cunt-wrap h3,#client-logo-wrap h2{font-size:28px;}
	#home-about-left h2{font-size:30px}
	.qty-exp,.vision-bg{float:none; width:100%}
	.vision-bg{min-height:auto; margin:1% 0;}
	#product-wrap-inner-right{display:none;}
	#product-wrap-inner-left{float:none; width:100%;}
	
}

@media screen and (max-width:768px){
#responsive-head-main{display:block;}
	#header-menu{display:none;}
	#resp_nav {    display: block;position: relative;right: 15px;top: 0px;}
	#navbtn{ background: url(../images/menu.png) no-repeat;cursor: pointer;   height: 50px;   position: absolute;   right: 0px;   top: 13px;   width: 50px; z-index: 991;}
	#res_links{ /* opacity:0.9; */ display:none; background:#fff; position:absolute; width:230px; right:0; z-index:1; top:50px;border-radius:2px;}
	#res_links ul{list-style-type:none;}
	#res_links ul li:first-child{border:none;}
	#res_links ul li{text-align:center; border-top:1px dotted #fff;}
	#res_links ul li a{color:#333; display:block; text-align:left; padding:6px 20px; /*text-transform:uppercase;*/text-decoration:none; transition: all 0.75s ease-out; font:14px/27px 'Oswald', sans-serif;}
	#res_links ul li a:hover{background:#878787; color:#fff; }
	#sub_menu li ul {display: none; background:#d3d3d3; }
	#sub_menu li ul li a {display: block;  text-transform: uppercase; background: none; font:12px "Oswald", sans-serif;   color: #000; padding:8px 18px;}
	#sub_menu > li > a.open { color: #e9e9e9;  border-bottom-color: #384f76; background-color: #000;}
	#res_links ul li a span{ line-height: 2; padding: 0 2px;}
	#sub_menu a img{color:#fff; float:right; margin:9px 0;}		
	.btn-banner{font-size:14px; padding:10px 14px;}
	#offer-box-wrap{width:100%;}
	.card {
    width: 300px;
    margin: 6% auto 0;
    float: none;
}
	.num-running-box {
    float: none;
    width: 100%;
    text-align: center;
    padding: 15px 0; border-bottom:1px dashed #978989
}
#offer-box-wrap {
    padding: 10% 0 15% 0;
}
#getin-touch-main{background:#003346 ;}
#getin-touch-wrap{padding:0;}
#contact-home-address{float:none; width:100%; padding:4%;}
#home-contact-form{background:#6ba1b8 ;float:none; width:100%; padding:4%; margin:0}
.btn-form{font-size:14px; padding:10px 14px;}
#social-links,#copy-rgt{float:none; width:100%; text-align:center;}
#copy-rgt p, #copy-rgt p a{text-align:center;}
#product-wrap-inner-left h1{font-size:26px}
.product-para h3{font-size:20px}
.product-para h5{font-size:18px;}
.product-para ul li{font-color: #000000 !important;}
#contact-rgt h2,#contact-lft h2{font-size:32px;}
#contact-lft,#contact-rgt{float:none; width:100%;}
#logo{    padding: 2px 8px;}
#contact-address-list,#contact-map{float:none; width:100%;}
}
@media screen and (max-width:680px){
	
	#logo img{width:45px;}
	#navbtn{width:40px; height:40px; top:6px;}
	
}