body, html {
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #777;
	font-weight: 300;
	width: 100% !important;
	height: 100% !important;
}
h2 {
	margin: 0 0 20px 0;
	font-weight: 500;
	font-size: 34px;
	color: #333;
	text-transform: uppercase;
}

.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}

.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
h3 {
	font-size: 22px;
	font-weight: 500;
	color: #333;
}
h4 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
	color: #333;
}
h5{
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	color:#7a7a7a;
	font-size: 17px;
}
p.intro {
	margin: 12px 0 0;
	line-height: 24px;
}
a {
	text-decoration:none;
	color: #333;
	font-weight: 400;
}
a:hover, a:focus {
	text-decoration:none;
	color: #222;
}
ul, ol {
	list-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
ul, ol {
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
}

.navbar
{
	 margin-top: 0px;
	border:none;
 background:url("../img/logo-banthos.png")repeat no-repeat;
 background-size:cover;
	margin-bottom: 0px !important;
	padding: 12px 0;
}
 .logo >img
{
	width:75%;
}

.navbar-nav
{
	margin-top:7px;
}
.navbar-toggle
{
background-color: #0b0606e6;
}
.navbar-toggle .icon-bar
{
	background:#fff;
}
.btn {
    display: inline-block;
    background: #03419e;
    margin-bottom: 0;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 12px 27px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 767px) and (min-width: 320px){
#banthosNav{
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.95);
    box-shadow: 1px 9px 10px rgba(255, 255, 255, 0.15);
    border-radius: 0 0 3px 3px;

}
}

.btn:hover{

    color:#03419e;
	background: #fff;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #ffffff !important;
    color: #00328e;
}


.navbar-nav > li > a {
    padding: 10px 10px 10px 10px;
    color:#ccc;
    font-size: 14px;
    font-weight: 550;
}


.navbar-nav > li > .dropdown-menu {

    width:333px;

}

#myNavbar 
{
margin-right: 10px;
}


.icon-content h4
{
	color: #000;

font-size: 20px;

font-weight: 600;
}

.series-banner .wrapper {

    z-index: 1;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    box-shadow: 0px 2px 8px #888888;
	padding: 0px 0 50px;

}

/* Header Section */
.intro {
	display: table;
	width: 100%;
	padding: 0;
	background: url(../img/intro-bg.jpg) no-repeat center bottom;
	background-color: #00a989;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.intro .overlay {
	background: rgba(0,0,0,0.40);
}
.intro h1 {
	color: #fff;
	font-size: 68px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
.intro span {
   color: #ffffff;
    font-weight: 600;
}

.intro p {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
header .intro-text {
	padding-top: 300px;
	padding-bottom: 200px;
	text-align: center;
}
.readmore a{
	padding-left:70px;
	color:#fff;
	font-weight:600;
}


.bio-pro-mar img{
	padding:10px;
}

.benthos-heading{
	color:#1f519b;
	font-weight:600;
	font-size:28px;
}
/*************************dropdown*********************/


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


/*****************************************************/
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
	color:#000;
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-menu{
     
    color: #ccc;
    background-color:  #00328e;
   
}
.dropdown-menu>li>a{
	border-top:1px solid #fff; 
    display: block;
    padding: 6px 23px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ccc;
    background-color #00328e;
    white-space: nowrap;
}

ul .dropdown-menu2 li a{
position:absolute;
display:none;
float:right;
left:222px;
margin-top:0px;
}	
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #00328e;
    text-decoration: none;
    background-color:#fff;
}
/*******************************************************/
/* Footer Section*/
#footer {
	
  background:url("../img/footer.png") no-repeat center bottom;  
   background-size:cover;
   width:100%;
	padding: 90px 0 0px 0;
}
#footer .social {
	
	margin-bottom: 20px;
}
#footer .social ul li {
	display: inline-block;
	margin: 0 20px;
}
#footer .social i.fa {
	font-size: 26px;
	padding: 4px;
	color: #fff;
	transition: all 0.3s;
}
#footer .social i.fa:hover {
	color: #028ecc;
}
#footer p {
	font-size: 15px;
}
#footer a {
	text-decoration: none;
    color: #d4d2d2;
}
#footer a:hover {
	color: #ffffff;
}

.footer-link li{
	
	padding-left:20px;
	display :inline-block;
}
/***********top**********/
.top-info-bg{
	padding-bottom:20px;
	background-color:#e4e4e4b5;
	
}
.top-heading h3{
	color:#fff;
}
.top-heading{
	
	text-align:center;
	padding-bottom:6px;
	color:#fff;
	background-color:#4b7ec7;
	padding-top:30px;
	border-radius:100px 100px 0px 0px;
}
.top-para-data{
	text-align:justify;
	margin-top:20px;
  padding-left:10px;
  padding-right:10px;
	padding-bottom:50px;
	color:#fff;
	background-color:#1d509b;
	padding-top:6px;
	border-radius: 0px 0px 100px 100px;	
}

.top-para-data:hover{
	 transform: translateY(-10px) scale(1.02);
	background-color:#282829;
}


.our-quality-heading h1{
	text-align:center;
}

.tz-gallery .thumbnail:hover {
    transform: translateY(-10px) scale(1.02);
}
.our-quality{
	
padding-bottom:60px;
padding-top:40px;

background-color:#e4e4e4b5;}

/**********product************/
.product-btn p{
	background-color:#044098;
	color:#fff;
	padding:8px;
	
}


.bio-product {
    padding:10px 10px 10px 10px;
    border: 2px solid #013b90;
    margin-bottom:30px;
   
}
.carousel-control.right {
   
    background-image: none;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: none;
    
}
.page-description{
	color:#1f519b;
	font-weight:600;
	font-size:25px;
}
.page-description{
	
border-bottom: 3px dotted #1f519b;
padding-bottom:20px;
margin-bottom:40px;
}
.paragraph {
    background-color: #EB1B26;
}
/*************************/

/**************************/
button.product-btn {
    background-color: #03419e;
    padding: 11px 60 8px 60px;
    padding: 10px 60px 10px 60px;
  border:1px solid #03419e;
color: #fff;
}

.benthos-product-list{
	padding:10px;
	background-color:#01337d;
}

.benthos-product-list a li{
	border-bottom:1px solid #fff;
	padding:10px;
	text-decoration:none;
	color:#fff;
	
	@media (min-width: 768px)
.navbar-right {
    float: right!important;
    margin-right: -150px!important;

}

.benthos-product-list a li:hover{
background-color: #0444a5;
    padding-bottom: 10px;
}	
	
/**********************/
.email-form-info{
	margin-top:2em;
	margin-bottom:4em;
	padding:30px;
	border:3px dotted #0036a8;
	background-color:#0036a50d;

}


.prescription ul li{
	padding:10px;
	background-color:#b90606;
	color:#000;
}

.icon-img img{
	margin-bottom:10px;
	width:60%;
}
.our-mission-vision-bg {
    height: 230px;
    padding: 10px;
    background-color: #fff;
}


.our-mission-vision-bg p{
	font-size:14px;
}
h1.benthos-heading.m-v-btn.animated.bounce.text-center {
    background: #fff;
	padding:10px 10px 10px 10px;
	border:1px solid #0b4294;
}
/******************

  .section-box{
        height: 250px;
        background: radial-gradient(#011842,#05338c);
     
        background: -moz-radial-gradient(#011842,#05338c);
		    background: -webkit-radial-gradient(#011842,#05338c);
        color: #fff;
		
        position: relative;
        overflow:hidden;
    }
    .section-box figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box:hover img{
        transform: translate(100%,0);
        -webkit-transform: translate(100%,0);
        -moz-transform: translate(100%,0);
    }
**************/