@font-face {
    font-family: 'montserrat-regular'; /*a name to be used later*/
    src: url('../fonts/Montserrat-Regular.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'montserrat-light'; /*a name to be used later*/
    src: url('../fonts/Montserrat-Light.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'montserrat-italic'; /*a name to be used later*/
    src: url('../fonts/Montserrat-Italic.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'montserrat-semibold'; /*a name to be used later*/
    src: url('../fonts/Montserrat-SemiBold.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'overpass-bold'; /*a name to be used later*/
    src: url('../fonts/Overpass-Bold.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'overpass-light'; /*a name to be used later*/
    src: url('../fonts/Overpass-Light.ttf'); /*URL to font*/
}
html,body{
	font-family: 'montserrat-regular';
	width: 100%;
	height: 100%;
	font-weight: 300;
}
.mycontainer{
	width: 100%;
	height: 100%;
	padding:0px;
}
.inno_navbar{
    background-color: #fff;
}
.iw_navbar{
	width: 100%;
    padding: 0px;
    background-color: #fff !important;
    z-index: 1;

}
.fixed {position:fixed; top:0; left:0;}
.navbar-nav.navbar-center {
   position: absolute;
   left: 50%;
  transform: translatex(-50%); margin-top: 25px;
 background-color: #fff;
 }
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
   color: #231F20;
 }

.nav-item{
	padding-top: 7px;

/*    cursor: pointer;*/
}
.nav-item:first-child{
     margin-left: 2%;
}
.orange{
    color : rgb(255, 125, 89);
}
.mynav li a:hover{
  cursor: pointer;
}
.mynavlink{
 cursor: pointer;
}
.font_light{
    font-family: 'montserrat-light'; 
}


/*general start*/
.myrow > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.content_div{
	padding-top: 60px;
	height: 100%;
}
.innowell_logo{
width: 160px;
height: 40px;
}
.pointer{
    cursor: pointer;
}
.my_p{
  padding: 0px;
  margin: 0px;
}
.m0{
    margin: 0px;
}
.p0{
    padding: 0px;
}
.h100{
	height: 100%;
}
.w100{
	width: 100%;
}
.hide{
    display: none;
    }
.width4per{

width: 4%;
 }
.myrow {
	padding:0px;
	margin:0px;
}
.img15{
	width: 15px;
	height: 15px;
}
.img20{
  width: 20px;
height: 20px;  
}
.img30{
  width: 30px;
height: 30px;  
}
.img40{
  width: 40px;
height: 40px;  
}
.img55{
width: 55px;
height: 55px;	
}
.left{
	float: left;
}
.right{
    float: right;
}
.padding-top30{
    padding-top: 30px;
}
.padding-bottom40{
    padding-bottom: 40px;
}

/*general end*/


/*slider start*/
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  font-family: 'montserrat-light'; 
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}
.in-right2 {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration:2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-duration:2s;
    animation-delay: 2s;
}
.in-right-3 {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-duration:3s;
    animation-delay: 3s;
}

/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-100px);
        -moz-transform: translatey(-100px);
        -o-transform: translatey(-100px);
        transform: translatey(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-100px);
        -moz-transform: translatey(-100px);
        -o-transform: translatey(-100px);
        transform: translatey(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-100px);
        -moz-transform: translatey(-100px);
        -o-transform: translatey(-100px);
        transform: translatey(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
.in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.in-down-3 {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}
@-webkit-keyframes fadeInup {
    from {
        opacity:0;
        -webkit-transform: translatey(100px);
        -moz-transform: translatey(100px);
        -o-transform: translatey(100px);
        transform: translatey(100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInup {
    from {
        opacity:0;
        -webkit-transform: translatey(100px);
        -moz-transform: translatey(100px);
        -o-transform: translatey(100px);
        transform: translatey(100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInup {
    from {
        opacity:0;
        -webkit-transform: translatey(100px);
        -moz-transform: translatey(100px);
        -o-transform: translatey(100px);
        transform: translatey(100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
.in-up {
    -webkit-animation-name: fadeInup;
    -moz-animation-name: fadeInup;
    -o-animation-name: fadeInup;
    animation-name: fadeInup;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.in-up-3 {
    -webkit-animation-name: fadeInup;
    -moz-animation-name: fadeInup;
    -o-animation-name: fadeInup;
    animation-name: fadeInup;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}

.move_logo{
  width: 200px;
  height: 50px;
  margin-bottom: 30px;
}
/*slider end*/








/*home page start*/

.tab-parts{
    cursor: pointer;
}
.tabhome-text{
 padding-top: 10px;
  line-height : 24px;
   color : #9B9A9A;
  color : rgb(155, 154, 154);
}
.tabhome-orange{
	color : #FF7D59;
}
.tabs-three{
/*height: 170px;*/
padding-top: 25px;
color: #BDBDBD;
font-size: 13px;
padding-bottom: 25px;
}
.tab1-gray{
   /* background: no-repeat url("../images/a38.svg") 100% / 100%;
	background-size: 100% 100%;*/
	padding: 90px 20px 10px 50px;
	background-color: #F5F5F5;
}
.tab-parts{

}


.orange-heading{
font-size : 32px;
  line-height : 45px;
  color : #FF7D59;
  color : rgb(255, 125, 89);
 padding-left: 30px;
}
.orange-para{
padding-left: 30px;
font-size: 13px;
line-height: 21px;
color: #231F20;
  font-family: 'montserrat-light';
}
.orange-readdiv{
padding-left: 30px;
width: 200px;
display: inline-block;	
}
.orange-read{
 color : rgb(255, 125, 89);
/* width: 70%;*/
float: left;
font-size: 14px;
}
.orange_arrow{
float: left;
margin-top: 3px;
margin-left: 10px;
}
.map_right{
	background-color: #fff;
	height: 100%;
	padding: 20px 10px 30px 40px;
		font-size: 14px;
        margin-bottom: 40px;
}
.map_img{
    width: 100%;height: 100%;
}
.map1{
  font-family: 'montserrat-light';
  font-size : 32px;
  line-height : 42px;
  color : #000000;
  color : rgb(0, 0, 0);
  padding-left: 40px;
}
.map2{
	padding-left: 40px;
}
.map3{
font-size: 13px;
color: rgb(155, 154, 154);
padding-left: 24px;
width: 110px;
cursor: pointer;
float: left;
}
.map3_blue{
  color: #5CACEE;  
}
.map3_gray{
  color: rgb(155, 154, 154);
}
/*.map3:before {
    content:"•   ";
 color : #5CACEE;
}*/
.address_ul{

font-size: 12px;
list-style-type: circle;
padding-left: 40px;
font-family: 'montserrat-light';
}
.address_ul:before {
color : #5CACEE; /* or whatever color you prefer */
}
.blue_bgdiv{
 background-color: #308ECC;
padding-left: 10%;
padding-top: 12%;
 width: 100%;
 height: 100%; 
 color: #fff;
}
.blue_bgdiv2{
  font-size: 10px;
  color : #01579B;
  font-weight: bold;
}
.blue_bgdiv1{
  font-size: 22px;
}
.dot_blue {
height: 8px;
width: 8px;
background-color: #4395CE;
border-radius: 50%;
display: inline-block;
font-family: 'montserrat-semibold';
margin-right: 7px;
}
.dot_gray {
height: 8px;
width: 8px;
background-color: #CCCCCC;
border-radius: 50%;
display: inline-block;
font-family: 'montserrat-semibold';
margin-right: 7px;

}
.dot1 {
   height: 4px;
width: 4px;
background-color: #01579B;
border-radius: 50%;
display: inline-block;
margin-bottom: 3px;
margin-left: 7px;
margin-right: 7px;
}
.blue_bgdiv3{
font-size: 13px;
margin-top: 20px;
margin-bottom: 18px;
}
.white-readdiv{

width: 200px;
display: inline-block;  
}
.white-read{
color: #fff;
width: 40%;
float: left;
font-size: 10px;
}
.white_arrow{
float: left;
margin-top: 4px; 
width: 10px;
height: 10px;
}
.customer_div_p{
    color : rgb(128, 128, 128);
    font-family: 'montserrat-italic';
    font-size: 12px;
    margin: 0 auto;
    padding: 20px 0px 20px 0px;
}


/*ul.customer-slider{
      list-style: none outside none;
        padding-left: 0;
            margin: 0;
}
.demo .item{
            margin-bottom: 60px;
        }
.customer-slider li{
        background-color: #ed3020;
        text-align: center;
        color: #FFF;
}
.customer-slider h3 {
        margin: 0;
        padding: 70px 0;
}
.demo{
      width: 800px;
}
.lSPager{
display: none;
}
.lSSlideWrapper{
    width: 90%;
margin-left: 5%;
}
*/

/*customer slider start*/
.customer_each{
    width: 15%;
    padding-left: 3%;
}
.img-fluid{
    max-width: 70%;
height: auto;

}
.customer_prev{
   background-image: url("../images/a2.png");
   background-size: 30px 30px;
margin-bottom: 50px;
}
.customer_next{
   background-image: url("../images/a1.png");
   background-size: 30px 30px;
margin-bottom: 50px;
}
.recipeCarousel{
    margin-top: 10px;
margin-bottom: 30px;
}
#recipeCarousel .carousel-inner .carousel-item{
      filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
}
/*customer slider end*/


.orange-heading-small{ 
font-size: 14px;
color: #FF7D59;
padding-left: 30px;
padding-bottom: 3px;
margin-bottom: 0px;
  font-family: 'montserrat-light'; 
}
.blue_heading{
   color: #308ECC;
font-size: 32px;
padding-left: 28px;
  font-family: 'montserrat-light'; 
}


/*footer start*/
.innowell_footer{
    width: 100%;
    height: auto;
    overflow: visible;

    background-image: url("../images/footer_bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
     padding: 0px;

    margin: 0px;  
     margin-top: 40px;
}
.layer {
/*background-color: rgba(24, 116 , 205, 0.3);*/
background-color: rgba(3,74,122, 0.6);
width: 100%;
height: 100%;
margin: 0px;
padding: 10px 0px 90px 0px;
}
.layer1{
  padding: 4% 5% 2% 5%;  
}
.footer_orange{
border: 3px solid #FF7D59;
border-color: transparent;
border-right-color: #FF7D59;
color: #fff;
float: right;
text-align: right;
padding-right:2%;
}
.footer_mailno{
    color: #fff;
font-weight: bold;
padding-top: 5px;
padding-left: 15px;
}
.footer_title{
    color: #FF7D59;
    font-weight: 18pt;
     font-family: 'montserrat-semibold';
}
.footer_link{
  color: white;
font-size: 12px;
margin-top: 6px;
font-family: 'montserrat-light';
}
.footer_alink:hover,.footer_alink:visited, .footer_alink:link, .footer_alink:active{
    text-decoration: none;
    
}
.orange_ifooter{
  width: 14px;
height: 14px;
float: left;
margin-right: 25px;
margin-top: 10px;
cursor: pointer;
}
.footer_rights{
color: #B1B1B1;
font-size: 10px;
   position: absolute;
bottom: 4px;
padding-left: 9.5%;
/*padding-left: 10.5%;
padding-top: 30px;
padding-bottom: 10px;*/
}
/*footer end*/


/*home page end*/



/*about page start*/
.vision_div{
   text-align: center;
   font-family: 'montserrat-light';
}
.vision_title{
     color: #FF7D59;
    font-size: 14px; 
    margin-bottom: 10px;
padding-top: 20px;
line-height: 30.59px;
letter-spacing: 1.6px;
}
.vision_img img{
 margin-bottom: 10px;
}
.vision_para{
font-size: 22px; 
padding-bottom: 40px;
opacity: 0.8;
}
.mission_div{
width: 100%;
height: 450px;
/*background-image: url("../images/p1.jpg");*/
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(255, 0, 0, 0.12), 
      rgba(255, 0, 0, 0.12)
    ),
    url('../images/about_below.jpg');
     background-repeat: no-repeat;
     background-size: 100% 100%;
text-align: center;
/*padding-top: 120px;*/
padding-right: 0px;
}
.mission_title{
 width: 100%;
   color: #FF7D59;
  font-size: 16px; 
    margin-bottom: 30px; 
     
}
.layer_orange{
/*background-color: rgba(24, 116 , 205, 0.3);*/
/*background-color: rgba(0, 0 , 0, 0.4);*/
width: 100%;
height: 100%;
margin: 0px;
padding-top: 120px;

}
.missionin_title{
width: 100%;
color: #FF7D59;
font-size: 22px;
margin-bottom: 10px;
 
}
.missionin_para{
    color: #fff;
font-size: 14px;
line-height: 21px;
}
.mission_each{

}
.values_div{
width: 100%;
}
.values_each{
    padding-bottom: 20px;
}
.values_title{
width: 100%;
color: #FF7D59;
font-size: 14px;
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}
.valuein_title{
color: #308ECC;
font-size: 18px;
padding-top: 20px;
}
.valuein_para{
    font-size: 11px;
    line-height: 18px;
color: #4D4D4D;
}
/*about page start*/



/*csr page start*/
.csr_bgimage{
width: 100%;
background: 

    linear-gradient(
       rgba(7,7,7,0.3), 
       rgba(7,7,7,0.3)
    ),
    url('../images/p4.jpg');
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
.img_slise_text_bold{
    font-size: 15px;
    font-family: 'montserrat-semibold';
}
.img_slise_text1{
    padding-top: 23%;
    padding-left: 10%;
    font-size: 32px;
    color: #fff;
}
.img_slise_text2{
padding-left: 10px;
color: #FF7D59;
font-size: 32px;
}
.img_slise_text3{
 padding-top: 13px;
padding-left: 10%;
color: #fff;
  font-size : 16px;
  font-family: 'montserrat-light';
}
.img_slise_text4{
 padding-top: 13px;
padding-left: 10%;
color: #fff;
font-size: 12px;
}
.img_slise_text5{
 padding-top: 13px;
padding-left: 10%;
color: #fff;
font-size: 14px;
}
.csr_bgimage div{
width: 70%;
}

.h300{
     height: 300px;
}
.h400{
     height: 400px;
}
.type1_fulldiv{
    width: 100%;
    margin-top: 30px;
}
.type1_rightdiv{
background-color: #F5F5F5; 
}
.type1_rightsidediv{
    padding-top:8%;
    padding-left: 13%;
    width: 80%;
}
.type1_orangetitle{
    font-size: 20px;
    color : #FF7D59;
    line-height: 60px; 
    font-family: 'montserrat-light';
}
.type1_orangepara{
    font-size: 12px;
    width: 100%;
    color: #231F20;
}
.type1_leftsidediv{
padding-top:8%;
margin-left:auto; 
margin-right:13%;
}
.type1_orange-readdiv{
display: inline-block;
margin-top: 25px;  
}
.type1_orange-read{
 color : rgb(255, 125, 89);
float: left;
font-size: 12px;
cursor: pointer;
padding-right: 8px;
}
.type1_orange_arrow{
float: left;
margin-top: 1px;
cursor: pointer;
}
.type1_imgdiv{
    width: 100%;
 
}


.blue_bg{
   background-color: #308ECC;
}
.blue_bg1{
padding-top: 110px;
width:80%;
margin-right: 10%;
margin-left: 10%;
}
.blue_bg1_img{
display: block; /*for the img inside your div */ 
margin: 0 auto;
margin-bottom: 20px;
}
.blue_bg1_p{
color: #fff;
text-align: center;
font-size: 12px;
}
.inside_image_slide{
    height: 500px;
}
.student_bgimage{
width: 100%;
background: 

    linear-gradient(
      rgba(7,7,7,0.3), 
      rgba(7,7,7,0.3)
    ),
    url('../images/p4.jpg');
    background-repeat:no-repeat;
    background-size: 100% 100%;  
    margin-top: 60px;
    margin-bottom: 60px;  
}
.empower_div{
   text-align: center;
   font-family: 'montserrat-light';
   margin-top: 40px;
}
.empower_title{
     color: #FF7D59;
    font-size: 24px; 
    margin-bottom: 10px;
    letter-spacing: 1.2px;
}
.empower_para{
font-size: 13px; 
padding-bottom: 20px;
}
/*csr page end*/



/*services page start*/
.services_main1{
  width: 100%;
  height: 600px;
background: 
    linear-gradient(
      rgba(73,155,234,0.3), 
      rgba(73,155,234,0.3)
    ),
    url('../images/p4.jpg');
    background-repeat:no-repeat;
    background-size: 100% 100%;    
}
.services_main1in{
    padding-top: 250px;
    padding-left: 20%;
}
.services_main1intitle{
color : #FF7D59;
font-size: 23px;padding-left: 20%; 
padding-bottom: 10px;   
}
.services_main1inpara{
    color: #fff;
    font-size: 15px;padding-left: 20%; 
}
.bg_img_middlediv{
  width: 100%;
  height: 450px;
background: linear-gradient(rgba(35, 31, 32, 0.6), rgba(35, 31, 32, 0.6)), url('../images/p4.jpg');
}
.middle_div_overlap{
margin-top: -200px;
}
.subservice_each{
/* height: 310px; */
background-color: #F5F5F5;
/* padding-left:20px;
padding-top: 18px;
padding-right: 10px;
padding-bottom: 10px; */
padding: 20px;
margin-bottom: 40px;
float: left;
margin-right: 40px;
}
.subservice_title{
font-size: 20px;
padding-bottom: 20px;
/* height: 100px; */
overflow: hidden;
font-family: 'montserrat-light';
line-height: 27px;
color: #161616;
}
.subservice_para{
/* display: block;
  display: -webkit-box;*/
max-width: 100%;
/* height: 150px; */
margin: 0 auto;
font-size: 11px;
line-height: 1.4;
overflow: hidden;
color: rgb(35, 31, 32);
opacity: 0.7;
/*  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;*/

}
.subservice_view{
    color: #308ECC;
font-family: 'montserrat-light';
    font-size: 13px; 
    cursor: pointer;
}
.accordion_full{
width: 100%;
margin-bottom: 12px;
}
.accordion_top{
    background-color: #F5F5F5;
    padding-left: 15%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
margin-bottom: 12px;
cursor: pointer;
}
.directors_info{
    background-color: #F5F5F5;
    padding-left: 15%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
margin-bottom: 12px;
cursor: pointer;
}
.acc_head{
     color : #FF7D59;
     font-family: 'montserrat-light';
     cursor: pointer;
}
.acc_head_info{
    padding-top: 10px;
    font-size: 12px;
    display: none;
}
.accordion_bottom{
    width: 100%;
  
    display: none;
}
.gray_bg{
   background-color: #F5F5F5; 
}
.text_centergray{
    padding: 5px 0px;
    font-size: 12px;
    text-align:center;
}
.flow_overdiv{
    width: 100%;
    height: 510px;
    padding: 4% 10%;
    background-color: #F5F5F5;
}
.deliver_round{
   width: 60px;
height: 60px;
border-radius: 30px;
color: #308ECC;
border: 2px solid #308ECC;
margin: 0 auto;
padding: 17px 20px;
margin-bottom: 15px;
}
.blue_round{
   background-color:#308ECC;
   color: #fff; 
}
.detial_text{
width: 100%;

text-align: center;
font-size: 12px;
padding-bottom: 22px;
}
.blue_round_under{
  color: #308ECC;  
}
.center_div{
    margin:0 auto;
}
.center_divtext{
    font-size: 13px;
    color:#308ECC;
}
.center_div img{
display: block;
margin: 0 auto;
}
.center_divtext{
text-align: center;
padding-top: 6px;
padding-bottom: 0px;
}
.hr_type1 {
width: 5%;
margin-left: auto;
margin-right: auto;
background-color: #308ECC;
color: #308ECC;
height: 1.5px;
}
.orange-prevnext{
    display: inline-block;
    margin-top: 30px;
}
.prevnext_img{
width: 18px;
height: 18px;
float: left;
margin-right: 9px;
margin-top: 15px;
cursor: pointer;
}
.culture_div{
border: 1px solid gray;
padding: 5px 0px;
color: gray;
font-size: 13px;
border-color: transparent;
border-bottom-color:gray;
}
.culture_fulldiv{
border: 1px solid gray;
padding: 5px 0px;
color: gray;
font-size: 13px;
border-color: transparent;
border-bottom-color:gray;
width: 80%;
margin-left: 10%;
height: 40px;
margin-top: 40px;
}
.culture_fullbottom{
width: 80%;
margin-left: 10%;
padding: 20px 0px;
}
.careers_slider{
padding-left: 10%;
width: 80%;
}
.culture_text{
    color : #FF7D59;
    font-family: 'montserrat-light';
    padding:20px 0px;
    font-size: 20px;
}
.culture_name{
   color : #FF7D59; 
   font-size: 12px;
}
.culture_bot1{
    width: 100%;
    height: 250px;
}
.culture_bot2{
background-color:#F5F5F5;
padding: 14px 22px;
height: 200px; 
}
.culture_bot21{
    font-size: 20px;
    font-family: 'montserrat-light';
}
.culture_bot22{
    font-size: 13px;
    font-family: 'montserrat-light';
    padding-top: 20px;
    color: #231F20;
}

.bar {
  list-style: none;
  margin-top: 20px;
}
.bar >li {
  position: relative;
  color: #fff;
   font-size: 13px;
  padding-left: 20px;
 padding-top: 10px;

}
.bar_new{
  
 /*   background-color: red;*/
    padding: 0px;
}
.bar>li.bar_new:before {
content: '\25CF';
margin-right: 10px;
margin-left: -20px;
font-size: 20px;
color: #fff;
/*height: 10px;*/

}
.bar>li:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  border-left: 2px solid #fff;
  margin-left: 5px;
  height: 100%;
  color: #fff;
}
.bar >li:first-of-type:after {
 /* top: 50%;*/
}
.bar >li:last-of-type:after {
/*  top: -50%;*/
}
.servicesunder_list{
    padding: 24% 6%;
}



/*culture slider start*/
#full-slider-wrapper {
    overflow: hidden;
}

#full-slider {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 0 auto;
}

#full-slider .slide-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

#full-slider .slide-panel.active {
    visibility: visible;
}

#full-slider-nav {
/*    position: absolute;
  top: 250px;
right: 42%;*/
}

#full-slider-nav-left, #full-slider-nav-right {
    display: inline-block;
    height: 0;
    width: 0;
    margin-left: 15px;
    border: 20px solid transparent;
    cursor: pointer;
}

#full-slider-nav-left {
    border-right-color: #BBB;
}

#full-slider-nav-left:hover {
    border-right-color: #999;
}

#full-slider-nav-right {
    border-left-color: #BBB;
}

#full-slider-nav-right:hover {
    border-left-color: #999;
}

#full-slider .slide-panel {
    background-color: #555;
    color: #DDD;
}
/*culture slider end*/

/*services page start*/


/*projects page start*/
.filter_div{
    width: 80%;
margin-left: 10%;

border: 1px solid gray;
border-color: transparent;
border-bottom-color: gray;
padding-top: 30px;
padding-bottom: 30px;
}
.filter_left{
color: #63B8FF;
font-size: 12px;
float: right;
}
.filter_right{
color: #63B8FF;
font-size: 12px;
float: left;
}
.filter_select{

}
select.select  {
    padding: 0px 6px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
 cursor: pointer;
    -webkit-appearance: none;    // removes borders and downarrow button of the select box from webkit browsers.
    -moz-appearance: none;  // cannot remove the downarrow button of the mozilla browsers.
    appearance: none;
 font-size: 12px;
    text-indent: 0.01px;
    text-overflow: '';  // with text-indent this overflow empty string removes the down arrow of the mozilla browsers.
}
 
select.select:focus  {
    outline: none;
}
.website-form-control{
    padding: 2px;
margin-top: -4px;
background-color: #F5F5F5;
cursor: pointer;
}
.website-form-control:after {
   top: 50%;
left: 75%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-top-color: #a4a4a4;
border-width: 7px;
margin-top: -12px;
z-index: 100;
}
.projects_div{
width: 80%;
margin-left: 10%;
padding:40px 0px;
}
.project_img{
    width: 100%;
    height: 250px;
}
.project_title{
  color : #FF7D59;
  font-size: 19px;
  padding: 15px 0px;
}
.project_shortdesc{
    display: block;
    display: -webkit-box;
    font-size: 12px;
   color: #919191;
/*    color: #4D4D4D;;*/
    height: 70px;
    margin: 0 auto; 
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-readdiv{
padding-left: 0px;
width: 150px;
font-size: 12px;
display: inline-block;  
margin-bottom: 28px;
}
.project-read{
width: 60%;
float: left;
}
.project_arrow{
    float: left;
margin-top: 2px;
}
.project_each{
width: 96%;
}
.project_each a{
    color: #000;
}
/*projects page end*/




/*project detail start*/

.slider-box,
.slider__item {
    position: relative;
}

.project-slider {
    overflow: hidden;
}

.slider__canvas {
    transition: transform 0.5s;
    height: 100%;
}

.slider__item {
    float: left;
    height: 100%;
}

.slider__item__title {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    margin: 0;
    color: #468;
    font-size: 2.5rem;
    line-height: 1;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    transition: opacity 0.3s, transform 0.3s;
    transform: translate3d(-50%, -60%, 0);
}

.active .slider__item__title {
    opacity: 1;
    transition-delay: 0.5s;
    transform: translate3d(-50%, -50%, 0);
}

@media(min-width: 48rem) {
    .slider__item__title {
        font-size: 5rem;
    }
}


/*
4.1 - Slider Nav
*/

.project-slider-nav {
    color: #fff;
    font-size: 1rem;
    text-align: center;
}

.slider-nav__dots {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.slider-nav__prev,
.slider-nav__next,
.slider__dot {
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px;
    cursor: pointer;
    backface-visibility: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}

.slider-nav__prev,
.slider-nav__next {
    position: absolute;
    top: 50%;
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    line-height: 3rem;
}

.slider-nav__prev {
    left: 7%;
}

.slider-nav__next {
    right: 7%;
}

.slider__dot {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 0 1rem;
}

.slider-nav__prev:hover,
.slider-nav__next:hover,
.slider__dot.active,
.slider__dot:hover {
    transform: scale3d(1.5, 1.5, 1);
}
.slider__item img{
    width: 100%;
    height: 100%;
}
.pi_left{
    border:1px solid #000;
    border-color: transparent;
    border-right-color: #000;
    padding-right: 25px;
    padding-left: 15px;
}
.pi_title{
    font-size: 25px;
    padding: 6px 0px;
    margin-top: 50px;padding-left: 15px;
    font-family: 'montserrat-light'; 
    padding-bottom: 22px;
}
.pi_imp{
    font-size: 18px;
    font-family: 'montserrat-light'; 
    color : #FF7D59;
}
.pi_part_each{
  padding-top: 30px;
font-size: 13px;
line-height: 25.6px;
letter-spacing: -0.37px;
color: #4D4D4D;
font-family: 'montserrat-light';
}
.pi_righttop_div{
display: inline-block;
padding-left: 25px;
}
.pi_righttop_title{
color: #308ECC;
margin-left: 6px;
font-size: 12px;
padding-bottom: 10px;
}
.pi_list{
    color: #4D4D4D;
    font-size: 12px;
    padding:8px 4px;
    padding-left: 25px;
}

/*project detail end*/


/*leaders start*/
.leadersfull_div{
width: 100%;
}
.leader_each{
width: 33.3%;
float: left;
margin-bottom: 25px;
display: inline-block;
}
.leader_img{
margin-bottom: 14px;
width: 60%;
height: 60%;
}
.leader-readdiv{
margin-top: 10px;
display: inline-block; 
cursor: pointer;
}
.leader-read{
  color: #308ECC;
font-size: 11px;
float: left;
}
.leader_arrow{
    float: left;
margin-top: 1px;
margin-left: 10px;
cursor: pointer;
}
.leader_name{
font-size: 14px;
 color: #308ECC;
}
.leader_designation{
font-size: 12px;
color:#BDBDBD;
}
.leader_each_left{
    width: 100%;
}
.leader_each_right{
    width: 70%;
}
.leader_name1{
font-size: 14px;
 color: #308ECC;
}
.leader_designation1{
font-size: 11px;
 color: #308ECC;
}
.leader_close{
float: right;
margin-top: -17px;
}
.leader_close_img{
float: right;
cursor: pointer;
margin-top: 4px;
}
.leader_para{
    font-size: 12px;
    width: 100%;
    padding-right: 15px;
    padding-top: 10px;
    color: #919191;
}
.inno_modal_title{
    font-size: 14px;
    padding-top: 20px;
}
.inno_modal_content{
 border-radius: .7rem;
 padding-left: 40px;
}
.hr_board{
    width: 30px;
background-color: #308ECC;
float: left;
margin:0px;
}
.board_company{
    color: #308ECC;
    font-size: 12px;
    padding: 3px 0px;
}
.board_name{
    color: #7A7A7A;
    font-size: 15px;
    padding: 3px 0px;
    padding-top: 4px;

}
.board_cin{
    color: #9C9C9C;
    font-size: 12px;
    padding: 3px 0px;
    padding-top: 0px;
    padding-bottom: 10px;
}
.board_director{
    color: #9C9C9C;
    font-size: 12px;
    padding: 3px 0px;
}
/*leaders end*/





/*fonts start*/
.font25_light{
    font-size: 25px;
    font-family: 'montserrat-light';
}
/*fonts end*/


.dis_none{
    display: none;
}
.culture_contact{
padding: 5px 0px;
color: #231F20;
font-size: 23px;
border-color: transparent;
width: 80%;
margin-left: 10%;
/* height: 40px; */
margin-top: 40px;
font-weight: bold;
}