/*--header_area_style_start--*/
.section_padding{

	padding-top:10px ;
	

}

.heading{
	width: 100%;
	height: 130px;
	margin: 0px;
	

}

.top-content1{

	width: 50%;
	height: 100px;
	float: left;
	background: #00cc66;
	border-top: 20px solid #003333;
	border-top-left-radius: 30px
}



.top-content2{

	width: 50%;
	height: 100px;
	float: left;
	background: #003333;
	border-bottom: 20px solid #00cc66;
	border-bottom-right-radius: 30px
	
}

.pharma_logo{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	border-radius: 50%;
}

.pharma_logo #logo{
	border-radius: 50%;
}

.contact_box h5{
	width: 22%;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	margin-left: 30px;
	float: left;
}

.contact_box .mail{
	width: 33%;
	color: #fff;
	font-size: 14px;
	text-align: left;
	margin-top: 20px;
	margin-left: 30px;
	float: left;
	text-decoration: none;
}

.contact_box .like{

	float: right;
	margin-right: 0px;
}




.top_menu{
	width: 98%;
	float: left;
}

.top_menu ul{
	margin: 0px;
	padding: 0px;
	text-align: left;


}

.top_menu ul li{
	list-style: none;
	display: inline-block;
	position: relative;

}

.top_menu ul li a{
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-weight: 200;
	text-transform: uppercase;
	margin-left: 15px;
	color: #85adad;
}

.top_menu ul li:hover{
	border: 1px solid #80ff80;

}

.sub_menu{

		position: absolute;
		display: none;
		padding: 0px;
		margin: 0px;


		
}
.top_menu ul li:hover .sub_menu{
				display: block;
	color: red;

}

.sub_menu li{
		width: 200px;
		border-bottom: 1px solid #e6e6e6;
		margin-left: 30px;
		padding-left: 0px;
		background:#fff;
		border-radius: 5px;

}

.sub_menu li:first-child{
		margin-top: 10px;


}



.sub_menu li:hover{
	background: #003333;
	border: none;


}

.sub_menu li a{
	background: transparent;
	color: red;
}

.navbar-toggle{

	display: none;
}

.headding_box{

	width: 100%;
	height: 1000px;
	background: #333333;
}

.about_box{

	width: 100%;
	height: 900px;
	margin-left: 100px;
	margin-top: 70px;
}

.about_box img{

	width: 75%;
	height: 200px;
	margin-left: 60px;
	margin-bottom: 50px;
}

.about_box h2{
	width: 25%;
	color: red;
	background: gray;
	margin-left: 60px;

}

.about_box p{
	width: 50%;
	margin-left: 60px;
	color: #fff;

}

form{
	width: 60%;
	height: 550px;
	margin-left: 150px;
	margin-top: 100px;
}


form .client{
	width: 50%;
	height: 40px;
	border: none;
	color: #fff;
}

form textarea{
	width: 100%;
	border: none;
	color: #fff;
}

form .send{
	width: 25%;
	background: #2B9B2B;
	color: #fff;
	border: 2px solid #004d1a;
}



form input, textarea{
	background: #444444;
}

.slogan{
	width: 82%;
	height: 100px;
	margin-left: 141px;

}

.slogan h6{
	text-align: right;
	color:#003333 ;
	margin-right: 0px;
	border-bottom: 1px solid #00CC66;
	


}


/*--header_area_style_start--*/

/*--slide_area_style_start--*/

.slide_area{

	width: 100%;
	height: 600px;
	margin-top: 30px;
	background: #fff;
	border-bottom: 15px solid #00CC66;

}

.container{
	width: 90%;
	height: 100%;
	margin-top: 0px;




}

.slider{
	
	position: relative;
	width: 100%;
	border-bottom: 15px solid #00CC66;


}

.single_slider{

	border: 5px solid transparent;
	margin-bottom:20px;


}

.owl-prev{
	position: absolute;
	font-size: 25px !important;
	top: 40%;
	left: 30px;
	width: 40px;
	height: 40px;
	border-radius: 15px;
	background: #B0C4DE !important;
	margin-bottom: 10px;
	color: #3385ff !important;
}

.owl-next{
	position: absolute;
	font-size: 25px !important;
	top: 40%;
	right: 30px;
	width: 40px;
	height: 40px;
	border-radius: 15px;
	background: #B0C4DE !important;
	margin-bottom: 10px;
	color: #3385ff !important;

}

.owl-nav{
	opacity: 0;
	transition: 1s;

}

.slider:hover .owl-nav{

	opacity: 1;
}

.owl-prev{
	opacity: 0;
	transition: 1s;

}

.slider:hover .owl-prev{

	opacity: 1;

}

.owl-next{
	opacity: 0;
	transition: 1s;

}

.slider:hover .owl-next{

	opacity: 1;

}




.single_slider img{

	width: 100%;
	height: 500px;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 100px;
}

.single_slider #youtube{
	width: 100%;
	height: 500px;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 100px;

}



.owl-dots{
	position: absolute;
	bottom: 40px;
	left: 40%;
}

.owl-dots .active{
	background: #d92626 !important;
}


.owl-dot{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #B0C4DE !important;
	bottom: 30px;
	margin-left: 10px;

}

.drugs_area{

	width: 100%;
	height: 830px;
	margin: 0px;
	background: #b3b3b3;
}


	
.drug_box h1{
	width: 50%;
	height: 50px;
	border-bottom:2px solid transparent ;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #669999;
	float: left;
	text-align: left;
}

.drug_box h2{
	width: 50%;
	height: 50px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #669999;
	float: right;
}

.box1{

	width: 48%;
	height: 720px;
	float: left;
	border: 3px solid #00B3B3;
	

}

.box1 h2{

	width: 100%;
}

.box1 img{

	width: 60%;
	height: 280px;
	float: left;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	cursor: pointer;
}

.box1 p{
	font-style: italic;
	line-height: 25px;
	color: #006633;
}

.box1 span{

	font-size: 16px;
	font-weight: 700;
	color: #e60000;

}

.box2{

	width: 50%;
	height: 720px;
	float: right;
	margin: auto;
	border: 3px solid #00B3B3;
	

}

.box2 h2{

	width: 100%;
}

.box2 img{

	width: 60%;
	height: 280px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	cursor: pointer;
	


}

.box2 p{
	font-style: italic;
	line-height: 25px;
	color: #006633;
}

.box2 span{

	font-size: 16px;
	font-weight: 700;
	color: #e60000;

}

.box1 button{
	background: #00b3b3;
	color: #fff;
	float: right;
	margin-right: 50px;
}

.box2 button{
	background: #00b3b3;
	color: #fff;
	float: right;
	margin-right: 50px;


}

.box1 button:hover{
		transform: scale(1.5, 1.5);
		
		

}

.box2 button:hover{
		
		transform: scale(1.5, 1.5);
		

		
}


.disease_area{

	width: 100%;
	height: 850px;
	margin-top: 0px;
	background: #00b3b3;

}

.disease_box{

	width: 100%;
	height: 650px;

}

.single_disease_box{

	width: 22%;
	height: 750px;
	float: left;
	margin-left: 28px;
	margin-top: 20px;


}

.single_disease_box:first-child{
 	margin-left: 0px;

}

.img_box{
	width: 100%;
	height: 350px;
}

.img_box img{
	width: 100%;
	height: 250px;
	border-radius: 50px;
	transition: .5s;
	margin-bottom: 10px

}

.img_box img:hover{
	transform: scale(2, 2); 

}

.img_box a{
	margin-top: 5px;
	margin-left: 70px;
	transition: .5s;

}

.img_box button{
	background: #ff1a66;



}

.img_box button:hover{

	transform: translateX(50px);
}

.details{
	width: 100%;
	height: 450px;
}


.details h3{
	margin: 0px;
	color: #4d0000;
}

.details p{

	color: #003333;
	opacity: .5;
}

.video_area{
	width: 100%;
	height: 400px;
	background-image: url('img/v1.jpg');
	background-position: center;
	background-size: cover;
	margin-top: 0px;

}

.video_box{

	width: 100%;
	height: 350px;
	margin-top:20px;

}

.video_box h2{
	width: 100%;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #669999;

}

.video_box #youtube{
	width: 22%;
	height: 250px;
	margin-left: 27px;
	margin-top:25px;
}

.video_box #youtube:first-child{
	margin-left: 10px;
}

.web_area{
	width: 100%;
	height: 350px;
	background: #EDEDED;
	margin-top: 0px;

}

.web_box{

	width: 96%;
	height: 350px;
	margin-top: 20px;

}

.web_box h2{

	text-align: center;
	margin-top: 0px;
	color: red;
	font-weight: 700;
}

.web_box #web{

	width:96%;
	height: 250px;
	margin-bottom:50px;
	margin-left:50px;
	


}







footer{

	width: 100%;
	height:120px;
	background: #212121;
}

.developer{
	float: left;
	margin-left: 0px;

}

.developer span{
	font-size: 16px;
	font-weight: 200;
	color: #fff;


}



.visitors{
	float: right;
}



.material-scrolltop.reveal{

	background: #616b66;
	width: 45px;
	height: 45px;
	
}

.material-scrolltop{
	background: #616b66;
}

.material-scrolltop span{

	color: red;
}







	



/*--slide_area_style_end--*/