@charset "utf-8";

/* CSS Document */ 

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

body { padding:0;margin:0;font-family:'poppins', sans-serif;font-size:16px; color:rgba(0,0,0,0.7); background:#fff;}

a, a:hover, a:focus { text-decoration: none;}

.navbar-brand { display: none;}

.clr {clear:both}

header {padding:5px 0; background:#fff;}
.sticky-header{padding-top: 0; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index:99;}
.logo a {display:block;}

header .col-sm-2 { padding:0px;}

.bg-light {background: none!important;}

.main-nav {text-align:center; float:right;}

.main-nav .navbar { padding:24px 0px 0 0;}

.main-nav ul.navbar-nav li {padding:0px 10px;}	

.main-nav ul.navbar-nav li a {font-family:'poppins', sans-serif; font-size:16px; font-weight:500; line-height:20px; text-align:center; padding:0px!important; margin:0px; color:#000; text-transform:capitalize;}

.main-nav ul.navbar-nav li a:hover, .main-nav ul.navbar-nav li a:active { color:#c33030;}

.sign {display: inline-block; font-family:'poppins', sans-serif; font-size: 15px; font-weight:700; margin:15px 4px 0; padding: 8px 25px; color: #fff; border-radius: 50px; text-transform:uppercase;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffca3f+0,a96f26+100 */

background: #ffca3f; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #ffca3f 0%, #a96f26 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  #ffca3f 0%,#a96f26 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  #ffca3f 0%,#a96f26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca3f', endColorstr='#a96f26',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.sign:hover { background:#151515; color:#FFF;}

.sign.up { background:#fff; border:1px solid #333; color:#252525;}

.sign.up:hover { border:1px solid #12558c; background:none; color:#12558c;}

.slider {padding:0;}

.slider .carousel-caption{ bottom:70px; text-align:left; }

.slider .carousel-caption h2{ font-size:75px; line-height:76px; text-transform:uppercase; color:#fff; font-weight:700; padding:0; margin:0;}

.slider .carousel-caption h2 span{ display:block;}

.slider .carousel-caption p{ font-size:18px; line-height:24px; color:#fff; font-weight:400; padding:10px 0; margin:0;}

.slider .carousel-caption .btn-link{ background:#fff; box-shadow:0 15px 25px rgba(0,0,0,0.1); display:block; float:left; color:#c33030; font-size:18px; font-weight:600; margin-top:20px; padding:15px 40px; border-radius:60px;}

.social-banner-img{ padding-top:75px; max-width:100%;}

.slider .carousel-indicators{ bottom:50px;}

.slider .carousel-indicators li{ cursor:pointer; width:20px; height:20px; border-radius:50%; background:rgba(0,0,0,0.3);}

.slider .carousel-indicators li.active{ background:#c33030;}

.slider h1 { font-family: 'poppins', sans-serif; font-size:45px; font-weight:700; line-height:auto; text-align:left; padding-top:70px; padding-bottom:15px; margin:0px; color:#001f3e;}

.slider p { font-family: 'poppins', sans-serif; font-size:24px; font-weight:600; line-height:28px; text-align:left; margin:0px; color:#001f3e; padding-top:30px;}

.slider ul { padding:0px; margin-top:40px; }

.slider ul li { list-style:none; float:left; padding-right:35px; } 

.slider ul li a { display:block; font-size:17px;}

.slider ul li a:hover { opacity:0.5;}

.slider .carousel-item:before{background:rgba(0,0,0,0.5); content:""; position:absolute; width:100%; height:100%; top:0; left:0;}

.slider .carousel-caption p.que{font-size:26px; font-weight:bold;}



.about-us {padding:20px 0 80px 0; background:#f3d0d0;}

.about-us h2 {font-size:50px; text-align:left; font-weight:500; color:#000; margin-top:40px; margin-bottom:10px;}

.about-us h2 span {font-weight:600; color:#465880; font-size:20px; display:block;}

.about-us p {font-size:18px; font-weight:400; color:#515d6c;}

.about-us img, .about-us iframe{ width:100%!important; height:auto; margin-top:60px; border-radius:15px;}

.content24{ padding-top:80px;}

.content24 p{ font-size:24px; line-height:30px; padding-bottom:30px; color:#00153f; padding-right:60px; font-weight:500;}

.content24 .btn-link{ background:#c33030; box-shadow:0 15px 25px rgba(0,0,0,0.1); display:block; float:left; color:#fff; font-size:18px; font-weight:600; margin-top:20px; padding:15px 40px; border-radius:60px;}



.how-we-help{ /*background:url(../images/how-to-bg.jpg) no-repeat bottom center #fafafa;*/ background: #e5e7fd; padding:70px 0 40px;}

.how-we-help h2{ font-size:44px; color:#c33030; text-align:center; font-weight:700; text-transform:uppercase; padding-bottom:55px; margin:0;}

.how-we-wrapper { text-align:center; max-width:980px; margin:0 auto;}

.how-we-wrapper h3{ font-size:24px; color:#c33030; text-align:center; font-weight:600; text-transform:uppercase; padding-bottom:15px; margin:0;}

.how-we-wrapper p{ font-size:16px; color:#151515; text-align:center; font-weight:400; padding-bottom:35px; margin:0;}



.we-need-help {padding:70px 0;background: #daf7de;}

.we-need-help .container > p{ text-align:center; font-size:18px; color:#252525; padding-bottom:55px;}

.we-need-help h2{ font-size:44px; color:#c33030; text-align:center; font-weight:700; text-transform:uppercase; padding-bottom:0; margin:0;}

.we-need-help h3{ font-size:24px; font-weight:600; color:#c33030; padding:0;}

.we-need-help p{ font-size:18px; font-weight:400; color:#151515; padding:0 0 10px;}	

.we-help img{ float:left; padding-right:15px; margin-bottom:0; }

.we-help{ padding-bottom:60px; padding-top:15px;}

.need-help img{ max-width:100%; height:auto; border-radius:15px;}

.we-help p{ padding:0; margin:0; font-size:18px;}

.we-help p a{ color:#c33030; text-decoration:underline;}





.drop-medicines{ padding:80px 0; background:url(../images/drop-medicine-bg.jpg) no-repeat top center; background-size:cover;}

.drop-medicines .container > p{ text-align:center; font-size:18px; color:#252525; padding-bottom:55px;}

.drop-medicines h2{ font-size:44px; color:#c33030; text-align:center; font-weight:700; text-transform:uppercase; padding-bottom:0; margin:0;}

.drop-medicines ul{ list-style:none; padding:0; margin:0; text-align:center; display: flex;flex-wrap: wrap;}

.drop-medicines ul li {padding:15px; flex: 0 0 20%; max-width: 20%; box-sizing:border-box; text-align:center;}

.drop-medicines ul li img{ display:block; margin:0 auto; max-width:100%; height:auto;}

.drop-medicines ul li h3{ font-size:20px; font-weight:600; color:#c33030; padding:20px 0 0;}

.drop-medicines ul li p{ font-size:15px; font-weight:400; color:#151515; padding:0 0 10px; margin:0;}	
.drop-medicines ul.left-m{margin-left:30%;}
.drop-medicines ul.left-m li{flex: 0 0 30%; max-width: 30%;}





/*================(footer us) ====================*/

/*==============================================*/

.footer { background:url(../images/footer-bg.jpg) no-repeat bottom center; background-size:cover; padding:50px 0;}

.footer h3 { font-size:20px; font-weight:700; text-align:left; color:#fff; padding:15px 0 25px 0; margin:0px; text-transform:uppercase;}

.footer p {  font-size:15px; line-height:24px; font-weight:400; text-align:left; color:#eee; margin:0px; display:block; padding-bottom:10px; }

.footer a {  font-size:15px; line-height:24px; font-weight:400; text-align:left; color:#eee; margin:0px; display:block; padding-bottom:10px; }

.footer a:hover { color:#dfcb83; }

.footer p span{ display:block;}

.footer ul { float:left; margin:0px; padding:0px; width:50%;}

.footer ul li { display:inline-block; list-style:none; display:block; }

.footer ul li a { text-decoration:none; font-family: 'Roboto', sans-serif; font-size:14px; line-height:30px; font-weight:400; text-align:left; color:#eee; margin:0px; display:block; padding:0px; }

.socail-account ul {width:100%;}
.socail-account:after {display:block; clear: both; }
.socail-account ul:after {display:block; clear: both; }
.socail-account ul li a i { background:url(../images/socail-icon.png) no-repeat scroll ; display: block; float: left; margin-right: 5px; }

.socail-account ul li a i:hover { opacity:0.5;}

.socail-account ul li a .fb-icon {background-position: 0px 0px; height: 45px; width: 45px;}

.socail-account ul li a .g-icon {background-position: -53px 0px; height: 45px; width: 45px;}

.socail-account ul li a .p-icon {background-position: -105px 0px; height: 45px; width: 45px;}

.socail-account ul li a .tw-icon{background-position: -157px 0px; height: 45px; width: 45px;}

.socail-account ul li a .yt-icon{background-position: -209px 0px; height: 45px; width: 45px;}

.socail-account ul li a .in-icon{background-position: -262px 0px; height: 45px; width: 45px;}

.socail-account ul li a .v-icon {background-position: -314px 0px; height: 45px; width: 45px;}

.copy-right { border-top:solid 1px rgba(255,255,255,0.2); padding:35px 0 0; margin:40px 0 0 0; }

.copy-right p {font-family: 'Roboto', sans-serif; font-size:15px; line-height:25px; font-weight:400; text-align:center; color:#fff; margin:0px; padding:0px; }

/*==============================================*/

.top-hdr{ background:#c33030; height:36px; color:#fff; margin-bottom:5px;}

.top-hdr ul{ float:right; list-style:none; padding:0; margin:0;}

.top-hdr ul li{ color:#fff; font-size:14px; float:left; padding-left:25px; line-height:36px;}

.top-hdr ul li img{ padding-right:10px;}



/*________________Inner pages css here_________________________*/

/*------------------------------------------------------------*/



.inner-banner{background:url(../images/inner-banner.jpg) center top no-repeat; background-size:cover; padding:60px 0;}

.inner-banner h2{ color:#fff; font-weight:600; font-size:44px;}

.inner-section{ padding:50px;}

.inner-section h1{ font-size:36px; font-weight:700; color:#c33030; padding-bottom:20px;}

.inner-section h1 span{ color:#c33030;}

.inner-section img{ max-width:100%; height:auto; }

.inner-section p{ padding-bottom:20px; font-size:16px; color:#0e265f;}

.inner-section p span{color:#c33030;}

.sherry-bio img{ border-radius:10px; margin-top:8px;}

.inner-section .sherri-media{ padding:0;}

.inner-section .sherri-media .media-box p{ font-size:16px; line-height:24px; font-weight:500;}

.inner-section .sherri-media h2 { font-size:30px;}



/*__________________ Contact Us Page _____________________*/ /*--------------------------------------------------------*/ .contact-us-page {margin-top:0; text-align:left;}

 .contact-page-section{margin-top:0; background:#fff; padding-left:0; padding-right:0; border-radius:6px 6px 0 0; }

 .contact-us-page .col-sm-4 {border-right:1px solid #ddd; padding:0px 25px; }

 .contact-us-page .col-sm-4:last-child {border-right:0; }

 .contact-us-page h2 {font-size:40px; line-height:30px; font-weight:400; text-transform:uppercase; text-align:center; color:#000; padding:40px 0 50px 0; margin:0;}

 .contact-us-page p {font-size:18px; line-height:25px; font-weight:300; text-align:left; color:#000; padding:5px 0; margin:0;}

 .contact-us-page p strong {font-weight:500;}

 .contact-us-page h3 {font-size:20px; line-height:30px; font-weight:600; text-align:left; color:#000; margin-bottom:40px;}

 .contact-us-page h3 img {margin-right:15px;}

 .contact-text {margin-bottom:35px;}

 .contact-text h2 {font-size:20px; line-height:22px;font-family:Montserrat-Medium; text-align:left; color:#000; margin-bottom:0px; padding:0 0 10px;}

 .contact-text h5 {font-size:16px; text-transform:uppercase; line-height:22px; font-family:Montserrat-Bold; text-align:left; color:#000; margin-bottom:0px;}

 .contact-text h3 {font-size:16px; line-height:22px;font-family:Montserrat-Medium; text-align:left; color:#000; font-weight:normal; text-transform:none; margin-bottom:20px;}

 .contact-text h4 {font-size:16px; line-height:20px;font-family:Montserrat-Medium; text-align:left; color:#000; margin-bottom:20px;}

 .contact-text h4 a {font-size:18px; line-height:50px;font-family:Montserrat-Medium; text-align:left; color:#b42025; font-weight:500;}

 .contact-text h4 a:hover {color:#000;}

 .contact-text p {font-size:16px; line-height:22px;font-family:Montserrat-Medium; text-align:left; color:#545454; margin-bottom:15px; font-weight:400; padding:0px}

 .contact-text ul {margin:0px; padding:10px 0px;}

 .contact-text ul li {list-style:none; display:inline-block; padding:0 5px 0 0;}

 .contact-text img:hover {opacity:0.5;}

 .contact-form {background:#f2f3f5; padding:20px; margin-bottom:30px; border-radius:0; padding:25px; }

 .contact-form h3 {text-align:left; margin-bottom:0; font-size:26px; color:#0e265f;}

 .contact-form p{ padding-bottom:15px; font-size:15px; color:#0e265f;}

 .contact-form label{ color:#0e265f;} 

 .contact-form input {font-size:16px; font-weight:400; border:none; color:#545454; padding:10px 15px; border-radius:5px; width:100%; margin-bottom:15px; box-shadow:0 1px 1px Rgba(0,0,0,0.08);}

 .contact-form textarea {font-size:16px; font-weight:400; border:none; color:#545454; padding:10px 15px; border-radius:5px; width:100%; margin-bottom:15px; box-shadow:0 1px 1px Rgba(0,0,0,0.08); height:100px;}

 .contact-form input[type="Submit"] { font-size:18px; font-weight:600; background:#c33030; color:#FFF; margin:0px; padding:12px 15px; text-transform:uppercase; width:170px; cursor:pointer;}

 .contact-form input[type="Submit"]:hover{ background:#151515; color:#fff;}

 .contact-info > img { float:left; margin-bottom:50px; margin-right:15px;}

.contact-information h3 {font-size:18px; text-align:left; font-weight:600; text-transform:capitalize; margin-bottom:0; color:#0e265f; padding-bottom:10px;}

.contact-information h2{color:#0e265f; font-size:30px; font-weight:500;}

.contact-info {clear: both;padding-bottom:20px;padding-top:15px;}

.social-contact{padding:0; list-style:none;}

.social-contact li{float:left; padding-right:15px; padding-left:0;}

.social-contact li a{color:#555; display:block; line-height:50px; text-align:center;}

.social-contact li a img{ width:34px; height:34px;}

.social-contact li a:hover{color:#db0916;}





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

header{ padding:0;}	

.logo { text-align:center; margin-bottom:10px; margin-top:50px; display:none;}

header .col-sm-2 { width:65%;}

header .col-sm-1 { width:35%;}

.carousel-item img{ max-width:100%; height:auto;}

.slider .carousel-caption {

    bottom:0;

    text-align:left;

    position:relative; left:0; right:0;

}

.slider .carousel-indicators {

    bottom: -60px;

}

.slider .carousel-caption h2{ color:#c33030; font-size:30px; line-height:36px;}

.slider .carousel-caption p{ color:#151515; font-size:15px; line-height:20px;}

.slider .carousel-caption .btn-link{ background:#c33030; color:#fff;}

.content24 p{ padding:0; font-size:15px; font-weight:400;}

.navbar-brand {display:block}

.navbar-nav{background:#FFF;}

.main-nav {z-index:99999;}

.navbar-brand img{ width:200px; height:auto;}

.main-nav { width:100%; background:#fff; }

.main-nav .navbar{ padding:0; border-bottom:solid 1px #f5f5f5;} 

.main-nav .navbar {float:none;}

.main-nav ul.navbar-nav li {padding:10px 15px; text-align:left; }

.main-nav ul.navbar-nav li a {color:#000}

.main-nav ul.navbar-nav li a:hover {color:#000}

.main-nav ul.navbar-nav li:hover {background:#e2e2e2;}

.main-nav ul.navbar-nav li a:after { display:none;}

.main-nav ul.navbar-nav li a.active:after { display:none; }

.main-nav ul.navbar-nav li a:hover:after { display:none; }

.main-nav ul.navbar-nav li.active a:after { display:none; }

.main-nav .navbar-brand {padding-left:0; font-weight:500;}

.main-nav .navbar-toggler { padding: 0px 4px; margin-right:0;}

.sign { margin:15px 5px; width:45%; float:left; text-align:center; }

.top-header .col-sm-2 { padding:0 15px;}

.selectpicker { margin-bottom:10px; margin-top:15px;}

.slider {padding:0; height: auto;}

.slider h1 {font-size:25px; line-height:40px; padding-top:0px; padding-bottom:5px;}

.slider p {font-size:14px; line-height:20px;}

.slider ul { margin:30px 0; }

.slider ul li {width:50%;  margin-right: 0; }

.slider ul li a { padding:5px 4px; margin:0px 5px 10px 5px; font-size:14px;}

.about-us {padding:20px 0;}

.about-us img {width:100%;}

.about-us h2 {font-size:20px; text-align:center;}

.about-us p {font-size:15px; line-height:22px; text-align:center;}



.content24{ padding-top:30px;}

.content24 .btn-link{ float:none; margin:25px auto 15px; clear:both; text-align:center; display:block; font-size:15px; padding:15px 0; width:260px;}

.how-we-help h2, .we-need-help h2,.drop-medicines h2{ font-size:30px;}

.we-need-help .container > p{ padding-bottom:15px;}

.drop-medicines{ padding:40px 0;}

.we-need-help{ padding-bottom:25px;}

.drop-medicines ul li{ width:50%;}

.top-hdr{ display:none;}

.inner-section{ padding:15px 0;}

.inner-banner { padding:30px 0; text-align:center;}

.inner-banner h2{ font-size:24px; line-height:30px; text-align:center;}

.inner-section p{ font-size:15px;}

.contact-info{ padding-bottom:0;}

}




/*__________________ Event Gallery _____________________*/ 

.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}

