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

@font-face {
    font-family: 'Ubuntu-Medium';
    src: url('../fonts/Ubuntu-Medium/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Medium/Ubuntu-Medium.woff') format('woff'), url('../fonts/Ubuntu-Medium/Ubuntu-Medium.ttf')  format('truetype'), 
        url('../fonts/Ubuntu-Medium/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
boby{background-color:#fff; font-family: 'Ubuntu-Light';}
.navbar {position: relative;min-height: 70px !important;margin-bottom: 20px;border: 1px solid transparent;}
.navbar-default {
    background-color: #fff !important;
    border-color: #fff !important;
}

/* new slide css */
.transition-timer-carousel .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 36px;
	}
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5cb85c;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}
 
 /* new slide css */

.nav li a.active{ color:#48a62a !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff !important;
    background-color: #fff !important;}
.nav > li > a:hover{ color:#48a62a !important;}


.navbar-brand>img {
    display: block;
    margin-left: 20px;   height: 50px; margin-top: 0px;}
.navbar-nav > li > a:hover {    color: #40d47e !important;}
.navbar-right {float: right!important;       margin-top: 1% !important;margin-right: 20px !important;}
/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {position: absolute;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { position: absolute;  /* size of bullet elment */ width: 32px; height: 16px;overflow: hidden;cursor: pointer;}
.jssorb05 div { background: url('../images/gray.png') no-repeat; }
.jssorb05 div:hover, .jssorb05 .av:hover {  background: url('../images/gray.png') no-repeat; }
.jssorb05 .av { background: url('../images/green.png') no-repeat;}
.jssorb05 .dn, .jssorb05 .dn:hover { background: url('../images/green.png') no-repeat;}

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
*/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../img/a22.png') center center no-repeat;
    overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.common{    width: 1583px; height: 455.113px; margin-top: -20px !important;}
#jssor_1{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden; visibility: hidden;}
.loader img{margin-right: 78px;}
.loader{position:absolute;z-index:999;margin-top: 3%;}
.cont{margin-right:50px;}
.about-f{color:#474747;margin:50px 60px 50px 50px;font-family: 'Ubuntu-Light';}
.about-f1 {color:#48a62a;font-size:26px;font-family: 'Ubuntu-Medium';}
.para {margin: 0 0 10px;font-size: 17px !important;line-height: 26px;width: 380px;}
.about-f  span a{color:#ca0d0d;float:right;text-decoration:none;}
.video1{margin:50px 0px 50px 50px;}
.video{margin:50px 0px 50px 45px;}
/* footer start */
.foott{background-color:#c1bbaa;border-top:3px solid #b4ac97;padding: 10px 0px 10px 0px;    margin-top: 30px;font-family: 'Ubuntu-Light';}
.row { margin-right: 0px !important; margin-left: 0px !important;}
.footer-menu-alg{font-size:14px; height: auto;}
.footer-menu-alg ul       {   margin-top:10px;}
.footer-menu-alg ul li{text-decoration: none;list-style:none;float:left;border-right: 1px solid #FFF;} 

.footer-menu-alg  a {color: #615e53;list-style:none;  text-decoration:none;  padding: 0 20px;}
.footer-menu-alg ul li a:hover{text-decoration:none;color: #615e53;}
.footer-menu-alg ul li:last-child {border-right:none;}
.footp h6{color: #615e53;text-align:center !important;background-color:#c1bbaa;color: #615e53;    margin-top: 40px;    margin-bottom: 0px !important;}
/* products start */
.sub-banner{width:100%;margin-top:-9px;}
.prodt-cls{margin-left:10px;font-family: 'Ubuntu-Light';margin-right: 10px;}
.prodt-cls h4{   margin-top: 25px !important;}
.prodt-cls h2{color:#48a62a;margin-bottom: 25px;margin-top: 50px;font-family: 'Ubuntu-Medium';}
.prodt-cls p{color:#474747;font-size:17px;width: 100%;text-align: justify;}
.prodt-cls ol li {font-size:18px;}
.pa{width:90%;}
.product-img {margin-top:20px;}
.product-img p{margin-top:15px;}
.product-img img{margin-top:10px;width:100%;}
.sub-banner p{ font-family: 'Ubuntu-Medium';  font-size: 22px !important;width: 24%;position: absolute;float:right;    margin-left: 59%;margin-top: 4%;}
/* products end */
/*quality end */
.quality-cls {margin-bottom: 0px;margin-top:25px;margin-left: 50px;font-family: 'Ubuntu-Light';font-size:18px;}

.quality-cls h2{color:#48a62a;margin-bottom: 0px;font-family: 'Ubuntu-Medium';}
.quality-cls h3{color:#48a62a;margin-bottom: 0px;font-family: 'Ubuntu-Medium';}
.certi img{margin-bottom:50px;margin-left: 50px;}
.certi1 img{margin-bottom:50px;margin-left:40px;   }
.quality-cls1 {margin-bottom: 25px;margin-top:25px;margin-left: 50px;font-family: 'Ubuntu-Light';font-size:17px;}
.quality-cls1 h2{color:#48a62a;margin-bottom: 25px;font-family: 'Ubuntu-Medium';}
.quality-cls2 {margin-left: 50px;font-family: 'Ubuntu-Light';font-size:17px;}
.quality-cls2 h2{color:#48a62a;font-family: 'Ubuntu-Medium';}
.quality-cls2 ol{line-height:30px !important;}
/*quality end */
/*Engg and design start */
.enggp-cls{margin-top:20px;margin-left: 45px;font-family: 'Ubuntu-Light';}
.enggp-cls p{font-size:17px;margin-top:0px;width:97%; font-family: 'Ubuntu-Light';   }
.enggp-cls h4{margin-top:0px;}
.enggp-cls img{margin-top:20px;margin-bottom:20px;}
.quot{width:535px;margin:0 auto;margin-bottom:20px;}
/*Engg and design end */
/*Infra start */
.infra{    margin-top: 30px;margin-bottom: 25px;font-family: 'Ubuntu-Light';margin-right: 50px;}
.infra-img{    margin-left: 50px; margin-top: 30px;margin-bottom: 0px;}
.infra h4{   padding-top: 20px;font-size:20px;}
.infra p{margin-top:10px;font-size:17px;width: 100%;}

.infra-sub{margin-left: 90px;margin-bottom: 25px;}
.paa{line-height:15px;}

/*Infra end */
/*client start */
.client-img img{margin-top:40px;margin-bottom:40px;}			

/*client end */
.quality-cls ul{margin-top:10px;    margin-right: 50px;}
.quality-cls li{margin-bottom:10px;list-style-image: url("../images/bullet.png");}
.ba-alg{margin-bottom: 35px;}
/*Contact start */
.quality-cls-p{margin: 0 0 0px !important;}
.contact-cls{margin-bottom: 20px; margin-top: 70px;}
.contact{margin-top:10px;margin-left:40px;font-family: 'Ubuntu-Light';}
.contact h2{color:#48a62a;    margin-left: 0px;margin-bottom: 20px;margin-top: 20px;font-family: 'Ubuntu-Medium';}
.form-horizontal .control-label {text-align:left !important;}
textarea.form-control { height: 100px !important;}
.control-label span{font-size:20px;color:#ca0d0d;}
/*contact end */

/*animation start  */
.ani{background-color:#f5f5f5 !important;}
.ani-img{    margin-top: 5px !important;margin-left: 50px !important;color:#48a62a;}					
.text h5{font-size: 15px !important;margin-top: -10%;font-family: 'Ubuntu-Light';color:#48a62a;}
.text1 h5{font-size: 15px !important;font-family: 'Ubuntu-Light';margin-left:0px;color:#48a62a;}

.ani-mobil1 label{font-size:30px;color:#48a62a;}
.ani-mobil3 label{color:#48a62a;}  





#circle
{
    width: 100px;
    height: 82px;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float:left;
    margin:5px;
}
.count, .counted
{
    line-height: 100px;
    color:#48a62a;

    font-size:40px;
}


/*Media Query */
@media only screen and (max-width: 1366px){
    .sub-banner p{ font-family: 'Ubuntu-Medium';  font-size: 18px !important;width: 24%;position: absolute;float:right;    margin-left: 59%;margin-top: 4%;}

}
@media only screen and (max-width: 1335px){
    .navbar-brand>img { width: 200px !important;}
}
@media only screen and (max-width: 1285px){
    .navbar-brand>img {width: 180px !important;}
}
@media only screen and (max-width: 1265px){
    .navbar-brand>img {width: 140px !important;}
    .sub-banner p {font-size: 23px !important;margin-top: 5% !important;}
}
@media only screen and (max-width: 1200px){
    .navbar-brand>img {width: 180px !important;}
    .nav>li>a {padding: 10px 8px !important;}
    .about-f {margin: 45px 0px 50px 50px !important;}
    .about-f1 {font-size: 20px !important;}
    .para {font-size: 16px !important;width:300px !important;}
    .map-cls{width:700px;height:450px;}
}
@media only screen and (max-width: 1100px){
    .navbar-brand>img {width: 180px !important;}
    .navbar-brand>img { margin-left: 5px;  }
    .navbar-right { margin-right: 5px !important;}
    .nav>li>a {padding: 10px 8px !important;}
    .sub-banner p {font-size: 20px !important;margin-top: 5% !important;}
    .about-f {margin: 45px 0px 50px 50px !important;}
    .about-f1 {font-size: 20px !important;}
    .para {font-size: 16px !important;width:300px !important;}
    .map-cls{width:600px !important;height:540px;}
    .text h5 {margin-left: 35px !important;    margin-top: -17% !important;}
}
@media only screen and (max-width: 1112px){
    .navbar-brand>img {width: 160px !important;}
}
@media only screen and (max-width: 768px){
    .infra{margin-right:94px !important;}
    .quality-cls{    margin-right: 50px;}
    .enggp-cls{    margin-right: 45px;}
    .sub-banner p{font-size:12px !important;}
    .navbar-right {float: left !important;}
    .map-cls {width: 655px !important;height: 600px;}
    textarea.form-control {height: 160px !important;}
    .text h5 {font-size: 12px !important;}
    .button   {margin-left: 67px;}
    .footer-menu-alg a {padding: 0 5px;font-size: 12px !important;}
    .footp h6{margin-top:6px !important;font-size: 10px;}
    .para {font-size: 16px !important;width: 500px !important;}
    .infra {margin-left: 50px !important;}
    .infra-img { margin-top: 66px !important;}
    .contact-cls{margin-left:50px !important;margin-right:50px !important;}
    .form-horizontal{margin-left:50px !important;}
    .form-control {margin-left:0px !important;}
    .certi2{margin-left: 200px !important;margin-bottom:50px;}
    .foot-slid  { margin-left: -14px;margin-right: 0px;}
    .navbar-default .navbar-toggle:hover { margin-top: 20px !important;}
    .count, .counted{font-size:33px !important;    margin-left: 30px;}
    .ani-mobil3 label {margin-top: -57px; margin-left: 85px;}
    .text1 h5 { margin-left: 28px !important;}
    .certi img { margin-left: 200px !important;}
}
@media only screen and (max-width: 729px){
    .count{margin-left:29px !important;}
}


@media only screen and (max-width: 640px){
    .sub-banner p{font-size:11px !important;}
    .ani-mobil1 label { font-size: 24px !important; margin-top: -65px !important; margin-left: 66px !important;}
    .quot {width: 347px !important;margin: 0 auto;margin-bottom: 20px !important;}
    .nav>li>a {padding: 5px 8px !important;margin: 10px 0px !important;}
    .certi img { margin-left: 70px !important;}
    .certi2{margin-left: 70px !important;margin-bottom:50px;}
}
@media only screen and (max-width: 575px){
    .map-cls {width: 455px !important;height: 600px;}
    .quot {width: 347px !important;margin: 0 auto;margin-bottom: 20px !important;}
}
@media only screen and (max-width: 480px){
    .sub-banner p{font-size:9px !important;}
    .map-cls {width: 365px !important;height: 600px;}
    .ani-mobil{width: 230px !important;}
    .ani-mobil1{width: 70px !important;}
    .ani-mobil2 {    margin-left: -60px;}
    .text1 h5 {margin-left: -30px !important;}
    .count, .counted { margin-left: -25px !important;}
    .count label {margin-top: -79%;margin-left: 85%;}
    .ani-mobil1 label { margin-top: -68px !important; margin-left: 3px !important;font-size:24px !important;}
    .para { width: 319px !important;}
    .text h5 { margin-top: -30% !important;}
    .ani-mobil3 label {color: #48a62a;margin-top: -55px !important;margin-left: 30px !important;}
    .quot {width: 347px !important;margin: 0 auto;margin-bottom: 20px !important;}
    .certi img { margin-left: 50px !important;}
    .certi2{margin-left: 50px !important;margin-bottom:50px;}
}
@media only screen and (max-width: 404px)
{
    .ani-mobil3 label{color:#48a62a;margin-top: -48px;margin-left: 0px !important;}
}
@media only screen and (max-width: 384px)
{
    .sub-banner p{font-size:8px !important;margin-top: 2% !important;}
    .para {font-size: 16px !important;width: 225px !important;}
    .footp h6 {margin-bottom:0px !important;}
    .footer-menu-alg a {padding: 0 7px;font-size: 14px !important;line-height:26px;}
    .footer-menu-alg ul { margin-left: -25px;}
    .enggp-cls {margin-right:45px;}
    .map-cls {width: 265px !important;height: 600px;}
    .infra-img { margin-top: 66px !important;margin-right:40px;}
    .quality-cls h3{margin-right:40px;}
    .ani-mobil{width: 230px !important;}
    .ani-mobil1{width: 70px !important;}
    .ani-mobil2 {    margin-left: -100px;}
    .text1 h5 {font-size: 15px !important;margin-left: -25px !important;}
    .count{    margin-left: -68px !important;}
    .count label {margin-top: -79%;margin-left: 85%;}
    .text h5 { margin-left: 35px !important;}
    .ani-mobil3 label{color:#48a62a;margin-top: -48px;margin-left: 35px !important;}
    .text h5 {margin-left: 75px !important;    margin-top: -16px !important;}
    .quot {width: 253px !important;margin: 0 auto;margin-bottom: 20px !important;}
    .certi img {margin-left: 0px !important;}
    .certi2 {margin-left: 12px !important;}
    .quality-cls2 { margin-right: 50px !important;}
    .mycanvas {right: 30px !important;}

}
@media only screen and (max-width: 369px)
{
    .sub-banner p{font-size:8px !important;}
    .para {font-size: 16px !important;width: 225px !important;}
    .footp h6 {margin-bottom:0px !important;}
    .footer-menu-alg a {padding: 0 7px;font-size: 14px !important;line-height:26px;}
    .quality-cls2 { margin-right: 50px !important;}
    .certi img {margin-left: 5px !important;}
    .certi2 { margin-left: 5px !important;}
    .quality-cls {margin-left: 50px !important;    margin-right: 40px;}
    .enggp-cls {margin-left: 20px;}
    .infra-img{    margin-right: 50px;}
    .map-cls{width: 265px !important;height: 600px;}
}


@media only screen and (max-width: 360px){
    .sub-banner p{font-size:6px !important; margin-top: 2%;}
    .navbar-toggle {margin-top: 20px;}
    .sub-banner {margin-top: -10px;}
    .count, .counted { margin-left: 0px !important;}
    .count label {margin-top: -79px !important;margin-left: 85% !important;}
    .ani-mobil{width: 230px !important;}
    .ani-mobil1{width: 70px !important;}
    .ani-mobil2 {  margin-top: -11px;}
    .count, .counted { margin-left: -34px !important;}
    .ani-mobil1 label { margin-top: -68px !important; margin-left: 2px !important;}
    .text h5 { margin-left: 70px !important;}

    .ani-mobil3 label {margin-left:22px !important;}
    .text1 h5 {margin-left: -30px !important;}
}
@media only screen and (max-width: 320px){
    .map-cls { width: 213px !important; height: 600px;}
    .para { font-size: 16px !important; width: 169px !important;}
    .ani-mobil2 {margin-left: 10px !important;}
    .ani-mobil1 label { margin-left: 122px !important;}
    .count, .counted { margin-left: 80px !important;}
    .ani-mobil3 label { margin-left: 135px !important;}
    .text1 h5 { margin-left: 14px !important;}
}


#splide {
    display: none;
}

@media screen and (max-width: 767px) {   
    #splide {
        display: block;
        height: 200px;
        position: relative;
    }
    .allinone_contentSlider {
        display: none;
    }
}

.splide__optional-button-container {
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
    display: none;
}

.splide__slide {
    min-height: 200px;
    text-align: center;
}

.splide__slide img {
    width: 100%;
}

.splide__arrow {
    top: 30% !Important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    z-index: 2 !Important;
}