@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);
/*@import url(https://fonts.googleapis.com/css?family=Roboto|Lato|Open+Sans+Condensed:300|PT+Sans+Narrow|Hind|Archivo+Narrow);*/
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400; 
	font-size:16px;
	color:#000000;
	text-align:justify;
	margin:0 0 0 0;
	line-height: 22px;	 
}
*{
	margin: 0 auto;
}
hr{
	width: 100%;
	color:#ccd0d1;
}
.k{
	margin-bottom: 30px;
}
#main{
	width: 100%;
	height:auto;
	margin: 0 auto;
}
#middle{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#top{
	width: 100%;
	height: auto;
	margin: 0 auto;
	//background-color: red;
	position: absolute;
	z-index: 9999;
}
#topmid{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#logo{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#logomid {
	max-width: 90%;
	height: auto;
	padding-bottom: 10px;
	margin: 0 auto;
	//background-color: yellow;
}
#logomid img{
	margin-left: 0px;
}
#logomid a{
	font-family: 'Archivo Narrow', sans-serif;
	color: #000000;
	font-size: 18px;
	text-align: left;
}
#logomid a:hover{
	
	color: #000000;
	text-decoration: none;
}
#social{
    margin-top: 40px;
    //float:right;
    margin-left: 40px;
}

table td {
	font-family: 'Archivo Narrow', sans-serif;
  font-size: 17px;
  line-height: 24px;
}

ul li {
	font-family: 'Archivo Narrow', sans-serif;
  font-size: 17px;
  line-height: 24px;
} 
#menu{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #231f20;
	position: absolute;
	z-index: 9999;
}
#menumid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
	background-color: #231f20;
}
#menumid a{
	
	font-family: 'Archivo Narrow', sans-serif;
	color: #000000;
	text-align: center;
}
#banner{
	width: 100%;
	//height: 400px;
	margin: 0 auto;
}
#bannermid{
	max-width: 100%;
	height: 400px;
	margin: 0 auto;

}

#about{
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-bottom: 1px solid #efa383;
	padding-bottom: 20px;
}
#aboutmid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}
#aboutmid h2{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #000000;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-size: 28px;
	font-weight: bold;
}
#aboutmid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffa239;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#aboutmid p{
	text-align: justify;
	font-family: 'Archivo Narrow', sans-serif;
	//padding: 10px;
	line-height: 36px;
	font-size: 17px;
	color: #58595b;
	margin: 20px;
	text-align: center;
}
#aboutmid p span{
	border: 1px solid gray;
	border-radius: 3px;
	padding:0px 5px;
	margin-bottom: 4px;
	background-color: #ffffff;
}
.k img{
	//margin-left: 20px;
	-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			margin-top: 20px;
			//filter: grayscale(0);
			border: 2px solid #ddd;
			border-radius: 50%;

}
.k img:hover{
	-webkit-transform: scale(1.2); 
			-moz-transform: scale(1.2);
			-o-transform: scale(1.2);
			transform: scale(1.2);
			//filter: grayscale(.9);
	//transition-property: filter;
	transition-duration: .2s;
	border: 2px solid #de8216;
	border-radius: 50%;
}


#bank{
	width: 100%;
	height: auto;
	margin: 0 auto;
	//border-bottom: 1px solid #efa383;
	padding-bottom: 20px;
}
#bankmid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}
#bankmid h2{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	color: #000000;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-size: 28px;
	font-weight: bold;
	margin-left: 20px;
}
#bankmid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffa239;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#bankmid p{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	//padding: 10px;
	line-height: 32px;
	font-size: 17px;
	color: #58595b;
	margin: 20px;
}
#bankmid h3{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	//padding: 10px;
	line-height: 22px;
	font-size: 17px;
	color: #58595b;
	margin: 20px;
}
#doner{
	width: 100%;
	height: auto;
	margin: 0 auto;
	//border-bottom: 1px solid #efa383;
	padding-bottom: 20px;
}
#donermid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}
#donermid h2{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	color: #000000;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-size: 28px;
	font-weight: bold;
	margin-left: 20px;
}
#donermid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffa239;
	padding: 30px 0px;
	padding-bottom: 20px;
	font-weight: bold;
}
#donermid p{
	text-align: justify;
	font-family: 'Archivo Narrow', sans-serif;
	//padding: 10px;
	line-height: 22px;
	font-size: 17px;
	color: #58595b;
	margin: 20px;
}
#donermid ul{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	margin-left: 40px;
	list-style: square;
	margin: 30px 0px;
}
#donermid ul li{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	
	padding: 10px 0px;
	line-height: 22px;
	font-size: 17px;
	color: #58595b;
	margin:0px 20px;
}

#treatment{
	width: 100%;
	height: auto;
	margin: 0 auto;
    background-color: #faa831;
    padding: 30px 0px;
}
#treatmentmid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
	background-color: #faa831;
}
#treatmentmid img{
	border:5px solid #ffffff;
}
#treatmentmid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffffff;
	padding: 30px 0px;
}
#treatmentmid ul {
	
	list-style-image: url('../images/trn.png');
	margin-left: 20px;
	
}
#treatmentmid ul li{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffffff;
	font-size: 25px;
	//list-style-image: url('../images/trn.png');
	line-height: 40px;
	font-weight: bold;
}
#team{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 40px;
}
#teammid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}
#teammid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #0094da;
	padding: 30px 0px;
}
#teammid h2{
	//width: 1000px;
	height: auto;
	margin: 0 auto;
	font-family: 'Archivo Narrow', sans-serif;
	text-align: center;
	padding: 10px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	padding-left: 0px;
}
#teammid p{
	//width: 1000px;
	//height: auto;
	//margin: 0 auto;
	font-family: 'Archivo Narrow', sans-serif;
	line-height: 28px;
	font-size: 18px;
	//font-weight: 400;
	text-align: justify;
	padding-top: 20px;
	color: #58595b;
}

#online{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 30px;
}
#onlinemid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}
#onlinemid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffa239;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#onlinemid h3{
	text-align: center;
	font-family: 'Arimo Narrow', sans-serif;
	color: #000000;
	padding: 10px 0px;
	//text-decoration: underline;
	font-size: 22px;
	font-weight: bold;
}
#onlinemid h2{
	text-align: center;
	font-family: 'Arimo Narrow', sans-serif;
	color: #000000;
	padding: 10px 0px;
	//text-decoration: underline;
	font-size: 22px;
	font-weight: bold;
	margin-left: 20px;
}

#onlinemid img{
	margin-top: 20px;
	margin-left: 0px;
	//width: 340px;

}
#onlinemid p{
	text-align: justify;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 20px;
	line-height: 24px;
	font-size: 17px;
	color: #58595b;
	//padding-left: 20px;
}
#onlinemid img{
	//border:2px solid #423d3d;
}

#abt{
	width: 100%;
	height: auto;
	margin: 0 auto;
	//padding-bottom: 30px;
}
#abtmid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}
#abtmid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffa239;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
	margin-bottom: 20px;
}
#oabtmid h3{
	text-align: center;
	font-family: 'Arimo Narrow', sans-serif;
	color: #000000;
	padding: 10px 0px;
	//text-decoration: underline;
	font-size: 22px;
	font-weight: bold;
}
#abtmid h2{
	text-align: center;
	font-family: 'Arimo Narrow', sans-serif;
	color: #000000;
	padding: 10px 0px;
	//text-decoration: underline;
	font-size: 22px;
	font-weight: bold;
	margin-left: 20px;
}
#abtmid h3{
	text-align: center;
	font-family: 'Arimo Narrow', sans-serif;
	color: #000000;
	font-size: 22px;
}

#abtmid p{
	text-align: justify;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 20px;
	line-height: 24px;
	font-size: 17px;
	color: #58595b;
	//padding-left: 20px;
}
#abtmid p span{
	background-color: #e0861b;
	padding: 10px;
	line-height: 26px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 20px;
}
#abtmid img{
	//border:2px solid #423d3d;
}

.nav-tabs > li > a, .nav-pills > li > a {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    letter-spacing: 1px;
    line-height: 1.42857;
    padding: 12px 20px;
    text-align: center;
}
.table > h2 {
	font-family: 'Archivo Narrow', sans-serif;
    letter-spacing: 1px;
    line-height: 1.42857;
    padding: 0px;
    text-align: center;
    font-size: 20px;
}
#footer{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color:#c1c1bf;
	padding: 20px 0px; 
}
#footermid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
	background-color:#c1c1bf;
}
#footermid input{
	width: 90%;
	height: 40px;
	margin: 0 auto;
	background-color:#ffffff;
	margin-left: 20px;
}
#footermid label{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 20px;
	color: #1e1e1e;
	padding: 20px 20px 10px;
}
#footermid button{
	width: 100px;
	height: 40px;
	margin: 0 auto;
	background-color:#f89d35;
	color: #ffffff;
	font-size: 20px;
	font-family: 'Archivo Narrow', sans-serif;
	margin-left: 20px;
}
#footermid textarea{
	width: 90%; 
	margin-left: 20px;
}
#footermid button:hover{
	
	background-color:#cc580c;
}
#footermid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #9c3001;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#footermid h2{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 10px 20px;
	font-size: 22px;
	color: #1e1e1e;
}
#footermid h3{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 10px 20px;
	font-size: 24px;
	color: #1e1e1e;
}
#footermid p{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 0 20px;
	line-height: 30px;
	font-size: 20px;
	color: #58595b;
}
#footermid h5{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 10px;
	line-height: 22px;
	font-size: 17px;
	color: #58595b;
	padding-left: 20px;
}
#footermid b{
	color: #58595b;
	padding-bottom: 30px;
	font-size: 24px;
	color: #000000;
}
#footers{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color:#58595b; 
	
}
#footersmid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
	background-color:#58595b; 
}
#footersmid p{
	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 10px;
	line-height: 28px;
	font-size: 15px;
	color: #ffffff;
	padding-left: 20px;
}
#footersmid a{
	
	color: #ffffff;
}
.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

#gallery{
	width: 100%;
	height: auto;
	margin: 0 auto;
    background-color: #ebece7;
    padding: 20px 0px;
}
#gallerymid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
	//background-color: red;
}
#gallerymid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffa239;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#gallerymid p{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 10px;
	line-height: 22px;
	font-size: 17px;
	color: #58595b;
	padding-bottom: 30px;
}
@media (min-width:320px)and (max-width:991px) {
  #gallerymid img{
	//margin-left: 20px;
}

}
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */

/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */

.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

#client{
	width: 100%;
	height: auto;
	margin: 0 auto;
    background-color: #ffffff;
    padding: 20px 0px;
}
#clientmid{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
	background-color: #ffffff;
}
#clientmid h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #797a75;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#clientmid p{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 10px;
	line-height: 22px;
	font-size: 17px;
	color: #58595b;
	padding-bottom: 30px;
}
#clientmid img
{
  width: 250px;
  height: auto;
}
@media (min-width:320px)and (max-width:991px) {
  #gallerytwo img{
	margin-top: 30px;
	margin-left: 35%;
}
}

#vision-aid {

	width: 100%;
	padding: 60px 0px;
	background-color: #ffa239;
}

#vision-aid h1{

	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: white;
	padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 50px;
}

@media (min-width:320px)and (max-width:600px) {
  

  #vision-aid h1{

	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: white;
	//padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 30px;
}

}

@media (min-width:601px)and (max-width:991px) {
  #vision-aid h1{

	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: white;
	//padding: 30px 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 40px;
}

}

#vision-aid h4{

	font-weight: normal;
	color: black;
	text-align: center;
	font-size: 20px;
	margin-top: 15px;
}

#vision-aidpage {

	width: 100%;
	height: auto;
}

#vision-aidpage h1{
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffa239;
	padding: 30px 0px;
	font-weight: bold;
}

#vision-aidpage .heading{

	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	color: #333;
	font-weight: normal;
	background-color: #ffa239;
	padding: 15px 0px;
}

#vision-aidpage h4{

	color: #58595b;
}

#vision-aidpage p b{

	font-weight: bold;
	color: black;
	text-align: left;
	font-size: 18px;
}

#vision-aidpage .heading h4{

	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	color: white;
	font-weight: normal;
	background-color: #ffa239;
	padding-left: 15px;
}

#vision-aidpage h2{

	text-align: left;
	font-family: 'Archivo Narrow', sans-serif;
	color: #333;
	font-weight: bold;
}
#vision-aidpage p{
	text-align: justify;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 20px;
	line-height: 24px;
	font-size: 17px;
	color: #58595b;
	//padding-left: 20px;
}

#vision-aidpage img{

	padding: 15px;
} 

.subheading {

	font-weight: bolder;
	text-align: center;
	font-size: 20px;
	color: black;
}

.subheadingsm {

	font-weight: bolder;
	text-align: center;
	font-size: 17px;
  line-height: 24px;
	color: black;
	margin-bottom: 20px;
}

#footer p {

	font-size: 20px;
	line-height: 30px;
} 

#footer a {

color:black;
}
#footer a:hover {

color:black;
}