*{
    margin:0px;
    padding:0px;
}
body{
    font-family: 'Poppins', sans-serif;
    background: #fff;
    color: #5c5c5c;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}
nav, section {
    display: block;
}
p {
    margin: 0px 0px 10px;
    padding: 0px;
    color: #333;
    /*text-align: justify;*/
}
a{
    color: #333;
    transition: all 300ms linear;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a:hover,a:focus{
    color: #333;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.form-control:hover,input:hover,input:focus{
    outline: none;
    box-shadow: none;
}

/**********Header*************/
header{
    padding: 20px 0px;
    /*background: transparent;*/
    
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(233,233,233,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(233,233,233,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0 );

    position: absolute;
    z-index: 99; top: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    width: 100%;
}
header .header-sec{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    justify-content: space-between;
}
header .logo{
   width: 200px;
}
header .logo img{
    width: 100%:;
}
header .right-menu{
    float: left;
    text-align: right;
}
header .right-menu ul li{
    display: inline-block;
    margin-left: 35px;
    position: relative;
    padding: 8px 0px;
}
header .right-menu ul li a{
    font-size: 17px;
        color: #223a54;
        font-weight: 400;
}
header .right-menu ul li.active a{
    color:#0166be;
}
header .right-menu ul li:after{
    transition: all .5s;
    position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #000;
  height: 2px;
}
header .right-menu ul li:hover:after {
  width: 100%;
}
header .right-menu ul li:hover a{
    color: #000;
}
.main-navigation ul ul {
    width: 230px;
    position: absolute;
    top: 100%;
    left: 0px;
    background: #fff;
    padding: 0;
    z-index: 9999;
    display:none;
    transform: translateY(20px);
    border: 1px solid #333;
    border-top: 5px solid #333;
}
.main-navigation ul ul li {
    display: block;
    margin-left: 0;
        padding: 0px;
    text-align: left;
}
.main-navigation ul ul li a {
    font-size: 14px;
    color: #333 !important;
    display: block;
    padding: 12px 19px;
    border-bottom: solid 1px #eaeaea;
}
.main-navigation ul ul li:hover a{
  color:#000 !important;
  margin-left: 8px;
}
.main-navigation ul ul li:after{
    display: none;
}
.main-navigation ul li:hover > ul {
    display: block;
    transform: translateY(-2px);
}
/**************Banner******************/
.banner{
    position: relative;
    width: 100%;
    top:0;
}
.banner .item{
    height:550px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.banner:after{content:""; border-width:50px; border-style: solid; 
border-right-color: #ffbb00;
border-right-color: rgb(255, 0, 0);
border-right-color: hsla(100%, 50%, 25%, 0.75);
border-right-color: currentcolor;
border-right-color: transparent; position: absolute;left: 0; bottom: 0; z-index: 10;}





.banner .bcontent{
    position: absolute;
    top:35%;
    width: 100%;
}
.banner .bcontent .btitle{
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    color: #223a54;
    font-weight: 400;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.leftb{ -webkit-transition: 1s ease;transition: 1s ease;/* background: rgba(255,255,255,0.4);*/ -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    transition-delay: 400ms;  -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
.bright {width: 350px;float: right; background: #fff;border-radius: 50%; overflow: hidden;}
.active .leftb{margin-left: 0;  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}



.banner .bcontent .btitle span{
    font-weight: 600;
    font-size: 50px; color:#0166be;
}
.banner .bcontent .btext{
    font-size: 16px;
    line-height: 1.8;
    color: #333; margin-bottom: 15px;
}
/**************Li Sec*******************/
.li-sec{padding: 60px 0; background:#f1f1f1;}
.li-sec .li-header{
    position: relative;
    z-index: 1;
}
.banner:after{ display: none;
    content: '';
    position: absolute;
    background: url('../images/bannercarve.png') center center no-repeat;
     background-size:100% 100%;
    width: 100%;
    height: 100px;
    bottom:-1px; z-index: 9;
}
.li-sec .li-header .heading{
    display: block;
    font-size: 48px;
    color: #333;
    font-weight: 500;
}
/*.li-sec .li-header .heading span{
    display: block;
    font-size: 40px;
    color: #333;
    font-weight: 300;
    line-height: 24px;
}*/

.li-sec .li-content{ padding-bottom: 70px;
 /* background-color: white;*/
  position: relative;
  z-index: 1;
}
.li-sec .li-content:after { display: none;
    content: ' ';
    border-top: 89vh solid #d9d9d9;
    border-right: 98.7vw solid transparent;
    width: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
.homelist ul{
    display: block;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.homelist ul li{ float: left;width: 100%;
    /*flex-basis: 50%;*/
    padding: 10px;
}
.homelist ul li > a {
    position: relative;
}
.prolinks, .prolinks img {
    transition: 0.5s;
    transform: scale(1);
}
.prolinks {
    display: block; border-radius: 10px; overflow: hidden;
    width: 100%;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px rgb(72 68 68 / 42%);
    -moz-box-shadow: 0 4px 8px rgb(72 68 68 / 42%);
    box-shadow: 0 4px 8px rgb(72 68 68 / 42%);
}
.catimg {
    overflow: hidden;
    width:35%; /*line-height: 270px;*/
    float: left;
    position: relative; background:#ccc; text-align: center; height:300px;
}
.catimg img{ /*max-height: 270px;*/ }
/*.catimg:after{
    content: '';
    position: absolute;
    border-bottom: 288px solid #fff;
    border-left: 65px solid transparent;
    right: 0;
    height: 100%;
}*/
.overlay {
    width:65%;
    float: left;
    padding:50px;
}
.overlay-content .title {
   /* font-family: 'Oswald', sans-serif;*/
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 1.3;
    color: #333;
}
.overlay-content .title span{font-weight: 600;}
.overlay-content .title-des {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
     color: #333;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.homepage{background:#f1f1f1}
.overlay-text p{
    font-size: 14px;
     color: #333; 
    margin-bottom: 30px;
    line-height: 1.5; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.overlay-text a.rm{
    font-weight: 600;
}
.prolinks:hover img { transform: scale(1.1);-webkit-filter: grayscale(100%); filter: grayscale(100%);}
/***********about******************/
.abt{ clear: both; padding: 70px 0;  width: 100%; float: left; margin-bottom:80px;
    position: relative;
      z-index: 2; background: url(../images/aboutbg.jpg) center center no-repeat; background-size:cover;}
/*.abt:before{ display: none;
    content: '';
    position: absolute;
    background:#e4e4e4;
    width: 100%;
    top:44%;
    bottom:69px;
    left: 0;
    right: 0;
    z-index: -1;
}*/
/*.abt:after{content: ''; position: absolute; bottom: 0; left: 0; height: 70px; width: 100%; background: url(../images/homefcorve.png) center center no-repeat; background-size:100% 100%;}*/
.abt-content{
    position: relative;
    padding:0px 15px;
    width: 50%;
    float: left;
    left: 0;

}
.abt-content:before { display: none;
    content: '';
    position: absolute;
    height: 100%;
    width: 3000px;
    background-color: #f7f7f7;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    right: -45px;
    bottom: 0;
    z-index: -1;
    -webkit-box-shadow: 0 4px 8px rgb(72 68 68 / 42%);
    -moz-box-shadow: 0 4px 8px rgb(72 68 68 / 42%);
    box-shadow: 0 4px 8px rgb(72 68 68 / 42%);
}

.industrybox:hover .indus-text{background:#223a54;}
.industrybox:hover .indus-text h3{color:#fff;}
.abt-content .heading h1{
    display: block;
    font-size: 36px;
    color: #fff;
    font-weight: 500;
}
.abt-content .heading h1 span{
    display: block;
    font-size: 36px;
    /*color: #0166be;*/
    font-weight: 300;
    line-height: 24px;
}
.abt-content .para p{ color:#fff; text-align: justify;
    margin-bottom: 20px;
}
.abt-content .para a{ border-color:#fff; color:#fff;
    /*position: relative;
    top:40px;*/
}
.site-btn{
    background: #333;
    color: #fff;
    border-radius: 30px;
    padding: 10px 25px;
}
.site-btn:hover{
    color: #fff;    
}
.abt-img-sec{
    width: 50%;
    float: left;
}
.abt-sec-img{
    width: 100%;
    overflow: hidden;
    -webkit-clip-path:polygon(21% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%);
    height: 375px;
    
}

/**************Footer*******************/
footer{
    padding:70px 0px 0px;
    background: #2a2a2a;
   
    position: relative;
}
footer:after{ display: none;
       content: '';
    position: absolute;
    background-image: url(../images/footercurve.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 64px; background-size:100% 100%; 
    top:0px;
    left: 0;
    z-index: 1;
}
footer p{
        color: #dcdcdc;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*border-top: 1px solid;*/
    padding: 15px 0px 10px;
}
footer a,footer a:hover,footer{
    color: #fff;
    font-weight: 300;
}
.copy{padding: 15px 0; border-top:1px solid #3D3D3D;}
.flinks,.faddress{
    margin-bottom: 20px;
}
.flinks{text-align: center; border-bottom: 1px solid #3D3D3D; padding:30px 0; margin-bottom:50px;}
.flinks ul{ 
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}
.flinks ul li{padding: 10px;
    display: inline-block;
}
.flinks  li a{font-size: 14px; display: block; padding: 5px 0; font-weight: 400;}
.faddress ul li:first-child{ display: block;}
.faddress ul li{
    margin-bottom: 10px;
    display:block;
    
}
.map p{display: inline-block;}
.map br{display: none;}
.faddress ul li:before{
    font-family: 'fontAwesome';
    padding-right: 8px;
}
.faddress ul li.map:before{
    content: '\f041';
}
.faddress ul li.phone:before{
    content: '\f095';
}
.faddress ul li.whatsapp:before{
    content: '\f232';
}
.faddress ul li.mail:before{
    content: '\f003';
}
.fs-links{
    display: inline-block;
    text-align: center;
}
.fs-links span{display: inline-block; font-weight: 400; margin-right: 5px;}
.fs-links a {
    width: 40px; line-height: 38px;
    /*float: left;*/
    height: 40px;
    /*border: 1px solid #fff;*/
    border-radius: 50%;
    font-size: 18px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    /*margin-right: 8px;*/
}
.fs-links a:hover {
    background: #fff;
    color: #333;
    text-decoration: none;
    /*border: 1px solid #fff;*/
}
#top{
    position: fixed;
    right: 20px;
    bottom: 50px;
    font-size: 44px;
    display: none;
        z-index: 99;
    color: #3e3c3c;
}
#top:hover{
    color: #333;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    animation-name: header_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    -webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
}
@keyframes header_sticky {
    0% {
        margin-top: -100px;
    }
    50% {
        margin-top: -90px;
    }
    100% {
        margin-top: 0;
    }
}
header.fixed{
    padding: 8px 0px;
    box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    background:#f7f7f7;
}
.fixed .logo{
    width: 15%;
    float: left;
    position: static;
}
.fixed .logo img{
    width: auto;
}
/****************Mobile Menu****************/
#menu-right{
  display: none;
}
#menu-right {
    float: right;
    width: 34px;
    height: 21px;
    position: relative;
    top: 35%;
    z-index: 3;
     -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
#menu-right.active{
  top: -100%;
  z-index: 4;
   -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
#menu-right:hover .bar-right:nth-of-type(2){
  width: 100%;
  transition: all 0.1s ease-in-out;
} 
.bar-right {
    float: right;
    width: 34px;
    height: 2px;
    background-color: #231d1f;
    transition: all 0.1s ease-in-out;
}
.bar-right:nth-of-type(2) {
    width: 25px;
    margin: 7px 0;
}
#menu-right:hover .bar-right:nth-of-type(2){
  width: 100%;
  transition: all 0.1s ease-in-out;
} 
#menu-right.active .bar-right:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
#menu-right.active .bar-right:nth-of-type(2) {
    opacity: 0;
}
#menu-right.active .bar-right:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
}
#mobile-menu{
    height: 100%;
    width: 275px;
    position: fixed;
    top: 0;
    z-index: -10;
    right: -500px;
    background-color: #f0f0f0;
    opacity: 0;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
#mobile-menu.active {
    opacity: 1;
    z-index: 3;
    right: 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
        -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    -moz-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    box-shadow: 0 6px 8px rgba(0,0,0,.42);
}
#mobile-menu ul ul{
  position: static;
  width: 92%;
  padding: 0;
  transition: none;
      height: auto;
    overflow: hidden;
    overflow-y: auto;
}
#mobile-menu ul li{

      width: 100%;
    position: relative;
    margin-left: 15px;
    padding: 22px 0px;
}

#mobile-menu .has-child .submenu-toogle {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #333;
    background-color: transparent;
    z-index: 900;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    display: block;
}
.main-navigation ul ul li{
    margin: 0px !important;
   /* padding: 8px 5px !important;*/
    border-bottom: 1px solid #e8e7e7;
}
.main-navigation ul ul li a {
    font-size: 14px;
    color: #333 !important;
    display: block;
    padding: 8px 15px;
    border-bottom: solid 1px transparent;
}
/***********************************/
#inner-banner {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    padding: 150px 0px;
    width: 100%;
    z-index: 0;
    text-align: left;
    position: relative;
}
#inner-banner:before{
    content: '';
    position: absolute;
    background-image: url('../img/banner-bottom.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100px;
    bottom:-2px;
}
#inner-banner span {
    font-family: 'Oswald', sans-serif;
    color: #333;
    font-size: 30px;
    margin: 0px 0 40px 0;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-flex;
}
.inner-breadcrumb ul {
    padding: 0px;
    margin: 0px;
    margin-top: -30px;
}
.inner-breadcrumb ul li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}
.inner-breadcrumb ul li a {
    color: #333;
    font-weight: 500;
}
.inner-breadcrumb ul li::before {
    color: #333;
    content: "/ ";
    font-size: 12px;
    font-weight: 500;
    left: -10px;
    line-height: normal;
    margin-top: -7px;
    position: absolute;
    top: 50%;
}
.inner-breadcrumb ul li:first-child::before {
    display: none;
}
/**********inner content**************/
.inner-content{ clear: both;
    padding: 50px 0 ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.cat-img {
    float: right;
    width: 500px;
    height: 500px;
    margin-left: 25px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    -moz-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    box-shadow: 0 6px 8px rgba(0,0,0,.42);
    position: relative;
}
.cat-img:after {
    content: '';
    position: absolute;
    top: -30px;
    right: -60px;
    bottom: 30px;
  border-top: 80vh solid #d9d9d9;
    border-left: 37vw solid transparent;
    width: 0;
    z-index: -1;
}
.about-item .cat-img { height: auto; }
.about-item .title h2{margin-top: 25px;}
.para p{
    line-height: 1.6;
    font-size: 15px;
}
.para ul li{
    margin-bottom: 10px;
    color: #333;
}
.para ul li:before{
    content: '\f101';
    font-family: 'fontAwesome';
    color: #333;
    margin-right: 15px;
}
.title h1,.title h2{
    display: block;
    font-size: 36px;
    color: #333;
    font-weight: 500;
}
.title h1 span,.title h2 span{
    display: block;
    font-size: 36px;
    color: #333;
    font-weight: 300;
    line-height: 24px;
}
.para h2,.para h3{
    font-size: 30px;
    font-weight: 500;
    color: #333;
}
.about-sec{
    padding-bottom: 30px;
}
.purpose-sec{
    position: relative;
        background: #f0f0f0;
    padding: 30px 0px;
}
.purpose-sec:before{
        content: '';
    position: absolute;
    background: #f0f0f0;
    width: 100%;
    top: 55%;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 0;
}
/***************contact*******************/
.contact-area .contact-items {
    overflow: hidden;
}
.bg-contain {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-area .address-items li {
    display: block;
    padding: 15px 0px;
    border-bottom: 1px dashed #333;
}
.contact-area .address-items li:first-child .icon { vertical-align: top; }
.contact-area .address-items li .icon i {
       color: #333;
    display: inline-block;
    font-size: 28px;
}
.contact-area .address-items li .icon, .contact-area .address-items li span {
    display: table-cell;
    vertical-align: middle;
}
.contact-area .address-items li .icon, .contact-area .address-items li span {
    display: table-cell;
    vertical-align: middle;
}
.contact-area .address-items li span a, .contact-area .address-items li span {
    color: #333;
}
.contact-area .address-items li span {
    padding-left: 15px;
}
.contact-area .address-items li .icon, .contact-area .address-items li span {
    display: table-cell;
    vertical-align: middle;
}
.booking-form .booking-form-item:before{  
  position:absolute;   
  font-family:'FontAwesome';   
  content:'';   
  z-index:1;   
  font-size:17px;   
  left:30px;   
  top:14px;   
  color:#333;
}
.booking-form .booking-form-item.name:before{content:"\f007"}
.booking-form .booking-form-item.name input{padding-left:40px}
.booking-form .booking-form-item.phone:before{content:"\f095"}
.booking-form .booking-form-item.phone input{padding-left:40px}
.booking-form .booking-form-item.email:before{content:"\f0e0"}
.booking-form .booking-form-item.email input{padding-left:40px}
.booking-form .booking-form-item.subject:before{  content:"\f133"}
.booking-form .booking-form-item.subject input{  padding-left:40px}
.booking-form .booking-form-item.msg:before{  content:"\f075"}
.booking-form .booking-form-item.msg textarea{  padding-left:40px}
.booking-form-item input.error, .booking-form-item textarea.error {
    border-color: #ff0000 !important;
}
.booking-form-item input.valid, .booking-form-item textarea.valid {
    border-color: #4CAF50 !important;
}
.booking-form-item.has-error:before {
    color: #ff0000;
}
input.form-control {
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    padding: 15px;
    outline: none;
    height: 56px;
    line-height: 56px;
}
.booking-form{
    margin-top: 15px;
}
.map iframe {
    margin-bottom: 0px;
    width: 100%;
    height: 450px;
    -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    -moz-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    box-shadow: 0 6px 8px rgba(0,0,0,.42);
}
.indus-list ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.indus-list ul li{
       flex-basis: 33.33%;
    padding: 15px;
}
.indus-list ul li a{
    display: inline-block;
        border:1px solid #ccc;
        position: relative;
}
.industrybox{ width: 100%; float: left; }
.indus-list ul li .indus-img{
    height:240px; line-height:240px; background:#eaedf2;
    overflow: hidden;
}
.indus-list ul li .indus-img img{
    width: 100%;
    transition: 0.5s;
    transform: scale(1);
}
.indus-list ul li:hover .indus-img img{
     transform: scale(1.1);-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.indus-list ul li .indus-text{
     width: 100%; padding: 15px;
       /* position: absolute;
   
    bottom: 0;
   
    z-index: 1; 


background: rgba(204,204,204,0);
background: -moz-linear-gradient(top, rgba(204,204,204,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(204,204,204,0) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(204,204,204,0) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(204,204,204,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(204,204,204,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#000000', GradientType=0 );*/


}
/*.indus-list ul li a:before {
        content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/attraction-gradient.png) repeat-x bottom left;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 1;
}*/
.indus-text{  -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.indus-list ul li .indus-text h3 {
    /* font-family: 'Oswald', sans-serif; */
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.1;
    /* color: #fff; */
    text-align: center;
}
.li-list ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.li-list ul li{
    flex-basis: 33.33%;
    padding: 10px;
}
.li-list ul li a{
    border:1px solid #ccc;
    display: block; border-radius:4px; overflow: hidden;
}
.li-list ul li a:hover{box-shadow:0px 0px 9px #B0B0B0; border:none;}
.li-list ul li .li-img{
    height:230px; line-height: 230px;
    overflow: hidden;
}
.li-list ul li .li-img img{
    width: 100%;
    transition: 0.5s;
    transform: scale(1);
}
.li-list ul li:hover .li-img img{
     transform: scale(1.1);-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.li-list ul li .li-text{
    padding:25px;
    width: 100%;
    background: #f0f0f0;
}
.li-list ul li .li-text h3{
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom:10px;
    line-height:1.1;
    color: #333;
     overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.li-list ul li .li-text p{
    font-size: 15px; 
    font-weight:500; line-height: 1.3;
    color: #333; height:40px;
    margin-bottom: 0px;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.li-desc{
    display: inline-block;
}
.lidesc-top, .lidesc-brife,.ques-ans{
    width: 100%;
    float: left;
}
.ques-ans .faq-main-wrapper ol{margin-left: 15px;}
 .ques-ans .faq-main-wrapper ul{margin-left: 15px;}

.lidesc-top {
    margin-bottom: 30px;
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 4px;
}
.lidesc-top .lidesc-img{
    width: 50%;
    float: left;
    max-height:500px;
    overflow: hidden;
   /*  -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    -moz-box-shadow: 0 6px 8px rgba(0,0,0,.42);
    box-shadow: 0 6px 8px rgba(0,0,0,.42);*/
}
.lidesc-bdetail{
    width: 50%;
    float: left;
    padding: 20px 15px 0px 30px;
}
.lidesc-top .lidesc-img img{
    width: 100%;
}
.lidesc-bdetail .title span{
    font-weight: 600;
    font-size: 24px;
    color: #333;
    font-family: 'Oswald', sans-serif;
}
.lidesc-bdetail span{
    font-weight: 500;
}
.category-date,.industry,.category,.company{
    font-size: 15px;
    color: #333;
    margin-bottom: 8px;
}
.category-date ul{
    display: flex;
    align-items: center;
}
.category-date ul li{
    padding-right: 15px;
}
.lidesc-brife .pname{
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 16px;
    color: #333;
}
.lidesc-brife .brife{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #333;
    text-transform: uppercase;
}
.lidesc-brife .idate{
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}
.lidesc-brife .desc{
    line-height: 1.6;
    font-size: 15px;
    text-align: justify;
}
.links{
    margin-top: 30px;
}
.links a{
    width: 40px;
    float: left;
    height: 40px;
    border: 1px solid #d9d9d9;
    background: #d9d9d9;
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    color: #333;
}
.play_btn {
    float: left;
    font-size: 30px;
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
      background: -webkit-gradient(linear-gradient(to top,#d9d9d9,#d9d9d9));
    background: linear-gradient(to top,#d9d9d9,#d9d9d9);
        display: flex;
    align-items: center;
    justify-content: center;
}
.play_btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 40px;
    height: 40px;
    background: -webkit-gradient(linear-gradient(to top,#d9d9d9,#d9d9d9));
    background: linear-gradient(to top,#d9d9d9,#d9d9d9) repeat scroll 0 0;
    border-radius: 100%;
    animation: pulse-border 1500ms ease-out infinite;
}
.play_btn:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 40px;
    height: 40px;
    background: -webkit-gradient(linear-gradient(to top,#d9d9d9,#d9d9d9));
    background: linear-gradient(to top,#d9d9d9,#d9d9d9) repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 100%;
    transition: all 200ms;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
}
.play_btn i {
    display: block;
    position: relative;
    z-index: 3;
    color: #333;
    font-size: 20px;
}
@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.filter-box{
   
}
.filter-box .title {
  /*  font-family: 'Oswald', sans-serif;*/
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #333;
    /* text-align: center; */
    border: none;
    padding: 0;
    line-height: 1.2;
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px;
}
.filter-box .ftitle{
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 8px;
    color: #333;
    text-transform: uppercase; 
    border-bottom: 1px solid #949494;
}
.res-int {border-radius:4px;
    margin-bottom: 20px;
    /*border: 1px solid #ddd;
    padding: 10px 15px;*/
}
.res-int ul li{
    /*margin-bottom: 15px;
    padding-bottom:10px;*/
    border-bottom: 1px solid #f1f1f1;
}
.res-int ul li a{padding: 10px 0; display: block;}
.res-int li .img-holder{overflow:hidden;background:#f2f2f2;width:110px;height:90px;position: absolute;}
.aboutaditor ul li .img-holder {
    overflow: hidden;
    background: #f2f2f2;
    width: 250px;
    height: 250px;
    position: static;
    border-radius: 50%;
    margin: 0 auto;
}
.aboutaditor{
    margin-bottom: 30px;
}
.aboutaditor .filter-box .title{ margin-bottom: 30px;}
.contimgtext{padding: 30px; font-size: 16px; }
.contimgtext p{text-align: justify;}
.res-int li .img-holder img{width: 100%;}
.res-int li .title-holder{padding-left:130px;min-height:90px}
.res-int li .title-holder .post-title{color:#333;font-size:14px;line-height:20px;font-weight:400;margin:0 0 7px;transition:all 500ms ease}
.res-int li .title-holder .post-title span{font-weight: 500;}
.res-int li .title-holder .post-date{display:block;transition:all 500ms ease;font-weight:400;font-size:13px;color:#333!important}
.res-int li .title-holder .post-date span{padding-right:5px;color:#333}
.res-int li:hover a{text-decoration:none}
.res-int li:hover .post-title{color:#333}

.cfilter li{
       border-bottom:1px solid #E8E8E8;       
}

.cfilter li a{
        color: #636363;
            font-size: 14px;
                display: block;
    padding: 13px 0px 13px 0px;
}
.cfilter li a span{
    float: right;
}
/*.ques-ans section:nth-child(odd) {
    background: #f7f7f7;
}
.ques-ans section { border-radius: 10px;
    background: #f1f1f1;
    padding: 30px;
    line-height: 1.6;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 6px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0; 
}*/

.ques-ans section{margin-top:25px;}
.ques-ans section h3 { margin-top: 20px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
}
.ques-ans section p{text-align: justify;}
.ques-ans section span { font-weight: 500; color:#000;
    display: block;
    margin-bottom: 20px;
    font-size: 15px;
}

.help-block{ color:#d80101; }
.captcha{  float: left;  background: #dddddd;  padding: 14px;  border-radius: 4px;}
.captchImgBox{display: inline-block; width: 90px;}
.captchImgBox img{width: 100%;}
input.form-control.scode{ width:calc(100% - 150px); margin-left: 5px; }
.para .social-links a {
    width: 40px;
    float: left;
    height: 40px;
    border: 1px solid #333;
    border-radius: 3px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

 #inner-banner:before{ background-size: 100% 100%; }

.section2{ clear: both;margin-top: 30px; width: 100%; float: left; border:1px solid #ddd;  }
 .section2 .aboutimgsec{ max-width: 40%; float: left; padding-top: 60px; }
 .contentlist{width: 60%; float: right; padding:60px;}
  .contentlist p{font-size: 15px;}
 .contentlist h2 {    color: #333;   font-weight: 300;}
 .section2 .aboutimgsec img{max-width: 100%;}
 .about-item p{text-align:justify;}

.industrysec {    float: left;    width: 100%;    padding: 60px 0;}
 .induslist{}
 .induslist ul{margin: 0 -15px;}
 .induslist ul li{ width: 33.33%; float: left;padding: 15px; }
img{max-width: 100%;}
.industrysec h2, .heading h2 { position: relative; text-align: center; color: #223a54; font-weight: 300; font-size: 44px; padding-bottom: 15px; margin-bottom: 20px;}
.industrysec h2:after, .heading h2:after{content:""; width: 100px; border-bottom:3px solid #0166be; position: absolute;left: 50%; bottom: 0; margin-left: -50px;}

 
.industrybox {
    float: left;
    width: 100%;
    border: 1px solid #e4e4e4;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
    min-height: 150px;
    margin-bottom: 20px;
}
.induslist h3{font-size:18px; font-weight: 400; margin: 0; padding: 20px;}
.btns {
    border-radius: 30px;
    border: 1px solid #0166be;
    padding: 10px 35px;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.indus-img {overflow: hidden;}
/*.indus-img img {    transition: transform .5s ease-in-out;}*/
.indus-img img  {
    transform-origin: 50% 65%;
    transition: transform .5s, filter 3s ease-in-out;
   /* filter: brightness(150%);*/
}
.industrybox:hover img { transform: scale(2) rotate(25deg);}

.dtimage .lidesc-top .lidesc-img{ width:100%; }

body:not(.homepage){margin-top: 80px;}
.innerbanner{ background:#f2f2f2; width: 100%; float: left; padding:20px 0; }
.innerbanner .title span{ display:block;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
    /* text-align: center; */
    border: none;
    padding: 0;
    line-height: 1.2;
}
.innerbanner span{font-size:20px; font-weight: 600; color:#000;}
.inner-breadcrumb ul{margin-top: 0;}

.detailsec .title{ font-size: 24px; margin-bottom: 15px; text-align: center;}

.aboutsec2{width: 100%; padding-top:40px; text-align: center;}
.aboutsec2 .heading h2{font-size: 32px;}
.aboutsec2 ul{list-style: none;margin: 0 -15px; padding: 0;}
.aboutsec2 ul li{width: 50%; padding: 15px; float: left;}
.boxab{width: 100%; float: left;}
.boxab img{width: 100%;}
.abcont{padding: 30px 60px; border:1px solid #ddd; width: 100%; text-align: center;}
.abcont h3{color: #223a54; font-size: 24px;}
.abcont p span{color:#333; font-weight: 400;}
.abcont p{color:#6B6B6B;}
.footer1 {
    padding-bottom: 30px;
}
.footer1 h4 {
    font-size: 18px;
    margin-bottom: 15px;
}
.newsletter{ max-width: 600px; margin: 0 auto 15px; }
.newsletter input {
    width: calc(100% - 150px); 
    float: left;
    height: 44px;
    padding: 10px 15px;
}
.newsletter button{width: 130px; margin-left: 5px;  height: 44px;background:#c23023; color: #fff; padding: 10px 20px; text-align: center; border:none; border-radius: 4px;}
.faddress{padding-left: 20%;}

.aboutsec2 ul li .imgbox{max-height: 360px; overflow: hidden;}

@media screen and (max-width:991px) {
.banner:after{ height: 50px; }
.abt{margin-bottom: -25px;}
.abt::after, footer::after{ height:25px; }
.abt::before{bottom: 25px;}
}

@media screen and (max-width:767px) {
.banner:after{ height:25px; }
.industrysec h2, .heading h2{font-size: 26px;}
.overlay{padding:25px;}

}

@media screen and (max-width:767px) {
    .abcont{padding: 20px 0;}

.li-list ul li .li-img { height: 220px;line-height: 220px;}
.contentlist { width: 100%;  padding: 30px;}
.aboutsec2 ul li{width: 100%;}
.faddress { padding-left: 0;}
.abt { margin-bottom: 0;}
}


@media screen and (max-width:479px) {
.catimg{height: 230px;}
}