@import url(http://fonts.googleapis.com/css?family=Lato);

@font-face {
    font-family: 'bree_serifregular';
    src: url('fonts/breeserif-regular-webfont.eot');
    src: url('fonts/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/breeserif-regular-webfont.woff') format('woff'),
         url('fonts/breeserif-regular-webfont.ttf') format('truetype'),768
         url('fonts/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenirregular';
    src: url('fonts/12_avenir_45_book_03173-webfont.eot');
    src: url('fonts/12_avenir_45_book_03173-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/12_avenir_45_book_03173-webfont.woff') format('woff'),
         url('fonts/12_avenir_45_book_03173-webfont.ttf') format('truetype'),
         url('fonts/12_avenir_45_book_03173-webfont.svg#avenirregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'segoe_uiregular';
    src: url('fonts/segoeui-webfont.eot');
    src: url('fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeui-webfont.woff2') format('woff2'),
         url('fonts/segoeui-webfont.woff') format('woff'),
         url('fonts/segoeui-webfont.ttf') format('truetype'),
         url('fonts/segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?h1409j');
	src:url('fonts/icomoon.eot?#iefixh1409j') format('embedded-opentype'),
		url('fonts/icomoon.ttf?h1409j') format('truetype'),
		url('fonts/icomoon.woff?h1409j') format('woff'),
		url('fonts/icomoon.svg?h1409j#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon'; font-size: 20px; color: #616161;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-google-plus:before { content: "\ea88"; }
.icon-google-plus:hover {content: "\ea88"; color: #ed1c24; text-decoration: none;}
.icon-facebook:before {content: "\ea8c";}
.icon-facebook:hover {content: "\ea88"; color: #ed1c24; text-decoration: none;}
.icon-twitter:before {content: "\ea91";}
.icon-twitter:hover {content: "\ea88"; color: #ed1c24; text-decoration: none;}	
	
body {font-family: 'segoe_uiregular'; color: #484848; font-size: 14px;   }
.header, .middle, .footer, .inner, .topCon {width:100%; float:left; position: relative !important; clear:both; }
.topCon {width: 100%; background-color: #FFF;}
.logo {float: left;  padding: 15px 0;}
.navBlack {width: 100%; position: absolute; z-index: 100; background-color: rgba(0, 0, 0, 0.4); }
.subNav {width: 100%; position: relative; }
.nevBox {width: 100%; position: relative; float: left; background-color: #ed1c24!important; z-index: 200; margin: 0;}
.bgNone  {background-image: none !important;}
/* Carousel base class */
.carousel { }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10;}
/* Declare heights because of positioning of img element */
.carousel-inner > .item > img {position: absolute; top: 0; left: 0; min-width: 100%; }
/* Carousel base class */
.carousel-fade .item {-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s;  padding-top: 38.07142857142857%;}
.carousel-fade .active.left {left:0;opacity:0;z-index:2;}
.carousel-fade .next {left:0;opacity:1;z-index:1;}
.carousel-control  {display: none;}
.welCon {width: 100%; float: left; text-align: center;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */
}
.welCon h1 {font-family: 'avenirregular'; color: #db2129; font-size: 28px; text-align: center; padding: 40px 0 18px 0; margin: 0;}
.welCon p {line-height: 26px;}
.welLine {width: 60%; margin: 0 20% 25px 20%; background-color: #dcdcdc;}
.welRed {width: 20%; margin: 0 40% 0 40%; height: 1px; background-color: #f57f88;}
.certifCon {width: 100%; float: left; margin: 25px 0 40px 0; }
.certifCon h3 {font-family: 'avenirregular'; color: #e5252c; font-size: 18px; padding: 0 0 5px 0; font-weight: bold; margin: 0;}
.certInfo {width: 75%; float: left; text-align: left !important; background-color: #FFF; padding: 19px 30px;}
.certInfo a {color: #e5252c; text-decoration: underline;}
.certInfo a:hover {text-decoration: none;}
.certImg {width: 12%; float: left; background-color: #fff; margin: 0 2px 0 0;}
.certImg1 {width:20%; float: left; background-color: #fff; margin: 10px 10px 10px 10px;}
.aboutCon {width: 100%; float: left; background-color: #FFF; padding: 35px 0 30px 0;}
.aboutCon p {font-family: 'segoe_uiregular'; color: #484848; font-size: 15px; line-height: 27px;}
.aboutCon h2 {font-family: 'avenirregular'; text-align: left; color: #5e5d5d; font-size: 28px; padding: 0 30px 0 0; margin: 0 0 15px 0;}
.aboutCon h3 {font-family:  'Lato'; color: #ea333a; font-size: 20px; padding: 0 0 15px 0; border-bottom: 2px dashed #dfdfdf; margin: 0 0 15px 0; font-weight: 400;}
.aboutCon .list-group {padding: 0 0 0 20px; line-height: 28px;}
.aboLine {width: 100%;  margin: 0 0 20px 0; background: url(../images/donLine.gif) repeat-x left top;}
.aboLineRed {width: 5%; height: 3px; margin: 0 95% 0 0; background-color: #ee343b;} 
.aboutCon h4 {font-family:  'Lato'; color: #ea333a; font-size: 20px; padding: 0;  margin: 0 0 10px 0; font-weight: 400;}

.donatCon {width: 100%; float: left; background-color: #FFF; padding: 35px 0 30px 0;}
.donatCon h2 {font-family: 'bree_serifregular'; text-align: center; color: #5e5d5d; font-size: 28px; padding: 0 30px 0 0; margin: 0 0 20px 0;}
.donLine {width: 20%;  margin: 0 40% 25px 40%; background: url(../images/donLine.gif) repeat-x left top;}
.donRedLine {width: 20%; height: 3px; margin: 0 40%; background-color: #ee343b;} 
.missionBox {width: 100%; float: left;  }
.missionBox p {line-height: 25px;}
.missionBox a {color: #484848; text-decoration: none;}
.missionBox a:hover {color: #484848; text-decoration: underline;}
.donatCon h3 {font-family: 'avenirregular'; text-align: left; color: #5b5b5b; font-weight: bold; font-size: 20px; padding: 0; margin: 0 0 5px 0;}
.donatCon hr {border-bottom: 1px dotted #969696; margin-top: 15px; margin-bottom: 30px;}
.fltleft {float: left; margin: 0 20px 0 0;}
.donateBox {width: 100%; float: left; background-color: #f0f0f0;}
.donateImg {width: 35%; float: left;}
.donateImg img {width: 100%; height: auto;}
.donateInfo {width: 65%; float: left; padding: 10px 30px;}
.donateInfo p { line-height: 25px; margin: 0; padding: 0;}
.donateInfo img {width: 60%; height: auto; margin: 10px 0 0 0;}
.donateInfo h5 {font-family: 'Lato'; color: #434343; font-size: 25px;}
.redText {color: #e64d53;}
.photoCon {width: 100%; float: left; background-color: #f5f5f5; padding: 40px 0;}
.gelleryCon {width: 100%; background-color: #fff; padding: 20px 25px 35px 25px; border-top: 3px solid #f99aa2; border-bottom: 1px solid #f99aa2;}
.gelleryCon p {line-height: 25px; padding: 0 0 10px 0;}
.gelleryCon h3 {font-family: 'avenirregular'; color: #5b5b5b; font-size: 20px; padding: 0; font-weight: bold; margin: 0;}
.gelleryCon .jcarousel li { width: 160px !important;  margin: 20px 5px 0 5px; }
.whatdoCon {width: 100%; background-color: #fff; padding: 20px 25px 35px 25px; border-top: 3px solid #f99aa2; border-bottom: 1px solid #f99aa2;}
.whatdoCon p {line-height: 25px; padding: 0 0 10px 0;}
.whatdoCon h3 {font-family: 'avenirregular'; color: #5b5b5b; font-size: 20px; padding: 0 0 8px 0; font-weight: bold; margin: 0;}
.whatdoCon a {background-color: #f4f3f3; font-family: 'segoe_uiregular'; color: #484848; font-size: 14px; padding: 4px 15px 6px 15px; text-decoration: none;}
.whatdoCon a:hover {background-color: #dcdcdc; text-decoration: underline; color: #484848; }
.socialCon { float: right; width: 45%; padding: 0; font-family: 'segoe_uiregular'; font-size: 16px; color: #616161;}
.followCon { float: left; width: 100%; background-color: #f5f5f5; margin: 0 0 15px 0; padding: 12px 30px; border-bottom: 1px solid #ed1c24; font-family: 'segoe_uiregular'; font-size: 16px; color: #616161;}
.callLeft {float: left; margin: 5px 10px 0 0;}
.rightBox {width: 100%; float: left; background-color: #ed1c24;}
.rightBox img {width: 100%; height: auto; border-bottom: 5px solid #f79498;}
.rightInfo {width: 100%; float: left; padding: 10px 20px 30px 20px; color: #fff;}
.rightInfo hr {border-top: 1px dashed #fcaaad; padding: 0; margin: 0px 0 20px 0!important;}
.rightInfo a {color: #fff; text-decoration: underline;}
.rightInfo a:hover {color: #fff; text-decoration: none;}
.rightInfo h5 {font-family: 'Lato'; color: #fff; padding: 0 0 10px 0; font-size: 22px; border-bottom: 1px dashed #f79498;}
.rightInfo p {color: #fff; padding: 0 0 10px 0;}
.rightInfo img {border: 1px solid #f79498;}
#manimgbox {float: left; width: 25%; margin: 0 0 20px 0; border-right: 1px solid #FFF; background-color: #fff; border: 1px solid #f1f1f1;}
#mansubimg {float: left; width: 100%; padding: 27px 0 27px 0; margin: 0; text-align: center;}
#mansubimg img {width: 40%; height: auto;}
#mantextbox {float: left; width: 100%;  padding: 15px 0 15px 0; border-right: 1px solid #fff; border-top: 1px solid #f1f1f1; background-color: #fafafa; text-align: center;}
.manredsub {font-family:  'Lato'; font-size: 16px; color: #e63c42 !important; padding: 0; font-weight: 400;  line-height: 22px; margin: 0; text-align: center;}
.manblacksub {font-family:  'Lato'; font-size: 14px; color: #2f2f2f; padding: 0 0 0 0; font-weight: normal; font-style: normal; line-height: 22px; margin: 0; text-transform: none; text-align: center;}
 .galleryBox {width: 100%; margin: 0 0 20px 0;} 
 .font{ font-size:20px;line-height: 35px;}
 .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {width: 100%; height: auto;}
/*---------------------------------*/
/* table css 
/*-----------------------------------*/
table {width: 100%; border-collapse: collapse; }
tr:nth-of-type(odd) {  background: #f9fafc; }
th {  background: #5e5751; color: white;  font-weight: bold; }
td, th {padding: 8px 20px !important; border: 1px solid #eff1f7; }
.toptdBox {background-color: #5c74b3; color: #FFF; font-size: 16px; font-family: 'Lato';} 
iframe {border: 1px solid #fff;}
/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #4b941f; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#387f0d;}

/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 63%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 20%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Contact Styles
/*-----------------------------------*/
.tWidth{width:100%; float:left;}
.enquiryBtn {margin: 10px 0 0 0 !important;}
.textBox{width:100% !important; height:40px !important; background:#fff; border:solid 1px #d5d5d5; font-family: 'Open Sans', sans-serif; color:#000; font-size:15px;}
.textBoxMulti {width: 100% !important; height: 80px !important; background: #fff; border: solid 1px #d5d5d5; font-family: 'Open Sans', sans-serif; color:#000; font-size:15px;}
.tred{color:#C00;}
.subbtn {background:#ed1c24 !important; border: 1px solid #ed1c24; display:inline-block; padding: 8px 15px !important; margin: 0 0 35px 0; color:#fff; text-transform:uppercase; text-decoration:none; border-radius: 0 !important;}
.subbtn:hover {background:#d11d24 !important; border: 1px solid #d11d24; color:#fff; }
.report{ background:#ea333a; color:#fff; text-align:center; text-decoration:none; padding:10px 20px; font-size: 16px;display: inline-block;margin: 5px;}
.bank {
    background-color: #ededed;
    padding: 20px;
    border-radius: 30px;
    border: 3px dotted #ea333a;
}
.bank p {
    margin-left: 35px;
}
a.lightbox-image p {
    background-color: #f0f0f0;
    padding: 10px;
    text-align: center;
}
a.lightbox-image img.img-responsive {
    height: 190px;
    width: 251px;
    object-fit: cover;
}
.gall-height{max-height: 280px;
    height: 280px;}
/*-----------------------------------*/
/* Footer Styles
/*-----------------------------------*/
.footer {width: 100%; font-family:'Lato'; font-weight: 400; line-height: 25px; font-size: 14px; color: #fff; padding: 30px 0 15px 0; background-color: #3e393a; float: left;  }
.footer p {margin: 0 0 15px 0;}
.footer a {color: #fff; padding: 0; text-decoration: none !important; }
.footer a:hover {text-decoration: underline !important;}
.lbmBox {width: 100%; border-top: 1px solid #8a363a; text-align: left !important; padding: 30px 0 0 0;}
.lbm {color: #f2818b !important; } 
.lbmText {text-align: right;}
.lbmBox a {background-image: none !important; padding: 0px !important;}  
.vdos {
	margin-bottom: 15px;
	width: 30%;
	height: auto;
	float: left;
	 margin:0 10px
}
.vdos p{ text-align:center; margin:0;}
.vdos iframe{ width:100%;}
.vdos strong p{ color:#ed1c24;}
@media screen and (max-width:1200px) {
.container {width: 95% !important;} 
.nav > li > a {padding: 15px 20px; font-size: 14px;}
.socialCon {width: 50%;}

}
@media screen and (max-width:1100px) {
.nav > li > a {padding: 15px 17px; font-size: 13px;}
.socialCon {width: 55%;}
}
@media screen and (max-width:991px) {
.navbar-collapse {position: absolute; width: 100% !important; background-color: #d7131b; z-index: 150; padding-right: 15px; padding-left: 15px;}
.nav > li > a {padding: 10px 17px; font-size: 12px; border-bottom: 1px solid #eb272e;}
.socialCon {width: 60%;}
}
@media screen and (max-width:950px) {
#manimgbox {width: 33.33333333333333%; }
}
@media screen and (max-width:900px) {
.socialCon {width: 68%;}
}
@media screen and (max-width:830px) {
.photoCon {padding-bottom: 20px;}
.photoCon .col-lg-6 {width: 100%; margin: 0 0 20px 0; }
}
@media screen and (max-width:800px) {
.socialCon {width: 80%;}
.followCon { margin: 0 0 10px 0; padding: 9px 30px;}
.aboutCon .col-lg-9 {width: 100%;  float: left;}
.aboutCon .col-lg-3 {width: 100%;  float: left;}
.rightBox img {width: 50%; height: auto; float: left; border-bottom: 5px solid #f79498;}
.rightInfo {width: 50%; float: left; padding: 10px 20px 30px 20px; color: #fff;}

}
@media screen and (max-width:768px) {
.donatCon .col-lg-6 {width: 100%; float: left;}
.certImg {display: none;}
.certInfo {width: 100%;}
.navBlack{    margin-top: -45px;    background-color: rgb(237 28 36);}
.carousel-inner{    margin-top: 34px;}
.vdos{width:95%;}
.galleryInfo .col-xs-4 {
    width: 100%;
}
a.lightbox-image img.img-responsive {width: 100%;}
}
@media screen and (max-width:700px) {
.socialCon {width: 93%;}
.logo {width: 155%; height: auto;}
}
@media screen and (max-width:650px) {
#manimgbox {width: 50%; }
}

@media screen and (max-width:615px) {
.welCon h1 {font-size: 22px; text-align: center; padding: 30px 0 18px 0; margin: 0;}

}

@media screen and (max-width:600px) {
.socialCon {display: none;}
}
@media screen and (max-width:450px) {
#manimgbox {width: 100%; }
}

@media screen and (max-width:400px) {
.donateImg {display: none;}
.donateInfo {width: 100% !important; float: left; padding: 10px 30px 30px 30px;}
.rightBox img {width: 100%; height: auto; float: left; border-bottom: 5px solid #f79498;}
.rightInfo {width: 100%; float: left; padding: 10px 20px 30px 20px; color: #fff;}
.galleryInfo .col-xs-3 {width: 33.33333333333333%!important; float: left;}
}
@media screen and (max-width: 300px) {
.galleryInfo .col-xs-3 {width: 50%!important; float: left;}
}