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

*{margin:0; padding:0; outline:0;}
.clr{ clear:both;}
.flt{ float:left;}
.flr{ float:right;}

.close-menu {
    overflow: hidden;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
.imgright {
    width: 50%;
    float: right;
}

.div-25{
    width: 22.8%;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.imgleft {
    width: 50%;
    float: left;
}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto/Roboto-Regular-webfont.eot');
    src: url('fonts/roboto/Roboto-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Regular-webfont.woff2') format('woff2'),
         url('fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto/Roboto-Bold-webfont.eot');
    src: url('fonts/roboto/Roboto-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/roboto/Roboto-Lightd41d.eot?#iefix') format('embedded-opentype'),  
	  url('fonts/roboto/Roboto-Light.woff') format('woff'), 
	  url('fonts/roboto/Roboto-Light.ttf') format('truetype'), 
	  url('fonts/roboto/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url('fonts/roboto/RobotoCondensed-Bold.eot');
  src: url('fonts/roboto/RobotoCondensed-Boldd41d.eot?#iefix') format('embedded-opentype'),  url('fonts/roboto/RobotoCondensed-Bold.woff') format('woff'), url('fonts/roboto/RobotoCondensed-Bold.ttf')  format('truetype'), url('fonts/roboto/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url('fonts/roboto/RobotoCondensed-Lightd41d.eot?#iefix') 
  format('embedded-opentype'),  url('fonts/roboto/RobotoCondensed-Light.woff') 
  format('woff'), url('fonts/roboto/RobotoCondensed-Light.ttf')  
  format('truetype'), url('fonts/roboto/RobotoCondensed-Light.svg#RobotoCondensed-Light') 
  format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('fonts/roboto/RobotoCondensed-Regulard41d.eot?#iefix') 
  format('embedded-opentype'),  url('fonts/roboto/RobotoCondensed-Regular.woff') 
  format('woff'), url('fonts/roboto/RobotoCondensed-Regular.ttf')  
  format('truetype'), url('fonts/roboto/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') 
  format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'rupee';
    src: url('fonts/rupee_foradian-webfont.eot');
    src: url('fonts/rupee_foradian-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/rupee_foradian-webfont.woff') format('woff'),
         url('fonts/rupee_foradian-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


*{ box-sizing: border-box;}


/*mobile-menu-=---=-=-=-=-=-=-=-=-=-=-=-=-=-==-*/

.mobileback {position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:99; display:none; background:url(images/mobileback.png);}
.mobilemenu {position:absolute; top:0px; left:-280px; width:280px; height:100%; z-index:100000;}
.mobilemenu .mobilebg {background:url(images/mobilebg.png); position:fixed; top:0px; left:-280px; width:280px; height:100%;}
.mobilemenu .mobmain {border-top:1px dotted #999; margin-top:20px; list-style:none; padding-left:0px;}
.mobilemenu .mobmain li a{display:block; color:#666; text-transform:uppercase; font-size:12px; text-decoration:none; padding:6px 0px; border-bottom:1px dotted #999; font-family: 'Hind Guntur';}
.mobilemenu .mobsub {list-style:none; padding-left:0px;}
.mobilemenu .mobsub li {background:url(images/bullet.html) no-repeat 6px 11px; padding-left:22px; font-family: 'Hind Guntur';}
.mobilemenu .mobsub li a{display:block; color:#666; font-size:13px; line-height:16px; text-decoration:none; padding:6px 0px; font-family: 'Hind Guntur';}
.mobileclose {float:right; text-align:right; padding:10px 0px 0px 0px;}
.but_menu {float: right; margin: 40px 25px 0 0; display:none;}




body{font-family: 'Hind Guntur';}

.section{ max-width:1280px; width:100%; margin:0 auto; }

.head{ position: relative; width:100%; z-index:9;}
.head .logo{ float:left; padding-top:0px;}

.head .menu{float:right; margin-top:15px;}
.head .menu ul{}
.head .menu ul li{list-style:none; display:inline-block; padding: 0px 13px;}
.head .menu ul li a{ color:#000000; text-decoration:none; font-size:16px; line-height:26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display:block; font-weight:500; font-family:'Hind Guntur';}
.head .menu ul li:hover a{ color:#2a176a;}
.head .menu ul li.active a{ color:#2a176a;}
.global{text-align:right; padding-bottom: 5px;}
.global li a{ color:#28166e !important; text-decoration:none; font-size:13px !important; line-height:26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display:block; font-weight:500; font-family:'Hind Guntur';}



.header{width:100%; height: 112px; position: relative; z-index: 999;}
.logo{float:left; max-width:244px; margin-top:0px; width:25%;}
.logo img{ vertical-align:top;}
.header .menu{/*width:66%; position:relative; z-index:999; float:right;*/}
.header .menu nav{float: right;}
.header .menu nav ul li{list-style:none; float:left;font-family: 'robotoregular';}
.header .menu nav ul li a{color:#000; font-size:16px; padding:10px 15px; display:block; text-align:left; text-decoration:none; border-right:0px; margin-right:0px; font-family: 'Hind Guntur'; font-weight:400;}
.header .menu nav ul li:last-child a{ padding: 10px 15px;}
/*.header .menu nav ul li a:hover{background:#515151;}*/
.header .menu nav ul li a.active{color: #000;}

.header .menu nav ul li{position:relative}

.header .menu nav ul li span{display: inline-block;float: right;top: 3px;position: absolute;right: 1px;padding: 13px 20px;font-size: 12px;    cursor: pointer;}

.header .menu nav ul li ul {position:absolute; left:0; height: 0px; top:49px; width: 248px; background: #2792D2; visibility:hidden; margin-top:0px;  opacity:0;}
/*.header .menu nav ul li:hover ul{margin-top:0; height: auto; transition: all .3s ease-in-out ; opacity:1;}*/
.header .menu nav ul li ul{margin-top:0; height: auto; transition: all .3s ease-in-out ; opacity:1;}
/*.header .menu nav ul li:hover ul li ul{visibility:hidden; height: auto; margin-top:20px; opacity:0;}*/
.header .menu nav ul li ul li ul{visibility:hidden; height: auto; margin-top:20px; opacity:0;}
.header .menu nav ul li ul li{position:relative;width: 100%;}
.header .menu nav ul li ul li ul {position: absolute;left:249px; top:0px; width:248px; background:#2792D2; visibility:hidden; margin-top:20px; transition: all .3s ease-in-out ;opacity:0;}
/*.header .menu nav ul li ul li:hover ul{visibility:hidden;height: auto; margin-top:0;transition: all .3s ease-in-out ;opacity:1;}*/
.header .menu nav ul li ul li ul{visibility:hidden;height: auto; margin-top:0;transition: all .3s ease-in-out ;opacity:1;}
.header .menu nav ul li ul li ul li ul { visibility: hidden ; opacity:0 !important; }
/*.header .menu nav ul li ul li ul li:hover ul { visibility: visible !important; height: auto; opacity:1 !important; }*/
.header .menu nav ul li ul li ul li ul { visibility:  hidden ; height: auto; opacity:1 !important; }
.header .menu nav ul li ul li a {padding: 7px 25px; border-bottom:1px solid #E2E2E2; text-transform:none; font-size:14px; color: #ffffff;}
.header .menu nav ul li ul li:last-child a{ padding: 10px 25px;}


/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #85c226;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color:#ffffff !important;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.header .quicklinks {float: right;  margin-top:15px; width: 75%; text-align: right;}
.header .quicklinks a {/*width: 283px;*/ text-align: lrgy; color:#666666; font-size: 14px; font-family: 'Roboto-Light'; text-decoration:none; margin-right:12px; border-right: 1px solid #ccc; padding-right:12px; display:inline-block; font-weight:700;}
.header .quicklinks a:nth-child(2){text-align:left}
.header .quicklinks a:hover {color: #2290CF;}

.header .holiday-home { background:url(images/email-icon.png) no-repeat 0 0px; width:20px; height:14px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right:10px;  margin-bottom:-2px;}
.header .holiday-home:hover { background:url(images/email-icon.png) no-repeat 0 0px;}

.header .career-section { background:url(images/global-p-icon.png) no-repeat 0 0px; width:16px; height:16px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  margin-right:10px; margin-bottom:-3px;}
.header .career-section:hover { background:url(images/global-p-icon.png) no-repeat 0 0px;}

.header .mobile-sec { background:url(images/mobl-icon.png) no-repeat 0 0px; width:15px; height:23px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  margin-right:10px; margin-bottom:-6px;}
.header .mobile-sec:hover {background:url(images/mobl-icon.png) no-repeat 0 0px;}


.nav { display:none}



.banner{}
.banner img{vertical-align: top; width:100%;}

.home_banner{width: 100% !important;}
.home_banner img{vertical-align: top; width:100%;}

.iner_banner{padding-top: 110px;}
.iner_banner img{vertical-align: top; width:100%;}

.fullwidth{width:100% !important; padding-left:0px !important;}
.project_icon_clc {text-align: center;  padding: 0px; display: none; line-height:22px;}
.project_icon_clc img{vertical-align:top;}


.caption{ position:absolute; top:50%; width:100%; max-width:1280px; text-align:left; margin:-120px auto 0; z-index:99; left:0; right:0;}
.caption h4{ font-size:40px; font-family: 'Hind Guntur', sans-serif; color:#fff; font-weight:600; line-height:24px;     text-transform: uppercase;}
.caption h4 span{font-weight:300; font-size:17px; color:#dcdcdc; line-height:16px; text-transform: none;}

.caption h3{ font-size:48px; font-family: 'Hind Guntur', sans-serif; color:#85c126; font-weight:700; padding-top: 20px; display: inline-block;}
.caption h3 span{font-weight:300; font-size:18px; color:#fff; line-height:24px; display: block; float: right; padding: 10px;}

.tab{color:#bcbec0; font-family:'Hind Guntur'; text-align:left;  font-size:14px; display:inline-block;}
.tab img{ vertical-align:top; width:auto;}

.home_banner .owl-theme .owl-controls .owl-buttons {position: absolute; bottom:56px; width: 100%; max-width: 1280px;
text-align: left;  margin:0 auto; z-index: 99; left: 0;  right: 0;}
.home_banner .owl-theme .owl-controls .owl-buttons div {color: #FFF; display: inline-block; zoom: 1; margin: 0!important;
padding: 3px 10px; font-size: 0!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;    background: #869791; opacity: 1;}

.home_banner .owl-prev{ background:url(images/pre1.png) no-repeat !important; width:34px; height:34px; position:absolute; bottom:0px; left:1%; padding:0px !important;}
.home_banner .owl-next{background:url(images/nxt1.png)no-repeat right 0px !important; width:34px; height:34px; position:absolute; bottom:0px; left:46px; padding:0px !important;}

.banner5 #sync1 .owl-buttons {display: none; }
.home_banner .owl-controls .owl-pagination {display: none !important;}



.bread_crum{ width:100%; margin:0 auto; background:#28166e;}
.bread_crum .title{float:left; width:50%; margin-top: 6px; }
.bread_crum .title h1{font-size:20px; color:#ffffff; font-family:'Hind Guntur'; font-weight:400; line-height:40px;}

.bread_crum .brdcrm{float:left; width:50%; text-align:right;}
.bread_crum .brdcrm .breadcrumb ul {padding:8px 0px; list-style: none;}
.bread_crum .brdcrm .breadcrumb ul li {display: inline; font-size: 14px; font-family:'Hind Guntur'; color:#85c226;}
.bread_crum .brdcrm .breadcrumb ul li+li:before {padding:4px; color:#8e8e8e; content: "/\00a0";}
.bread_crum .brdcrm .breadcrumb ul li a {color: #c2c2c2; text-decoration: none; font-family:'Hind Guntur';}
.bread_crum .brdcrm .breadcrumb ul li:first-child a {background: url(images/link.html) no-repeat top 3px left; padding-left: 22px; box-sizing: border-box;}
.bread_crum .brdcrm .breadcrumb ul li a:hover {color: #85c226; text-decoration: underline;}



.container{width:100%; background:#f2f2f2; padding-top:30px; padding-bottom:50px;}

.container .left_pannel{ float:left; width:24.6%; background:#fff; padding:20px 20px 20px 20px; box-sizing:border-box;}
.container .left_pannel h2{font-size:22px; color:#0093de; font-family:'Hind Guntur'; font-weight:600; line-height:40px; border-bottom: 1px solid #494949; margin-bottom: 20px;}
.container .left_pannel ul{}
.container .left_pannel ul li{list-style:none; display:block;}

.container .left_pannel ul li a{color:#8a8a8a; text-decoration:none; font-size:17px; line-height:29px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display:block; padding:10px 0px 10px 16px; font-weight:400; border-bottom: 1px dashed #a1a1a1; margin-right: 0px; font-family:'Hind Guntur';}

.container .left_pannel ul li:hover a{line-height:29px; color:#fff; background: #85c226; padding:10px 0px 10px 16px; margin-right: 0px; font-family:'Hind Guntur'; font-size:17px;}
.container .left_pannel ul li a.active{line-height:29px; color:#fff; background: #85c226; padding:10px 0px 10px 16px; margin-right: 0px; font-family:'Hind Guntur'; font-size:17px;}

.container .left_pannel ul li ul li:hover a{line-height:29px; color:#fff; background: #85c226; padding:10px 0px 10px 16px; margin-right: 0px; font-family:'Hind Guntur'; font-size:17px;}
.container .left_pannel ul li ul li a.active{line-height:29px; color:#fff !important; background: #85c226 !important; padding:10px 0px 10px 16px; margin-right: 0px; font-family:'Hind Guntur'; font-size:16px !important;}

 
.container .left_pannel ul li span{line-height:29px; color:#fff; background: #85c226; padding:10px 0px 10px 16px; margin-right: 0px; font-family:'Hind Guntur'; font-size:17px; display: block;}


.container .right_pannel{ float:left; width:75.4%; padding-left:35px; box-sizing: border-box;}
.container .right_pannel h2{font-size:30px; color:#28166e; font-family:'Hind Guntur'; font-weight:600; line-height:40px; margin-bottom: 20px; text-transform:uppercase; text-align:center !important;}
.container .right_pannel h3{font-size:24px; color:#0093de; font-family:'Hind Guntur'; font-weight:500; line-height:40px; margin-bottom: 10px;}

.container .right_pannel h4{font-size:26px; color:#28166e; font-family:'Hind Guntur'; font-weight:500; line-height:40px; margin-bottom: 20px; text-align:center; background: url(images/bot-line.png) no-repeat bottom center; padding-bottom: 10px; padding-top: 30px;}

.container .right_pannel p{font-size:18px; color:#2c2c2c; line-height:28px; font-family:'Hind Guntur'; font-weight:400; padding-bottom: 10px; text-align:justify;}
.container .right_pannel .midimg{ width:100%; background: #fff; text-align:center; padding: 10px 0px; margin-bottom: 20px; height: 300px; line-height: 280px; box-shadow: 0px 1px 11px 1px; -moz-box-shadow: 0px 1px 11px 1px; -webkit-box-shadow: 0px 1px 11px 1px; text-align: center;}
.container .right_pannel .midimg img{ vertical-align:middle; max-width: 100%; max-height: 100%; display: inline-block; width: auto !important; height: auto !important;}

.container .right_pannel b{font-size:22px; color:#2c2c2c; font-weight:500; line-height: 50px;}
.container .right_pannel .right_img{float:right; padding-left:48px; margin-top: -50px; padding-bottom:20px; box-sizing: border-box; width: 50%;}
.container .right_pannel .right_img img{ vertical-align:top; width:100%;}

.container .right_pannel .left_img{float:left; padding-right:48px;}
.container .right_pannel .left_img img{ vertical-align:top; width:100%;}

.container .right_pannel .wrap{ float:left; width:50%;}

.container .right_pannel .white_bg{ padding:35px; /*background:#fff;*/ box-sizing:border-box; margin-bottom: 0px; padding-top: 0px; padding-left: 0px}
.container .right_pannel .white_bg .why-pic{ text-align:center;}

.container .right_pannel ul{}
.container .right_pannel ul li {position: relative;  padding-left: 25px;  background: url(images/bullets-icon.png) no-repeat 0px 9px !important; margin-bottom: 5px; padding-bottom: 1px; border-bottom: 1px solid #e8e8e8; list-style:none; color:#434343; font-size:18px; font-family:'Hind Guntur';}
.container .right_pannel ul li a{ text-decoration:none; color:#0093de;}
.container .right_pannel ul li a:hover{color:#85c226;}


.container .right_pannel .more{ overflow:hidden; position:relative; width:145px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; margin-bottom: 10px; display: inline-block;}
.container .right_pannel .more a{ text-decoration:none; color:#85c226; font-size:15px; line-height:43px;   height:40px;  border:1px solid #85c226; display:block; text-align:center; overflow:hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background: #fff;}
.container .right_pannel .more::after{width: 15px; height: 1px;  background: #85c226; content: ''; position: absolute; top: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.container .right_pannel .more::before{width:15px; height:1px; background:#85c226; content:'';  position: absolute; top: 50%; right:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.container .right_pannel .more:hover::after{ width:30px; background:#0093de;}
.container .right_pannel .more:hover::before{width:30px; background:#0093de;}
.container .right_pannel .more:hover a{border:1px solid #0093de; color:#0093de;}



.container .right_pannel .hmpw {width: 100%; margin: 0 auto; padding:50px 46px; text-align: center; box-sizing:border-box;}
.container .right_pannel .hmpw ul{margin:0px; padding:0px; list-style:none;}
.container .right_pannel .hmpw ul li{display:inline-block; position:relative; font-size:18px; color:#2c2c2c; line-height:28px; padding:46px 35px; box-sizing: border-box; text-align:center; font-family:'Hind Guntur'; width:20.5%; background: #ffffff !important; margin: 0px 2%; border: 0px; border-radius: 8px;}
.container .right_pannel .hmpw .hmp-icon{width:95px; height:79px; margin:0 auto; margin-bottom:15px;}
.container .right_pannel .hmpw .hmp-icon img{vertical-align:top;}


.container .right_pannel .certific {width: 100%; margin: 0 auto; padding:30px 46px; box-sizing:border-box;text-align: center;}
.container .right_pannel .certific .box{display:inline-block; position:relative; font-size:18px; color:#2c2c2c; line-height:28px; padding:18px; box-sizing: border-box; text-align:center; font-family:'Hind Guntur'; width:34%; background: #ffffff !important; margin: 0px 2%; border: 0px;}
.container .right_pannel .certific .hmp-icon{margin:0 auto;}
.container .right_pannel .certific .hmp-icon img{vertical-align:top; width:100%;}


.container .right_pannel .client {clear: both; width: 100%; margin: 0 auto; padding:25px 0px; text-align:left; box-sizing:border-box;}
.container .right_pannel .client ul{margin:0px; padding:0px; list-style:none;}
.container .right_pannel .client ul li {
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #2c2c2c;
    line-height: 28px;
    padding: 15px 13px;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Hind Guntur';
    width: 19.6%;
    background: #fff !important;
    margin: 0;
    border: 0px;
    float: left;
    border: 2px solid #ccc;
  /*  margin-top: -2px;
    margin-left: -2px;*/
	margin:2px;

	}
.container .right_pannel .client ul li:before {
    top: -2px;
    right: -9px;
    bottom: -2px;
    left: -10px;
  border-top: 2px solid #85c226;
    border-bottom: 2px solid #85c226;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
    z-index: 99;
    position: absolute;
    content: '';
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.container .right_pannel .client ul li:after {
    top: -9px;
    right: -2px;
    bottom: -10px;
    left: -3px;
   border-right: 2px solid #85c226;
    border-left: 2px solid #85c226;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    z-index: 99;
    position: absolute;
    content: '';
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.container .right_pannel .client ul li:hover:before, .container .right_pannel .client ul li:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*.container .right_pannel .client ul li.border_non {
    border-bottom: 0px;
}*/
/*.container .right_pannel .client ul li:nth-child(5n+5){border-right:0px;}*/
.container .right_pannel .client1 ul li{width: 24%;}
.container .right_pannel .client ul li span{ position:absolute; left:15px; top:13px; color:#28166e; font-size:16px; background: url(images/bullet1.png) no-repeat top 10px left; padding-left: 14px;}
.container .right_pannel .client .hmp-icon {
    width: 100%;
    margin: 0 auto;
    padding: 18px;
    box-sizing: border-box;
    position: relative;
    /*z-index: 9999;*/
}
.contact_left.pdl ul {
    float: left;
    padding-top: 32px;
}

.container .right_pannel .client .hmp-icon img {
    vertical-align: top;
    padding-top: 10px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1;
}
.container .right_pannel .client .hmp-icon:hover img{
  -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}



.gallery{ padding-bottom:0px;}
.top_gallery{ padding-top:10px;}
.top_gallery .top_left_gallery{ float:left; width:50%; padding-right:5px; box-sizing:border-box;}
.top_gallery .top_right_gallery{float:left; width:50%; padding-left:5px; box-sizing:border-box;}

.top_gallery .top_left_gallery img{ }
.top_gallery .top_right_gallery img{ }

.gallery img.gr{width:100%; vertical-align:top; display:block; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

.gallery .gl1:hover img.gr{-webkit-filter: grayscale(0); filter: grayscale(0); overflow: hidden; display: block; width:100%;}
/*.gallery .gl1:hover img.gr:hover {webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}	*/
.gallery .gl1:hover span.over_contant{color:#ff4019; font-weight:400;}	

.bottom_left_gallery{float:left; width: 32.8%;}
.bottom_right_gallery{float:left; width: 34.4%; padding:0 10px; box-sizing:border-box;}
.bottom_right1_gallery{float:left; width: 32.8%;}

.gl1 a{ display:table; position:relative;}
.gl1 a span.over_contant{ position:absolute; width:100%; text-align:center; top:0; padding-top:33%; font-size:30px; line-height:33px; color:#fff; font-family:'Hind Guntur'; font-weight:400; height:100%; box-sizing:border-box; background:rgba(0,0,0,0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.gl1:hover a span.over_contant{background:rgba(0,0,0,0.6);}

.bottom_gallery .gl1 a span.over_contant{ position:absolute; width:100%; text-align:center; top:0; padding-top:41%; font-size:30px; line-height:33px; color:#fff; font-family:'Hind Guntur'; font-weight:400; height:100%; box-sizing:border-box; background:rgba(0,0,0,0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.bottom_gallery .gl1:hover a span.over_contant{background:rgba(0,0,0,0.6);}


.container .right_pannel table {width: 100%; border-collapse: collapse;}
.container .right_pannel tr:nth-child(7n+1) {background: #8c8c8b17;}

.container .right_pannel th {background: #bee2f5; color:#333333; font-weight:500; font-size:18px; font-family:'Hind Guntur'; width: 33.333%;}
.container .right_pannel td, th {padding: 3.5px; text-align:left; font-size:16px; color: #434343; font-family:'Hind Guntur'; padding-left: 20px;}

.fixed.fd{ position:fixed; top:0px; width: 24.6%; max-width: 315px;}
.right.fd{ float:right;}

/*add 26march2018*/
.left_pannel.fixed.fd { height: 100%; padding-bottom: 60px; }
.left_pannel.fixed.fd div#menu-about_us_sidebar_menu { height: 100%; overflow-x: auto; }


.sercharea{ background:#080d1a; box-sizing:border-box; position: relative; bottom:0px; width:100%; height:50px;}
.sercharea .enq{ float:left; width:55%;}
.sercharea .enq div {padding:0px 3%; float:left; box-sizing:border-box;}
.sercharea .enq div a{text-decoration: none;font-size: 20px; color: #0391d8; text-transform:uppercase; line-height: 18px;} 
.sercharea .enq div a.emic{background: url(images/expert-icon.png) no-repeat 0px; padding: 4px; box-sizing: border-box;   padding-left:33px; font-family:'robotoregular'; font-size:16px;}
.sercharea .enq div a.enqf{background: url(images/enq-icon.png) no-repeat 0px; padding: 4px; box-sizing: border-box;   padding-left:40px; font-family:'robotoregular'; font-size:16px;}

.sercharea .enq div a.iso{background: url(images/iso-icon.png) no-repeat 0px; padding: 6px; box-sizing: border-box;   padding-left:40px; font-family:'robotoregular'; font-size:16px; display: block;}
.sercharea .enq div a.iso b{ font-size:12px; text-align:right; font-weight:100;}

.sercharea .enq div a:hover{color:#85c126;}

.sercharea .social{float:right; /*width:36%;*/}
.sercharea .social .soc_ico{float: left; width:auto; padding: 10px 0px; box-sizing: border-box;}
.sercharea .social .soc_ico .flow{font-size: 16px; color: #fff; font-family:'robotoregular'; font-weight:400; float:left;}
.sercharea .social .soc_ico ul{float: right; border-right: 1px solid #393d48; padding-right: 20px;}
.sercharea .social .soc_ico ul li{display:inline-block; margin-left:-4px; vertical-align:top; padding-right: 10px;}
.sercharea .social .soc_ico ul li a{ width:30px; height:30px; display:block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.sercharea .social .soc_ico ul li:last-child{ padding-right:0;}
.sercharea .social .soc_ico ul li a.you{ background:url(images/footer_social.png) no-repeat top 0 left 0;}
.sercharea .social .soc_ico ul li a.you1{background:url(images/footer_social.png) no-repeat top 0 left -38px;}
.sercharea .social .soc_ico ul li a.you2{background:url(images/footer_social.png) no-repeat top 0 left -74px;}

.sercharea .social .soc_ico ul li:hover a.you{ background:url(images/footer_social.png) no-repeat top -36px left 0;}
.sercharea .social .soc_ico ul li:hover a.you1{background:url(images/footer_social.png) no-repeat top -36px left -38px;}
.sercharea .social .soc_ico ul li:hover a.you2{background:url(images/footer_social.png) no-repeat top -36px left -74px;}


.sercharea .social .search{float:right; width:auto; padding-left:16px; box-sizing: border-box; padding-top:10px;}
.sercharea .social .search .but_srch {position: relative; float: left; font-size: 14px; line-height: 10px; color: #84c025;
padding: 10px 0px; text-decoration:none;}
.sercharea .social .search .but_srch a{color: #84c025; text-decoration:none;}
.sercharea .social .search .but_srch a:hover{color: #0391d8;}
.sercharea .social .search .but_srch img{ vertical-align:middle;}
.sercharea .social .search .searchbar {position:absolute; overflow:hidden; width:1px; right:165px; margin:6px 0px 0px 0px; background-color:#ffffff; height:36px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border:1px solid #cccccc; display:none;}



.container .contact_inner{background:url(images/contact-bg.jpg) no-repeat center center; height:auto; padding:50px; box-sizing:border-box; margin-bottom: 22px; background-size: cover; }

.container .contact_left{float:left; width:50%; }
.container .contact_left h3{text-align:left; font-size:22px; font-family:'Hind Guntur'; color:#0093de; font-weight:400; padding-bottom:10px; margin: 0;}
.container .contact_left ul{}
.container .contact_left ul li{text-align:left; font-size:16px; font-family:'Hind Guntur'; color:#2c2c2c; font-weight:400; list-style:none; padding-bottom: 18px; border-bottom:1px solid #a1a1a1;}
.container .contact_left ul li a{ text-decoration:none; color:#2c2c2c; text-align:left; width:127px}
.container .contact_left ul li a:hover{ text-decoration:none; color:#0093de;}

.container .contact_left .con {background: url(images/icon-cp.png) no-repeat 0px 6px !important; padding-left: 50px; box-sizing: border-box;}

.container .contact_left .ph {background: url(images/icon-ph.png) no-repeat 0px 6px !important; padding-left: 50px; box-sizing: border-box;}

.container .contact_left .loc {background: url(images/icon-loc.png) no-repeat 0px 6px !important; padding-left: 50px; box-sizing: border-box;}
.container .contact_left .mob {background: url(images/icon-mob.png) no-repeat 0px 6px !important; padding-left: 50px; box-sizing: border-box;}
.container .contact_left .eml {/*background: url(images/icon-email.png) no-repeat 0px 6px !important; padding-left: 50px; */box-sizing: border-box;}
.pdl {padding-left: 75px; box-sizing: border-box;}

.container .contact_right {float:left; width:20%; text-align:center;}
/*.container .frm_left{ float:left; width:50%; padding-right:16px; box-sizing:border-box;}
.container .frm_right{float:left; width:50%; padding-left:16px; box-sizing:border-box;}
*/

.form_area{width:100%; margin: 0 auto; padding:10px 0px; box-sizing:border-box;}
.form_area .form_box{float:left; width:100%; margin-bottom: 16px;}
.form_area .form_box .title{text-align:left; font-size:28px; font-family:'Hind Guntur'; color:#000000; font-weight:400; padding-bottom:10px;}
.form_lft {width: 48%; float: left; margin-right: 4%;}
.form_lftr {width: 48%; float: left;}
.qc_name {
    margin-bottom: 20px;
}









.container .quick_connect {height: auto; width: 100%;}
.container .quick_connect input[type="text"] {width: 100%; padding: 2px 5px; box-sizing: border-box; height:45px; margin-bottom:0px; color:#959595; border:1px solid #ffffff; font-size:16px; font-family:'Hind Guntur'; border:1px solid #a1a1a1; transition:all .7s;}
.container .quick_connect input:hover[type="text"] {border:1px solid #0093de; transition:all .7s;}

.container .quick_connect textarea {width: 100%; padding: 2px 5px; box-sizing: border-box; height:170px; margin-bottom: 10px; color:#959595; border:1px solid #ccc; font-size:16px; font-family:'Hind Guntur';}

.container .quick_connect button[type="submit"] {background:#0093de;     padding: 11px 6px 6px 6px; box-sizing: border-box; border:none; color: #fff; font-family: 'Hind Guntur'; cursor:pointer; width:195px; font-size:18px; margin-top:10px; transition:all .7s; webkit-transition:all .7s; border-radius:30px; text-transform:uppercase;}
.quick_connect button:hover[type="submit"] {background:#000;}


.container .quick_connect button[type="reset"] {background:#c0c0c0; padding:6px 6px; box-sizing: border-box; border:none; color: #505050; font-family: 'Hind Guntur'; cursor:pointer; width:190px; font-size:18px; margin-top:10px; transition:all .7s; webkit-transition:all .7s; border-radius:30px; text-transform:uppercase;}
.container .quick_connect button:hover[type="reset"] {background:#000000; color:#fff;}

.container .qc_toggle {position: absolute; top: 0;left:-50px;}

.container .qc_name input[type="text"] {
    background: url(images/full_name.png) no-repeat 12px 7px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    outline: none;
    padding: 5px 0 5px 48px;
    background-size: 20px;
}
.container .qc_name input[type="text"]:focus{background:none; padding: 5px 0 5px 10px;}

.container .qc_phone input[type="text"] {
    background: url(images/mob-icon.png) no-repeat 13px 6px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    outline: none;
    padding: 5px 0 5px 48px;
    background-size: 18px;
}
.container .qc_phone input[type="text"]:focus{background:none;	padding: 5px 0 5px 10px;}

.container .qc_email_id input[type="text"]{background: url('images/email_icone.png') no-repeat 10px 14px; -webkit-transition: 0.5s ease;  transition: 0.5s ease;  outline: none; padding: 5px 0 5px 48px; background-size: 26px; }
.container .qc_email_id input[type="text"]:focus{background:none; padding: 5px 0 5px 12px;}

.container .qc_enquery textarea{background: url('images/message_icone.html') no-repeat 12px 5px;  -webkit-transition: 0.5s ease; transition: 0.5s ease; outline: none; padding: 20px 0 5px 48px;}
.container .qc_enquery textarea:focus{	background:none; padding: 20px 0 5px 10px;}

.container .qc_add input[type="text"] {
    background: url(images/add-icon.png) no-repeat 10px 8px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    outline: none;
    padding: 5px 0 5px 48px;
    background-size: 28px;
}
.container .qc_add .test_area{
    background: url(images/add-icon.png) no-repeat 10px 8px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    outline: none;
    padding: 5px 0 5px 48px;
    background-size: 28px;
    height: 108px;
}
.container .qc_add .test_area:focus{padding-left: 0px; transition:0.5s; background: none; padding: 5px 0 5px 10px;}
.sect_optn select {
    width: 100%;
    height: 45px;
    border: 1px solid #a1a1a1;
    color: #959595;
    padding: 0 10px;
}
.container .qc_add input[type="text"]:focus{background:none; padding: 5px 0 5px 10px;}


.container .care_select select{width:100%; padding: 2px 5px; box-sizing: border-box; height:52px; margin-bottom:20px; color:#959595; border:1px solid #fff; font-size:16px; font-family:'Hind Guntur'; float: left; margin-right: 10px; border-bottom:2px solid #000;}

.container .care_select select:focus{background:none; padding: 5px 0 5px 10px;}
.container .care_select select{ -webkit-transition: 0.5s ease;  transition: 0.5s ease; outline: none;  padding: 5px 0 5px 53px; background: url(images/proj_icone.html) no-repeat 0px 0px;}


.cp_code{font-size:18px; font-family:'Hind Guntur'; color:#606060;}
.cp_code a {text-decoration:none;}
.cp_code a span{font-size:14px; font-family:'Hind Guntur'; color:#ff0000; text-decoration:none;}
.cp_code img{ vertical-align:middle;}
.cp_code input[type="text"]{outline: none; padding: 5px 0 5px 53px;}
.cp_code input[type="text"]:focus{background:none; padding: 5px 0 5px 12px;}

.qc_captcha input[type="text"]{outline: none; padding: 5px 0 5px 53px; border-bottom: 0px; border: 1px solid #ccc;     background: none;}
.qc_captcha input[type="text"]:focus{background:none; padding: 5px 0 5px 10px;}

.form_area .map_box{float:left; width:100%; padding-left:0;}
.form_area .map_box .bor{ border:5px solid #e0e0e0;}



.rd_more{ overflow:hidden; position:relative; width:145px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.rd_more a{ text-decoration:none; color:#333333; font-size:15px; line-height:43px;   height:40px;  border:1px solid #111111; display:block; text-align:center; overflow:hidden;  transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;}
.rd_more::after{width: 15px; height: 1px;  background: #000;  content: ''; position: absolute; top: 50%; transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;}
.rd_more::before{width:15px; height:1px; background:#000; content:'';  position: absolute; top: 50%; right:0; transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;}

.rd_more:hover::after{ width:30px; background:#ff4019;}
.rd_more:hover::before{width:30px; background:#ff4019;}
.rd_more:hover a{border:1px solid #ff4019; color:#ff4019;}



.form_left{ width:30%; float:left; font-size: 16px; line-height: 22px; padding-top:3px;}
.form_middle{ width:3%; float:left;}
.form_right{ width:67%; float:right;}
.outer_form{ margin-top:20px;}
.outer_form input[type="text"]{ width:100%; height:35px; line-height:40px; border:1px solid #ccc; border-radius:5px; padding:5px 10px; box-sizing:border-box;     font-size:14px;  color: #000;  font-family: 'Hind Guntur';}

.outer_form select{ width:100%; height:35px; line-height:40px; border:1px solid #ccc; border-radius:5px; padding:5px 10px; box-sizing:border-box;     font-size:14px;  color: #000;  font-family: 'Hind Guntur';}

.outer_form textarea{ width:100%; height:100px; border:1px solid #ccc; border-radius:5px; padding:10px; box-sizing:border-box;     font-size: 18px;    color: #000;  font-family: 'Hind Guntur';}


.submit_form{}
.submit_form  button{ background:#000; border:none; border-radius:5px; color:#fff; height:35px; line-height:40px; text-align:center; cursor:pointer; width:150px;     font-size: 18px;   font-family: 'Hind Guntur'; transition: all .7s;   -webkit-transition: all .7s;}
.submit_form{ padding-bottom:50px;}
.submit_form  button:hover{ background:#84c226;}


.note{ padding:20px 0 40px; font-size:18px; color:#000; line-height:24px; font-family: 'Hind Guntur'; text-align:center; font-weight:500;}
.inner_form{width:80%; /*margin: 0 auto;*/}
.sub_heading_form{ font-size:26px; color:#000; line-height:34px; font-family: 'Hind Guntur'; font-weight:100; border-bottom:1px solid #ccc;}

.outer_form span.mand{ color:red; vertical-align:top; display:inline-block;}
.padding_top_30{padding-top:60px;}
.margin_top_20{ margin-top:30px;}


.spc_note{ display:block; color:red; font-size:13px; line-height:17px; font-family: 'Hind Guntur'; font-weight:100; margin-top:5px; }
.sfi-js .sfi-wrapper .sfi-trigger{ margin-top:-42px;}
.sfi-js .sfi-wrapper .sfi-filename{ line-height:44px !important; color:#000 !important;}


.width_33{ width:32.66%; margin-right:1%; float:left;}
.width_33.margin_rigth0{ margin-right:0!important}
.expr1{ width:49.5%; float:left; margin-left:0.5%;}
.expr{ width:49.5%; float:left; margin-right:0.5%;}
.margin_top_10{ margin-top:10px;}

/*.but_menu {position: absolute;  top: 21px; right: 16px; display: none;  z-index: 100;}*/

/*header*/
body { overflow-x: hidden; }
.header { position:absolute; top: 0px; z-index: 999;}
.home_banner { padding-top:0px; height: 100vh !important; }
.home_banner .owl-carousel,
.home_banner .owl-wrapper-outer,
.home_banner .owl-wrapper,
.home_banner .owl-item,
.home_banner .owl-item .item { height: calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: -webkit-calc(100vh - 50px); background-size: cover !important; }
.home_banner .owl-item .item img { display: none; }
.home_banner img { max-height: 100%; }
.home_banner + div + .sercharea { position: absolute; bottom: 0px; }
body.headerfix .iner_banner { padding-top: 110px; }
.left_pannel.fixed.fd { top: 0px; }
.left_pannel.fixed.fd { padding-bottom: 35px; }
.left_pannel.fixed.fd { height: calc(100% - 0px); height: -moz-calc(100% - 0px); height: -webkit-calc(100% - 0px); }
.container .left_pannel { padding-bottom: 35px; }
.container .left_pannel h2 { margin-bottom: 5px; } 

.alert.alert-danger.alert-dismissable strong { display: none; }

/*scrollbar*/
/* width *
::-webkit-scrollbar {
    width: 3px;
	height: 3px;
}

/* Track *
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
 
/* Handle *
::-webkit-scrollbar-thumb {
    background: #666; 
    border-radius: 10px;
}

/* Handle on hover *
::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
}

/*Gallery images*/
.container .right_pannel ul.gallery { list-style: none; list-style-type: none; padding: 0px; margin: 0px -15px; overflow: hidden; }
.container .right_pannel ul.gallery li { height: auto; display: inline-block; border-bottom: 0px; float: left; width: 33.33%; padding: 0px 15px !important; margin-bottom: 30px;  background: none !important; }
.container .right_pannel ul.gallery li a { display: block; height: 100%; overflow:hidden; }
.container .right_pannel ul.gallery li a img { max-width: 100%; max-height: 100%; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }
.container .right_pannel ul.gallery li:hover a img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }


/*--======================e-brochure-tabing-----===================--start==========*/


.costomer_partner {
    text-align: center;
    margin-top: 25px;
}
.container .costomer_partner ul li {
    display: inline-block;
    font-size: 15px;
    width: auto;
    text-align: center;
    background: none !important;
    border: 0;
    padding: 0 0 0px 0;
    margin-left: -4px;
}

.container #tabs li a {
    background: #85c226;
    color: #fff !important;
}
.container #tabs li:nth-child(1) a.inactive {
    background: #333;
}
.container #tabs li:nth-child(2) a.inactive {
    background: #0093DE;
}
.container #tabs li:nth-child(3) a.inactive {
    background: #28166E;
}
.container .costomer_partner ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 12px 22px 7px 22px;
}
.container .costomer_partner ul li:first-child a {
        border-radius: 30px 0px 0 30px;
}
.container .costomer_partner ul li:last-child a {
    border-radius: 0px 30px 30px 0px;
}

#tabs li a.inactive {
    background: #3f3f3f;
}
#tabs li a {
    background: #ffce1e;
    color: #0c0f0e !important;
}



/*--======================e-brochure-end-----===================--start==========*/






.cover-wrapper {
    padding: 75px;
}
.client-inners img {
    height: 100%;
    object-fit: contain;
}
.client-inners {
    border: 1px solid #ccc;
    height: 85px;
    text-align: center;
    padding: 8px;
}
.owl-nav img {
    width: 34px;
}
.owl-prev img {
    position: absolute;
    left: -38px;
    top: 50%;
    margin-top: -20px;
}
.owl-next img {
    position: absolute;
    right: -38px;
    top: 50%;
    margin-top: -20px;
}




/*=======================================Responsive media query==========================================*/
@media screen and (max-width:1280px){
	
	.section{ padding:0px 15px; box-sizing:border-box;}
	.caption{padding:0px 15px; box-sizing:border-box;}
		
	.sercharea .enq div a.emic{font-size: 14px;}
	.sercharea .enq div a.enqf{font-size: 14px;}
	.sercharea .enq div a.iso{font-size: 14px;}

	.header .menu { width: 100%; left: 0px; max-width: none; }
	.header .menu nav { width: 100%; float: left; }
	.header .menu nav ul { float:left; width: 100%; float: left; }
	.header .menu nav ul li { float: none; display: inline-block; }
	.header .menu nav ul li a { padding: 12px 9px; font-size: 15px; text-shadow: none; }
	.header .menu nav ul li:last-child a { padding: 12px 9px; }
}

@media screen and (max-width:1250px){
	.container .right_pannel .hmpw ul li { font-size: 16px; padding: 46px 10px; }
}

@media screen and (max-width:1199px){
	.header .menu { position: relative; }
	.container .left_pannel { padding: 20px 10px; }
}

@media screen and (max-width:1190px){
	.container .right_pannel .client ul li{width: 24.2%;}
}

@media screen and (max-width:1162px){
.container .right_pannel .client ul li {width: 32.2%;}
}
@media screen and (max-width:1060px){

	.sercharea .enq div{padding: 0px 2%;}
	.head .menu ul li{padding: 0px 11px; }
}

@media screen and (max-width:1040px){
	.sercharea .enq div{padding: 0px 1%;}
	.sercharea .social .search{padding-left:12px;}
	.sercharea .social .soc_ico ul{padding-right:15px;}
}

@media screen and (max-width:1024px){
	.sercharea .enq div a.emic{font-size: 12px;}
	.sercharea .enq div a.enqf{font-size: 12px;}
	.sercharea .enq div a.iso{font-size: 12px;}
	.head .menu ul li a{font-size: 15px;}
	.sercharea .social .search .but_srch{font-size: 13px;}
	.header .menu nav ul li a { font-size: 13px; }
	.home_banner .owl-prev { left: auto; right: 54px !important; }
	.home_banner .owl-next { left: auto; right: 15px !important; }
}

@media screen and (max-width:1000px){
	.head{ position: relative !important;}
	.head .menu{ display:none;}
	.but_menu{display:block;}
	.sercharea .enq{ width:100%; float:none; text-align: center;}
	.sercharea{ height:auto;}
	.sercharea .social{width:100%; float:none; }
	.sercharea .social .soc_ico{width:100%; float:none;}
	.sercharea .social .search{width:100%; float:none;}
	.sercharea .social .search .but_srch{width:100%; float:none;}
	.sercharea .enq div{display: inline-block; float:none;}
	.home_banner {width: 100% !important;}
	.sercharea .social .soc_ico ul{padding-right:0px; border-right:0px;}
	
	
	.container .left_pannel{float:none; width:100%; margin-bottom: 35px;}
	.container .right_pannel{float:left; margin-top: 10px; width:100%; padding-left:0px;}
	.fixed.fd{ position:relative; max-width: 100%;}
	.left_pannel.fixed.fd { top: 0px; }
	
	.container .right_pannel .hmpw ul li span br{ display:none;}
	.container .right_pannel .hmpw ul li{width:45.5%; margin-bottom: 25px;}
	.container .right_pannel .certific .box{width:35%;}
	.inner_form{width:100%;}
	.project_icon_clc {display: block; cursor: pointer;}
	#menu-about_us_sidebar_menu {display: none;}
	.home_banner .owl-theme .owl-controls .owl-buttons { bottom: 119px; }
	
}
@media screen and (min-width:901px){
nav#des-menu ul li span{display:none}
}
@media screen and (max-width:900px){
	* img{ max-width: 100%; }
	.header .quicklinks { margin-top: 65px; }
	a.button.toggle-menu { display: block !important; cursor:pointer; position: fixed; top: 15px; right: 15px; background: #2792D2; height: 40px; max-width: 50px; width:100%; padding: 12px 10px; border-radius: 5px; box-sizing: border-box; transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -webkit-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; }
	a.button.toggle-menu:hover {background:#2e1c72; transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -webkit-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}
	a.button.toggle-menu span { display: inline-block; width: 100%; height: 2px; float: left; background: #fff; margin-top: 5px; }
	a.button.toggle-menu span:first-child { margin-top: 0px; }
	nav#des-menu { position: fixed; top: 0px; left: -250px; opacity:0; visibility: hidden; background: #2792D2; width: 250px; height: 100%; overflow-y: auto; overflow-x: hidden; transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -webkit-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; }
	
	
	nav#des-menu.show { padding: 0px; left:0px; opacity:1; visibility: visible; transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -webkit-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; }
	nav#des-menu ul { width: 100%; float: left; overflow-y: hidden; }
	nav#des-menu ul li { width: 100%; float: left; text-align: left; }
	.header .menu nav ul li a, .header .menu nav ul li:last-child a { padding: 12px 15px; }
	.header .menu nav ul li a { border-bottom: 1px solid #4ca1d4 }
	.header .menu nav ul li ul { position: absolute; top: 0px; display: block; margin: 0px; width: 100%; float: left; visibility: hidden; height: 0px; }
	.header .menu nav ul li ul {display:none; position: relative; height: auto; position: relative;visibility:visible;  }
	.header .menu nav ul li ul li ul {  position: relative; top: 0px; left: 0px; display: block; margin: 0px !important; width: 100% !important; float: left !important;display:none; height: 0px !important;visibility:visible; }
	/*.header .menu nav ul li ul li:hover ul { visibility: visible !important; opacity:1 !Important; position: relative; height: auto !important; }*/
	.header .menu nav ul li ul li ul { visibility: visible !important; opacity:1 !Important; position: relative; height: auto !important; }
	.header .menu nav ul li ul li ul li { padding-left: 0px; }
	.header .menu nav ul li ul li ul li a { padding: 10px 20px 10px 40px; }
	.header .menu nav ul li ul li ul li:last-child a { padding: 10px 20px 10px 40px; }
	.header .menu nav ul li ul li ul li ul li:last-child a { padding: 10px 20px 10px 50px; }
	.header .menu nav ul li ul li ul li ul li ul li:last-child a { padding: 10px 20px 10px 50px; }


	.header .menu nav ul li ul li ul li ul { position: absolute; top: 0px; left: 0px; display: none; margin: 0px !important; width: 100% !important; float: left !important; visibility: visible; height: 0px !important; }
	/*.header .menu nav ul li ul li ul li:hover ul {  visibility: visible !important; opacity:1 !important; position: relative; height: auto !important;display:none }*/
	.header .menu nav ul li ul li ul li ul {  visibility: visible !important; opacity:1 !important; position: relative; height: auto !important;display:none }
	.header .menu nav ul li ul li ul li ul li a { padding: 10px 10px 10px 50px; }
	.header .menu nav ul li ul li ul li ul:last-child a { padding: 10px 20px 10px 50px; }
	.header .menu nav ul li ul li ul:last-child a { padding: 10px 20px 10px 40px; }
	
	
	nav#des-menu ul li span{display:block}
	
}
@media screen and (max-width:804px){
	.container .right_pannel .client ul li {width: 48.2%;}
	.container .right_pannel .client1 ul li{width: 48.2%;}
}
@media screen and (max-width:800px){
	.container .contact_left{float:none; width:100%;}
	.pdl{ padding-left:0px;}
	.container .contact_inner{background-size: cover;}
	.form_area .form_box{float:none; width:100%;}
	.form_area .map_box{padding-left:0%; float:none; width:100%; margin-top: 50px;}
}
@media screen and (max-width:768px){
	
.sercharea .social{text-align: center;}
.sercharea .social .soc_ico ul{ float:none;}
.home_banner img{width:100% !important; height: auto !important;}
.home_banner {width: 100% !important; height:auto !important}
.caption{position: relative; top:auto; background:#495678; margin: 0 auto; padding: 30px 15px; text-align: center;}
.caption h4 span{ text-align: center; color:#fff;}
.caption h4 span br {display:none;}
.caption h4{text-align: center; color:#fff;}
.owl-theme .owl-controls{ margin-top:0px !important;}
.container .right_pannel .right_img{float:none; width:100%; padding-left:0px; margin-top:0px;}	
.container .right_pannel .wrap{float:none; width:100%;}
.container .right_pannel .left_img{ float:none; padding-right:0px;}	
.container .right_pannel .white_bg{padding: 10px;}
a.button.toggle-menu { top: 5px; }
.header .quicklinks a { width: 100%; border-right: 0px; margin-bottom: 5px; float: left; font-size: 10px; /*padding-right: 4px;*/ margin-right: 4px; } 
.header .quicklinks { width: 60%; margin-top: 45px; }
.header .quicklinks a:nth-child(2) { text-align: right; }
.logo { display: block; width: 40%; }
.logo a { display: block; }
.logo img { max-width: 100%; }
.container .right_pannel .white_bg { width: 100%; overflow-x: auto; border: 1px solid #ddd; }
.container .right_pannel .white_bg table { width: 700px; }
.container .right_pannel .hmpw { float: left; }
.container .right_pannel .hmpw ul li { padding: 20px 20px; float:left; min-height: 202px; }
.home_banner + div + .sercharea { position: relative; }
.home_banner .owl-theme .owl-controls .owl-buttons { bottom: 15px; }
.container .right_pannel .video iframe { height: 300px; }
.container .contact_inner { padding: 20px 15px; }
.container .right_pannel ul.gallery li { width: 50%; } 

}
@media screen and (max-width:700px){
	
}
@media screen and (max-width:640px){
	.container .right_pannel .white_bg .why-pic img{ width:100%; vertical-align:top;}
	.bread_crum .title{ float:none; width:100%; text-align:center;}
	.bread_crum .brdcrm{float:none; width:100%; text-align:center;}
	.logo { margin-top: 0px; }
}
@media screen and (max-width:565px){
	.container .right_pannel .hmpw ul li{width:100%; margin-bottom: 25px; min-height: 0px;}
	.container .right_pannel .certific .box{ width:46%; float: left;}
	
	.bottom_left_gallery {float:none; width:100%;}
	.bottom_right_gallery{float:none; width: 100%; padding: 10px 0px;}
	.bottom_right1_gallery {float:none; width:100%;}
	.gl1 a{display:block;}
	.top_gallery .top_left_gallery {float:none; width:100%; padding-right:0px; padding-bottom: 10px;}
	.top_gallery .top_right_gallery{float:none; width:100%; padding-left:0px;}
	
	.container .frm_right{width:100%; float:none; padding-left:0px;}
	.container .frm_left {float:none; width:100%; padding-right:0px;}
	.logo { margin-top: 10px; } 
}

@media screen and (max-width:488px){
	.container .right_pannel .client ul li {width:100%;}
	.container .right_pannel .client1 ul li {width:100%;}
	.form_left{width:100%; float:none;}
	.form_right{width:100%; float:none;}
	.form_middle { display:none;}
	.header .quicklinks { text-align: center; width: 100%; margin-top: 0px; }
	.logo { margin-top: 5px; width: 44%; }
	.header .quicklinks a { width: auto; float: none; } 
	a.button.toggle-menu { height: auto; width:40px; top: 14px; right: 10px !important; padding: 8px 10px; }
	.container .right_pannel h2 { text-align: center; }
}

@media screen and (max-width:460px){
	.caption h3{line-height: 55px;}
	.caption h3 span{ float:none;}
	.container .contact_left h3 { text-align: center; line-height: 30px; }
	.form_area .form_box .title { text-align: center; }
}
@media screen and (max-width:412px){
	.caption h4{font-size:30px;}
	.container .right_pannel td, th{ font-size:13px;}
	.container .right_pannel .certific .box{ width:100%; float:none; margin-bottom: 25px;}
	.header { height: 129px; }
	body.headerfix .iner_banner { padding-top: 128px; }
	.container .right_pannel { text-align: center; }
	.container .right_pannel ul li { text-align: left; }
	.container .right_pannel .video iframe { height: 280px; }
	.container .right_pannel ul.gallery li { width: 100%; } 
}
@media screen and (max-width:360px){
a.button.toggle-menu { right: 2px; }
	.head .logo img{ width:80%; vertical-align:top;}
	.but_menu{margin: 22px 5px 0 0;}
	.container .right_pannel table {overflow: scroll; width: 26.5%;}
}



.no_con a {
    display: inline-block;
    //float: right;
}
.no_con span {
    display: inline-block;
}

.container .service_mn .qc_name input[type="text"], .container .service_mn .qc_add .test_area {
    background: none;
    padding-left: 10px;
}

.container .service_mn .qc_name input[type="email"], .container .service_mn .qc_name input[type="password"] {
    width: 100%;
    padding: 2px 5px;
    box-sizing: border-box;
    height: 45px;
    margin-bottom: 0px;
    color: #959595;
    border: 1px solid #ffffff;
    font-size: 16px;
    font-family: 'Hind Guntur';
    border: 1px solid #a1a1a1;
    transition: all .7s;
    padding-left: 10px;
}
.container .service_mn .qc_add .test_area {
    height: 303px;
}
.container .right_pannel ul.e_broucher {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px 0;
    overflow: hidden;
}

.container .right_pannel ul.e_broucher li {
    text-align: center;
    float: left;
    width: 20%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: all .5s ease-in-out;
    padding: 10px 10px 0;
    box-sizing: border-box;
    min-height: 200px;
    background: #e0e0e0 !important;
    position: relative;
    margin: 0;
}
.container .right_pannel ul.e_broucher li:hover {
    background: #bfbfbf !important;
}
.container .right_pannel ul.e_broucher li:nth-child(odd) {
    background: #ececec !important;
}
.container .right_pannel ul.e_broucher li:hover:nth-child(odd) {
    background: #bfbfbf !important;
}
.container .right_pannel ul.e_broucher .press_pdf_cap p {
    display: block;
    padding-top: 5px;
    color: #2c2c2c;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    line-height: 21px;
    transition: all .5s ease-in-out;
	text-align:center;
}


.container .right_pannel ul.e_broucher li a {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 14px;
}

.container .right_pannel ul.e_broucher li a img {
    max-width: 100%;
    max-height: 100%;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}
.contact_left span img {
    width: 100%;
}
#left_oad {
    padding-left: 40px;
}
.container .right_pannel tr.table-modify1 td {
   min-width: 168px;
    width: 100%;
   
}
.container .right_pannel tr.table-modify2 td:first-child {
    width: 228px;
}
.state {background-color: #85C226; position: absolute; width: 100%; left: 0; bottom: 0; color:#fff; padding-top:2px; font-size:14px;}
.txt{ margin-bottom: 5px; line-height: 24px;}


.container .right_pannel ul.vpsa li{float: left; margin-right: 43px; border-top:0px; border-bottom:0px;}
.allwrap { width: 100%; overflow: hidden;}
.textright { width: 60%; float: left;}
.imageright { width: 40%; float: right;}
.imageright img { /* width: 350px; */  /* height: 263px; */max-width: 350px; width: 100%; float: right; margin-top: 76px;}
.imageright .quote-btn { background: #020671 none repeat scroll 0 0;  color: #fff; font-size: 16px; font-weight: normal; margin: 0 auto; max-width: 100%;
    transition: background-color 0.5s ease 0s; display: block; float: right; padding: 5px 5px 5px 5px; width: 350px; text-align: center; text-decoration: none;
}

@media screen and (max-width:1024px){
.imageright { width: 100%;float: unset;}
.textright {width: 100%;float: unset;}
.imageright .quote-btn {width: 100%; float: left; margin-bottom:15px;}
.imageright img { max-width: unset; width: 100%;} 
.container .right_pannel ul.e_broucher li { width: 50%; margin:0 auto;}
}

/* CSS used here will be applied after bootstrap.css */

.col-sm-4cols{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 768px) {
.col-sm-4cols {
        width: 33%;
        float: left;
    }
}