/*-----------------login------------------------------*/
html, body {
  scroll-behavior: smooth;
}
.page-id-259 p, .page-id-1340 p, .donationform p, .donationform label {
    font-size: 18px;
}
.page-id-259 .cause-item p, .page-id-1340 .cause-item p {
    font-size: 14px;
}
.page-id-259 h2, .page-id-1340 h2 {
	color: #1788af;
}
.donationform h5 {
    font-size: 22px;
}
.donationform p a {
    font-size: 20px;
}
.card-signin {
 border-radius: 4px;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.28);
    margin: 40px auto;
    border: 1px solid #dedede;
	display: table;
}
.page-template-quickdonations h4.card-title{
    font-size: 21px;
    text-align: center;
}


.card-signin .card-title {
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 1.5rem;
  color: #149dcc;
}


.card-signin .card-body {
  padding: 2rem;display: table;
}

.form-signin {
  width: 100%;
 
}
.header_area .navbar .nav .nav-item {
margin-right:20px;
}


.form-signin  .form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-signin .form-label-group input {
  height: auto;
  border-radius: 3px;
}

.form-signin .form-label-group>input
 {
  padding: 10px 15px;
}
.form-signin .form-label-group>label{
padding:5px 0px 0;
}
.our_major_cause .card:hover { cursor:pointer;}
.common_form .form-group .form-control , .form-group .form-control, .payment-donor-details input, .payment-donor-details select{    font-size: 14px;
    line-height: 26px;
    color: #444;
    border: 1px solid #e2dcdc;
    font-family: "Roboto", sans-serif;
    border-radius: 0;
    padding-left: 20px;
    padding: 5px 8px;
    width: 100%;
	height: 42px;
}
.donor-details {
    background: #f5f5f5;
}
.donor-details label{ color:#444;}
.donor-details #donations_submit{ margin-top:15px;}
.donor-details  h3.heading-title { 
color: #149dcc;
    margin-bottom: 25px;
    padding: 0 0 10px;
    border-bottom: 1px solid #149dcc; }
#payment_details {      width: 100%;}
.payment-donor-details  .fileupload label {width: 100%; }
.payment-donor-details  .fileupload #default_file { float:none;}
 .payment_wrap input,  .payment_wrap select { margin:0 0 15px;    max-width: 440px;}
 .payment_wrap{ background:#f1f1f1; padding:15px;}
  .payment_wrap .btn-submit{ background: #66bfdd;
    color: #fff;}
.page-title {    margin: 25px 0;
    border-bottom: 2px solid #149dcc;
    padding: 0 0 10px;
    /* border: gainsboro; */
    color: #149dcc;}
.fileupload .endowmentresponse{color:#37bf15;margin: 0 0 13px; }
.common_form .form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

.common_form .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

.common_form .form-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}
.common_form .form-group label {
width:100%;
}

/*--------home page -----------------*/
img { max-width:100%;}
.ptb-80{ padding:90px 0;}
.img-section { width:100%; height:200px;  margin-bottom:25px;}
.img-section img {height:100%; width:100%; object-fit:cover; }
.upload-img  { width:100%; height:200px; cursor:pointer; text-align:right;}
.upload-img img {max-height:100%;max-width:100%;  }
#banner_slider ,#banner_slider .owl-item, #banner_slider .owl-stage,#banner_slider .owl-stage-outer{height:100%;}
#banner_slider .owl-dots {
    text-align: center;
    margin: -40px 0 0;
    z-index: 99;
position: relative;}
section h1 {color: #149dcc;}
.header_area .navbar-brand.logo_h img { max-height:60px;}
.header_area .nav-item.active .nav-link {border-bottom: 2px solid #149dcc;}
.header_area .main_menu .navbar .nav .nav-item .nav-link ,.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link{
    line-height: 30px;
}
.gallery-popup .close {position: absolute;
    right: -10px;
    top: -15px;
    background: #999 !important;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    opacity: 1;
    color: #fff;
    text-shadow: none;
}

form.common_form{ width: 1060px;     }
form#login_form ~ a {text-decoration:underline;}
form#login_form ~ a ~ a { float:right; }
.header_area .navbar{
    border-bottom:1px solid #ccc;
	border-top:none;
}
.home_banner_area { margin-top:70px;    height: 580px;
    background: none !important;}
	.home_banner_area .banner_inner{ min-height:100%;background-size: cover !important; height:100%;}
	.section-title-wrap h1 {
   
    line-height: 90px;
}
.gallery-popup .owl-item img {max-width:100%;  max-height: 85vh;   width: 100%;}
.clients_logo_area .owl-carousel.owl-drag .owl-item { height:140px; user-select:all; cursor:pointer;}
.clients_logo_area .clients_slider .item { height:100%;}
.clients_logo_area .clients_slider .item img { width:100%; height:100%; object-fit:cover; opacity:1; filter:none;border: 5px solid #4aa3d4; }

.footer-area{ padding:20px 0; text-align:center;}
.pad_top{ padding-top:90px;}
.nav  .nav-item .fa-user {
    font-size: 18px;
    border: 1px solid;
    border-radius: 100%;
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.footer-area .copyright { color:#999;}
.single_donation_box:hover {
    background:#f1f1f1; cursor:pointer;
}

.single_donation_box{ padding:30px 25px;}
.header_area .navbar .nav  .nav-item:last-child ul{ left:auto; right:0;}
.testimonial-slider  .owl-dot{ margin-top:50px}
.experience_donation .main_btn2:hover {border-color:#111;}
.make_donation .donate_now_wrapper {
background: #2c78b9;}
.clients_logo_area h1 {  margin:0 0 30px;} 
b, sup, sub, u, del {
    color: #2693c7;
}
.make_donation,.owl-dots .owl-dot{background: #d1eaf2;}
.pad_60 {padding-top:80px;}
.our_major_cause .card {
border:1px solid #eee; margin:0;
} 
.our_major_cause .owl-nav > div, .common-slider .owl-nav > div {position:absolute;   background:none;font-size:0;top:calc(50% - 100px); text-align:center;  width:50px; height:50px}
.our_major_cause .owl-nav > .owl-prev:after, .common-slider .owl-nav > .owl-prev:after {content: "\f053";     padding: 15px;
    position: absolute;
    width: 100%;
    left: 0;  line-height: 50px; font: normal normal normal 14px/1 FontAwesome;font-size:18px}
.common-slider .owl-nav > div {top:calc(50% - 25px);}
.our_major_cause .owl-nav > .owl-next:before, .common-slider .owl-nav > .owl-next:before {content: "\f054";    padding: 15px;
    position: absolute;
    width: 100%;
    left: 0;   line-height: 50px;font: normal normal normal 14px/1 FontAwesome; font-size:18px}
.our_major_cause .owl-nav .owl-prev, .common-slider .owl-nav .owl-prev{  left:-60px; }

.our_major_cause .owl-nav .owl-next, .common-slider .owl-nav .owl-next{right:-60px; content:">";}
.main_btn2 { margin-top:15px;	} 
.our_major_cause .card .card_inner_body .card-body-top {
    margin-bottom: 20px;
}
.header_area .submenu.nav-item.active .nav-link {border:none;}
.our_major_cause .card-title{     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	}
	span.login-sign-up {
    padding: 0 5px 0 5px;
}
	
.our_major_cause .card-text {
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	overflow:hidden; 
	height:140px;	
}
.our_major_cause .card .progress .progress-bar span {
    bottom: -37px;
    right: 0;
	}
.our_major_cause .card:hover {
    background: #eaeaea;
	}
.section_gap { padding:80px 0 80px;}
.section-title-wrap { margin-bottom:60px}
.our_major_cause .card .card_inner_body {
    padding: 10px 0;
}
/*----------------theme color ----------------*/
.common_form .form-group .form-control.required{
       border-left: 2px solid #c75454;
    
}
.card .main_btn2, .our_major_cause .card:hover .main_btn2{background:none !important; border:1px solid #073b4c !important; color:#073b4c !important;}
.our_major_cause .card:hover .main_btn2:hover {background:#149dcc !important;
border-color:#149dcc !important;
color:#fff !important;}
.header_area .navbar .nav .nav-item:hover .nav-link,.blog_right_sidebar .post_category_widget .cat-list li:hover a, .header_area .navbar .nav .nav-item.active .nav-link,.main_btn:hover ,.submit_btn:hover,.recent_event .single_event:hover .title a{
    color: #149dcc;
}
.footer-area .copyright a {
    color: #ffffffb8;
}

.main_btn, .home_banner_area .banner_inner .banner_content .white_bg_btn:hover,.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link ,.comments-area .btn-reply:hover,.our_major_cause .card .main_btn2:hover ,.submit_btn,.single-footer-widget .sub-btn,.blog_right_sidebar .search_widget .input-group .form-control,.blog_right_sidebar .widget_title,.blog_right_sidebar .newsletter_widget .bbtns,.blog-pagination .page-item.active .page-link{
background:#149dcc;
border-color:#149dcc;
color:#fff;
}
.blog_right_sidebar .post_category_widget .cat-list li:hover,.make_donation .donate_now_wrapper .donate_box .form-check .form-check-input[type="radio"]:checked + .form-check-label {
    border-color: #149dcc;
}

.owl-dots .owl-dot.active,.footer-area{
background:#073b4c;
}

.support_campaign .campaign_box .progress .progress-bar ,.experience_donation,.our_major_cause .card .progress .progress-bar{
    background-color: #149dcc;
}
.support_campaign .campaign_box .progress ,.our_major_cause .card .progress{

    background: rgba(20, 157, 204, 0.25);
 
}
form#login_form {
    width: 330px;
	padding:0 0 10px;
}
/******************** donation *****************/
.card-section .nav-tabs li { width:50%;}
.card-section .nav-tabs a { padding:15px; text-align:center;font-size:20px; color:#ababab;  border-bottom: 3px solid #ccc;  float: left;
    width: 100%;}
.card-section .nav-tabs .card-bg {
    width: 90%;
    padding: 25px 70px;
    height: 170px;
    display: table;
    /* float: left; */
    margin: 0 auto 10px;
}
 .card-section .nav-tabs  a i {   width: 80px;
    height: 80px;
    color: #ababab;
    border: 3px solid #ababab;
	 background: #fff;
    border-radius: 100%;
    display: block;
    margin: -50px auto 10px;
    line-height: 78px;
    font-size: 34px;
 }
  .card-section .nav-tabs  a.active i, .card-section .nav-tabs a:hover i {
	  color: #1788af;
    border: 3px solid #1788af;
	 background: #fff;}
	  .card-section .nav-tabs a:hover{color: #1788af;}
 .card-section .nav-tabs a.active{color: #1788af;border-bottom: 3px solid #1788af;}
 .card-section .tab-content { background:#f1f1f1; padding:35px;}
 .tab-content .banner_content h2 { padding:0 0 20px;}
.donation_details  ul { list-style:none; width:100%; padding:0; }
.donation_details  ul li { width:50%; padding:20px 50px; float:left; text-align:center;}
.donation_details  ul li a , .donation-type-button a { color: #1f1f1f;
    background: #f1f1f1;
    border: 1px solid #313131;padding:15px 20px;
    
    font-size:18px; display:table; margin:0 auto;		
    }
	.donation-type-button { padding:30px 0;}
	.donation_details  ul li a:hover ,.donation-type-button a:hover{ background:#149dcc;   border:1px solid  #149dcc; color:#fff; }
.light-blue{ background:#149dcc;}
.ptb-50{ padding:50px 0;}
.ptt-50{ padding:50px 0 0 0;}
.donation-main  ,.donation-main.banner_inner{ min-height:270px}
.banner_content .sub-title {font-size: 19px;
    color: #fff;
    padding: 8px 0 0;
    font-weight: 300;
    margin: 0;	}
	.donation-our-cause{ width:100%;}
.donation-our-cause .cause-item { width:33.33%; float:left; padding:0 15px 30px;}
.mt-70 {margin-top:70px;}
.card-section .card-title {    font-weight:600; text-transform:uppercase;
    font-size: 2rem; padding:20px 0;}
.card-section .sub-title {   max-width: 880px;
    margin: 0 auto; color: #0f7699; font-size:16px;}
.donation-main.banner_area .banner_inner  .banner_content h2{ margin-top:0px;}
.donation-main .banner_inner{ background:none;}
.normal-section h2, .normal-section .banner_content .sub-title {color:#073b4c !important;	}
.dark-bg{ background:#073b4c; color:#fff;}
.light-bg{ background:#0f7699; color:#fff;}
.donation-section h2 {color:#fff; font-size:35px;}
.donation-type h4 { color: #0f7598;
    margin: 0 auto 15px;
    font-size: 21px;
    font-weight: 600;
}
.mode-menu{ list-style:none; padding:0; position:relative;}
.mode-menu ul{ display:none; position:absolute; right:0;
    list-style: none;
    padding: 0;
    z-index: 9; width:100%; }
.mode-menu li:hover ul{     display: block; }
.mode-menu li:hover ul li { padding:0  ; width:100%;}
.mode-menu li:hover ul li a {margin-top:-1px;}
.mode-wrapper { padding:20px;}
.mode-wrapper ul { padding:10px 0 0 18px; margin:0 0 20px;}
.donation-type p {    color: #444;
    margin: 0 auto 20px;
    font-size: 15px; margin:0 0 10px;font-weight:300;	 }
.donation-type-button a { width: 100%;}
.normal-section .donation-type-button a{ color:#073b4c;  border:2px solid  #073b4c;}
.normal-section .donation-type-button a:hover {color:#fff; }
.banner_content .sub-title em { font-size:16px; font-weight:300;line-height: 32px;}
#gallerymodal .modal-dialog {
    width: 100%;
	 height: 100%;
   max-width:800px;
   max-height:350px;
}
.support_campaign .campaign_box p {margin-bottom:0;}
.our_major_cause .card .card-text ~ a.main_btn2 {float:left; width:calc(50% - 5px);padding: 0 10px;}
.our_major_cause .card .card-text ~ a.main_btn2 ~ .main_btn2{float:right;}

.endowmentresponse {
    margin: 20px 0;
}
.endowmentresponse img{ max-height:200px; max-width:200px; }

.offline-donation{ padding:30px 0;}
.payment-donor-details span.personal-details b { width: 110px;
  padding: 3px 10px;
    background: #f1f1f1;
    margin: 0 10px 0px 0;}
.payment-donor-details span.personal-details {
    display: flex;
	margin: 0 0 10px;
}
.donation-details.pay-details { padding: 0 0 40px;}
.success-wrap { position:relative; padding:40px 25px 20px; border:5px solid #007bff;background:#fdfdfd; max-width:900px; box-shadow:0 0 3px #ccc;margin:0 auto 40px;}
.success-wrap label { font-weight:600;}
.fileupload #default_file{float: right;background: #66bfdd;
    color: #fff;}
.btn.disabled, .btn:disabled {
  color:#ccc;
    background: #8c8c8c;
border: 1px solid #999;}
	.small-wrap {
    margin: 40px auto;
     }
	 .download-wrap {     position: absolute;
    right: 10px;
    top: 10px;}
	 .light-text{ color:#999;}
	 .mt-20 { margin-top:10px;}
	.success-wrap  .main-title {border-bottom:1px solid; color:#149dcc; padding:0 15px 10px; display:table; margin:0 auto 30px;}

	.success-wrap  .main-title p { font-size:18px; text-align:right;}
	.payment-donor-details h3 , .payment-status h3{     width: 100%;
    margin: 0 0 30px;
    color: #383838;
    margin-bottom: 25px;
    padding: 0 0 10px;
    border-bottom: 1px solid #383838;
    font-size: 20px;
}
.success-wrap p { margin:0;}
.success-wrap .bottom-title { margin: 20px auto 0;
    text-align: center;
    font-size: 16px;
    color: #149dcc;
    font-weight: 300;
   max-width: 490px;
    padding: 20px 0;
    }
.success-wrap h3 ,.success-wrap h2, .success-wrap h4{ margin:15px 0 30px; font-weight:300;}
.form-signin .errors { margin:0 0 10px; width: 100%;
   
    float: left;}
.form-signin .errors .error{padding: 3px 10px; margin-bottom:5px;
    background: #de5656;
    width: 100%;
    color: #fff;
    float: left;
}
.common-table {width:100%;}
.common-table  th, .common-table td {    font-weight: normal;
    font-size: 14px;}
	.common-table  th {font-weight: 600;}
@media (max-width: 767px) {
.header_area .navbar .logo_h img {
    width: 240px;
}
span.login-sign-up { float:right;}
}
a.sevaboxes {
    color: #222222;
}
.ResetText{
	margin:180px auto !important;
}
.ForgotForm{
	margin:96px auto !important;
}