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



.section-pad{padding-left:45px; padding-right:45px;}
.row-eq{display:flex;}
.form-control{border-radius:20px !important;}
/*************** MENU SECTION STYLE *************/
.menu-bg{background-color:#0e4e83;}
.menu-top-bottom-pad{padding-top:25px; padding-bottom:25px;}
.navbar {position: relative; min-height: auto; margin-bottom: 0px; border: 1px solid transparent;}
.nav>li>a { position: relative; display: block; font-size: 16px; letter-spacing: 0px; color: #efefef;font-weight: 400; text-transform:uppercase}
. main-menu>li>a{padding: 15px 15px 0 15px; }
.phoneicon-rotation{transform: rotate(90deg);}
.navbar-right>li {float: left; }
.nav-top-pad>li{padding: 0px 5px 0 5px;}
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent; color: #ffc300;}
.navbar-collapse { padding-right: 0px; padding-left: 0px;}
li.social-icon{ padding-top:5px;}
li.contact-icon{ padding-left:8px;}
li.search-icon{ padding: 0px 0px 0 25px; }
li.search-icon>a{border-left:1px solid #fff; padding:0px; padding-left:15px}
ul.footer-social-ul{text-align:center; list-style-type:nonenavbar-brand; display:table; margin:30px auto; padding:0}
ul.footer-social-ul li{display:inline; list-style-type:none; padding:0 10px; color:#00c1de;}
.navbar-header {float: left; padding-top: 15px;}

.nav > li.dropdown.open .dropdown-menu {
  display: table;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
}

.dropdown-menu > li {
  display: table-cell;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}



.main-menu>li>a {
    position: relative;
    display: block;
    padding: 10px 23.5px !important;
	text-transform:capitalize;
	font-size:17px !important;
}
.nav>li:hover>a {color: #ffc300 !important;}

.nav > li.dropdown.open {
  position: static;
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 15px 15px 0 15px;
   
}

.nav > li.dropdown.open .dropdown-menu {
  display: table;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
}

.dropdown-menu > li {
  display: table-cell;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}



.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-nav>li>a {
     color: #fff; 
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    /*background-color: #0000000;*/
	background-color: transparent;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #ffc300;
    background-color: transparent;
	
}

/*.navbar-default .navbar-nav>.open>a:after{
	top:100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #000000;
border-width: 10px;
left: 50%;
margin-left: -10px;


}*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
	
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    /*padding: 30px 20px 100px 20px;*/
	padding: 0px 0px 100px 0px;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
   /* background-color: #232323;*/
    background-color:transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow:none;
	
}


.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #999999;
    text-decoration: none;
    background-color:transparent;
}


ul.dropdown-menu>div>div>li>a {
    display: block;
    padding: 2px 20px 2px 20px ;
    clear: both;
    font-weight: 400;
    
    color: #fff !important;
    white-space: nowrap;
	font-size:15px !important;
	line-height:20px;
	text-align:left;
	text-decoration:none !important;
}

ul.dropdown-menu>div>div>div>li>a {
    display: block;
    padding: 2px 20px 2px 20px ;
    clear: both;
    font-weight: 400;
    
    color: #fff !important;
    white-space: nowrap;
	font-size:15px !important;
	line-height:20px;
	text-align:left;
	text-decoration:none !important;
}


ul.dropdown-menu>div>div>li>a:hover{color:#fff;}

/*************************************************/

/* Style the list */
ul.breadcrumb {
  padding: 10px 0;
  list-style: none;
  background-color: transparent;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 16px;
  color:#fff;
  font-weight:600
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: #fff;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #fff;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: none;
}



/********** OWl Carosuel ****/
.owl-dots{display:block}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #fff !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
	border:1px solid #D6D6D6 !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffc300 !important;
	border:1px solid #ffc300 !important
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -50px;
    left: 50%;
    position: absolute;
}
#partner-owl img {display: block;  width:auto !important; }
#partner-owl .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #fff !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
	border:1px solid #D6D6D6 !important;
}
#partner-owl .owl-dots .owl-dot.active span, #partner-owl .owl-dots .owl-dot:hover span {
    background: #ffc300 !important;
	border:1px solid #ffc300 !important
}
#partner-owl .owl-nav.disabled+.owl-dots {
    /*margin-top: 0px;
    left: 50%;
    position: absolute;*/
    margin-top: 45px;
    /* left: 20%; */
    position: relative;
    text-align: center;

}
#awards-owl img {display: block;  width:auto !important; }
#awards-owl .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #fff !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
	border:1px solid #D6D6D6 !important;
}
#awards-owl .owl-dots .owl-dot.active span, #awards-owl .owl-dots .owl-dot:hover span {
    background: #ffc300 !important;
	border:1px solid #ffc300 !important
}
#awards-owl .owl-nav.disabled+.owl-dots {
    /*margin-top: 0px;
    left: 50%;
    position: absolute;*/
	 margin-top: 45px;
    /* left: 20%; */
    position: relative;
    text-align: center;
}


/*************************/
ol,ul{list-style-type:none;}

/********* HOME PAGE *******/
.vertical-text{font-size: 100px; line-height: 100px; color: #6f9d35; font-weight: 700; transform: rotate(90deg);
    transform-origin: right, top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin:right, top; position:absolute; top:130%; left:-10%}
.slider-text-div{position:absolute; z-index:99; top:28%; left:10%;}
.slider-text{font-size: 100px; line-height: 90px; color: #ffffff; font-weight: 700;}
.section-heading{font-size: 48px; line-height: 90px; font-weight: 500; line-height:52px}
.intro-para{font-size: 36px; font-weight: 500; line-height:46px;}
.body-text{font-size: 18px; letter-spacing: 0px; line-height: 30px; font-weight: 400;}
.link-text{font-size: 18px; letter-spacing: 0px; line-height: 30px; font-weight: 400; text-decoration:underline}
ul.home-ul{list-style-type:none; margin:0; padding:0; margin-top:45px;}
ul.home-ul li{ font-size: 36px; line-height: 72px; font-weight: 500;}

ul.global-ul{list-style-type:none; margin:0; padding:0; margin-top:25px;}
ul.global-ul li{font-size: 18px; line-height: 30px; color: #333333;font-weight: 400;}
.abs-img{position:absolute; top:-50px; right:0}
.box{padding:20px; 30px; margin-bottom:15px; height:220px} 
.box:hover{box-shadow: 0 0 20px 6px #dee2e68f;}
.box:hover p{color:#00c1de !important;}
.address-caption{font-size: 30px; line-height:34px; letter-spacing: 0px; font-weight: 600;}
.address-text{font-size: 18px; line-height: 22px; color: #252525; font-weight: 400;}
.footer-bg{background-color:#f4f4f4;}
.top-button{padding:10px 35px; border:1px solid #00c1de; color:#00c1de; font-size: 16px;font-weight: 600; text-transform:uppercase; background-color:transparent; margin: 0 auto; display: block;}
.copyright-text{font-size: 14px; color: #00c1de; font-weight: 400; margin-bottom:0}
.svg-img  path{fill:#fff;}
.svg-img{width: 80px; height: 75px;}



/********** Inner Pages ******/
ul.why_biopipe{list-style-type:none; margin:0;  margin-top:25px; padding:0 25px;}
ul.why_biopipe li{ font-size: 18px; line-height: 28px; font-weight: 500; color:#fff; margin-bottom:15px}

ul.why_biopipe li:before{
	/*font-family: 'Font Awesome 5 Free';
    content: "\f00c";*/
	content:"\e013";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
   /* margin-left: -2.2em;*/
   margin-left: -1.5em;
    width: 1.5em;
    font-size: 16px;
}

ul.biopipe{list-style-type:none; margin:0; padding:0; margin-top:25px;}
ul.biopipe li{ font-size: 18px; line-height: 28px; font-weight: 500; color:#fff; margin-bottom:15px}


.team-name{font-size: 36px; font-weight: 500; line-height:40px;}
.ceo-div-pad{padding-left:200px; padding-top:380px;}
.yellow-svg path{fill:#ffc300}
.yellow-svg{width: 28px; height: 25px;}
.blue-svg  path{fill:#00c1de;}
.blue-svg{width: 80px; height: 75px;}

.pdf-blue-svg path{fill:#00c1de;}
.pdf-blue-svg{width: 55px; height: 45px;}

.pdf-white-svg path{fill:#fff;}
.pdf-white-svg{width: 55px; height: 45px;}

.pdf-grey-svg path{fill:#000;}
.pdf-grey-svg{width: 50px; height: 50px;}

.nature-svg path{fill:#6f9d35;}
/*svg{ position:absolute; top:0; left:0; stroke:#6f9d35; fill:#6f9d35; stroke-width:1; stroke-dasharray:250; stroke-dashoffset:-250; font-size:50px; transition:stroke-dashoffset .9s ease-out, fill 1s;}*/

.partner-box{padding:20px; 30px; margin-bottom:15px; height:400px} 
.partner-box:hover{box-shadow: 0 0 20px 6px #dee2e68f;}
.partner-box:hover p{color:#00c1de !important;}
/*.partner-img{width:118px; height:118px; border:2px solid #f3f3f4; padding:10px}
*/.small-text{font-size: 14px; line-height: 20px; font-weight: 400;}

.table-bordered {border: 1px solid #fff !important;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th{
    border: 1px solid #fff !important;
}
.quality>tbody>tr>td, .quality>tbody>tr>th, .comp-chart-head>tbody>tr>td, .comp-chart-head>tbody>tr>th, .tech-dwnlod>tbody>tr>td, .tech-dwnlod>tbody>tr>th,
.partner>tbody>tr>td, .partner>tbody>tr>th
{
    border: 1px solid #ddd !important;
}
.table-bordered>tbody>tr>th{font-size: 24px; line-height: 36px; color: #ffffff; font-weight: 700; text-align:center; background-color:#4b4b4b}
.table-bordered>tbody>tr>td{font-size:20px; line-height:36px; color:#4b4b4b; text-align:center;}
.tech-dwnlod>tbody>tr>td{font-size:20px; line-height:50px; color:#4b4b4b; text-align:left;}
.mark-file>tbody>tr>td{font-size:20px; line-height:50px; color:#fff; text-align:left;}
.comp-chart-head>tbody>tr>td{font-size:16px; line-height:24px; color:#4b4b4b !important; text-align:left;}
.quality>tbody>tr>td{font-size:20px; line-height:36px; color:#4b4b4b; text-align:center;}
.partner>tbody>tr>td{font-size:16px; line-height:22px;  text-align:left;}
.table-logo{margin-top:30px;}

/* */

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px; border-bottom:1px solid #fff !important;
}
.panel{border:none; webkit-box-shadow:none; box-shadow: none; background-color:transparent !important }
.panel-group .panel+.panel {margin-top: 0px;}
  .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
     border-top: 0px solid #fff; 
} 
.panel-default>.panel-heading { background-color:transparent;}
.highlight{
  background-color: #fff !important;
}
.panel-title{padding:20px 0}
.panel-title a{text-decoration:none; font-size:34px; line-height:46px; font-weight: 500; color: #4b4b4b;}
.panel-body{font-size: 18px; letter-spacing: 0px; line-height: 30px; font-weight: 400; padding:20px}
.panel-heading .accordion-toggle:after {
	content:"\e259";
    font-family: 'Glyphicons Halflings';
    /* symbol for "opening" panels */
    /*font-family: 'Font Awesome 5 Free'; */ /* essential for enabling glyphicon */
   /* content: "\e114"; */   /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #fff;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content:"\e257";   /* adjust as needed, taken from bootstrap.css */
}

.rotate {
  -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(-180deg); /* Firefox */
  -ms-transform: rotate(-180deg); /* IE 9 */
  transform: rotate(-180deg); /* Standard syntax */
}

.blue-border{border-bottom:1px solid #00c1de;}

.contact-box{padding:20px; 30px; margin-bottom:15px; height:150px} 
.contact-box:hover{box-shadow: 0 0 20px 6px #dee2e68f;}
.contact-box:hover p{color:#00c1de !important;}


.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff !important;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.site_btn{padding: 10px 35px; border: 1px solid #4b4b4b; color: #4b4b4b; font-size: 16px; font-weight: 600; text-transform: uppercase; background-color: transparent;}
.error{padding: 10px;
    font-weight: 400;
    color: red;
    font-size: 15px;}
.case-studies-gallery{position:relative; height:250px;}	

.person-text{font-size:16px; text-transform:uppercase; font-weight: 600;}