/*---------------------------------------
[Master Stylesheet]

Project: Daan Care Charity
Version: 1.0
Last change: 10/02/23 [fixed bug]
Assigned to: Srgit
Primary use: Daan Care Charity & Donations Template  
---------------------------------------

[Table of contents]

1. Body / body
2. Navbar / .navbar
3. Header / .header
4. About Us / #about-us 
5. bg-img1 / .bg-img1
6. Popular Causes / #popular-causes
7. counter / #counter-bg
8. Our Dedicated Volunteers / #volunteers
9. Subscribe/ #subscribe-section
10. footer/ .main-footer
11. about us page/ .about-section
12. Our History/ .timelines
13. Our Awards/ .our-awards
14. Mission Goals/ .services-section
15. our team / .our-team
16. events / .event-page
17. section-portfolio / .section-portfolio
18. causes-page / #causes-page
19. blog / .blog-bg
20. Get In Touch / .contact
21. style-css-map / .style.css.map
---------------------------------------

# [Color codes]

Body-Font:  	#212529 {dark}
Background:		#ffffff (white)
Content:		#222 (light black)

a (standard):	#000 (black)
a (visited):	#009ba5 (dark green)
a (active):	 	#009ba5 (dark green)
---------------------------------------

[Font Properties]

Body font:       font-family: 'Lato', sans-serif;
Headings:         font-family: 'DM Serif Display', serif
Input, textarea: 'sans-serif';
---------------------------------------*/

/*
google fonts
---------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display:400,400i|Lato:400,700&display=swap');
/*
google fonts
---------------------------------------*/


/*font defaults
---------------------------------------*/
.font-dm-serif{font-family: 'DM Serif Display', serif;font-weight:400!important;}
.font-lato{font-family: 'Lato', sans-serif;}
/*font defaults
---------------------------------------*/

/*
Heading font style
---------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'DM Serif Display', serif;
color:#000;
font-weight:400!important;
}
/*End Heading font style
---------------------------------------*/

/*
1. Body
---------------------------------------*/
body {font-family: 'Lato', sans-serif; overflow-x: hidden; line-height:1.6; font-size:16px; color:#000000;}
p{font-family: 'Lato', sans-serif;}
a, a:hover{text-decoration:none}
/* end-1. Body
---------------------------------------*/
/* Preloader
---------------------------------------*/
#preloader{ position:fixed; top:0; left:0; right:0; bottom:0; background:#009ba5; z-index:999999 }

/*
2. navbar
---------------------------------------*/
#mainNav {min-height: 56px; width:100%;}
#mainNav .navbar-toggler {font-size: 80%; padding: .75rem; color: #009ba5; border: 1px solid #009ba5;}
#mainNav .navbar-toggler i{margin-left:8px;}
#mainNav .navbar-toggler:focus {outline: 0;}
#mainNav .navbar-brand {color: #161616; font-weight: 700; padding: .9rem 0;}
#mainNav .navbar-nav .nav-item:hover {color: fade(white, 80%); outline: 0; background-color: transparent;}
#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {outline: 0; background-color: transparent;}

.bg-top {background: #e97800;}
@media (min-width:992px) {
.pull-nav-r {float: right;}
#mainNav.navbar-shrink .nav-link.active {outline: 0; border-bottom:0;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown .dropdown-item {font-size:16px;}
.dropdown .dropdown-item:hover {background: #009ba5; color: #fff;}
.dropdown>.dropdown-toggle:active {pointer-events: none;}
.dropdown-menu {top: 98%;padding: 0;}
.dropdown-item {padding: 0.4rem 1.5rem;}
}


@media (min-width:992px) {
#mainNav {padding-top: 0; padding-bottom: 0; border-bottom: none; background-color: transparent;-webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;}
#mainNav .navbar-brand {padding:.9rem 0; color: rgba(255, 255, 255, .5);}
#mainNav .nav-link {-webkit-transition: none; transition: none; padding:2rem 1.2rem 2rem 1.2rem;}
#mainNav .nav-link:hover {color: #f96703!important;}
#mainNav .active {color: #f96703!important;}
#mainNav.navbar-shrink .container-fluid {background-color: rgba(255, 255, 255, 0.9);}
#mainNav.navbar-shrink .navbar-brand {color: #fff;}
.nav-link {padding:2.3rem 1.2rem 2.3rem 1.2rem; color:#010212;}
#mainNav.navbar-shrink .nav-link:hover {color: #009ba5;}
#mainNav.navbar-shrink .boder-b { height:0; overflow:hidden;     -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;}
#mainNav.navbar-shrink .nav-link:active {color: #467370;}
.menu-bg {background-color: rgba(255, 255, 255, 0.8);}
}

@media (min-width:768px) {
#mainNav {padding-top: 0; padding-bottom: 0; border-bottom: none; background-color: transparent; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;}
#mainNav .navbar-brand {color: rgba(255, 255, 255, .5);}
#mainNav .nav-link {-webkit-transition: none; transition: none; }
#mainNav .nav-link:hover {color: rgba(255, 255, 255, .75);}
#mainNav .nav-link:active {color: #fff;}
#mainNav.navbar-shrink .container-fluid {    background-color: rgb(241 241 241);}
#mainNav.navbar-shrink .navbar-brand {color: #fff;}
#mainNav.navbar-shrink .nav-link {border-bottom:0;}
#mainNav.navbar-shrink .nav-link:hover {color: #009ba5;}
#mainNav.navbar-shrink .boder-b {height:0; overflow:hidden;     -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;}
#mainNav.navbar-shrink .nav-link:active {color: #467370;}
}


#mainNav .navbar-brand { display:inline-block;}
#mainNav .navbar-toggler { width:100px;}

.menu-item, .menu-open-button {
line-height: 80px;
font-weight:700;
text-align: center;
margin: 0 auto;
color: #009c37;
font-size:50px;
}
/*
2. end-navbar
---------------------------------------*/

/*3. header 
---------------------------------------*/
.rev_slider_12_1_wrapper2 {
height:750px!important
}
.masthead {
background: url(../img/bg-pattern.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.btn-primary:active {
background-color: #467370!important;
}
dl, ol, ul {
margin: 0;
padding: 0;
}
.boder-b {
/*border-bottom: solid 1px rgba(255, 255, 255, 0.3);*/
}
.top-link {
margin: 0;
padding: 0;
line-height: 40px;
width: 100%;
}
.top-link ul {
margin: 0;
padding: 0;
}
.top-link li {
    margin: 0;
    display: inline-block;
    color: #fff;
    border-right: solid 1px rgba(255, 255, 255, 0.3);
    padding: 0 10px 4px 19px;
    font-size: 13px;
}
.top-link li:first-child {
padding-left: 0;
}
.top-link li i {
font-size: 15px;
margin: 0 10px 0 10px;
}
.top-link li a {
color: #fff;
display:inline-block; 
}
.fixed-top {
padding: 0;
}

/*
3-end. header
---------------------------------------*/

/*
4. Home-section About us
---------------------------------------*/
#about-us {
padding:100px 0 100px 0;
}
#about-us h1 {
font-size:30px;
padding: 0 0 20px 0;
line-height:40px;
position: relative;
margin: 0 0 20px 0;
}
#about-us h1:before {
content: "";
position: absolute;
bottom: 0;
width: 65px;
height: 2px;
background: #f96703;
}
#about-us h1 span {
color: #f96703;

}
.block {
display: block;
}
.image-column .pattern-layer {
position: absolute;
left: 0px;
top: -30px;
right: -30px;
bottom: 0px;
height: 500px;
background: url(../img/pattern-14.png);
z-index: -1;
background-size:68%;
background-repeat: no-repeat;
background-position: center top;
}
.about-text p {
line-height:30px;
}
.about-text h1 {
font-size:30px;
padding: 0 0 20px 0;
position: relative;
line-height:35px;
margin: 0 0 20px 0;
}
.about-text h1:before {
content: "";
position: absolute;
bottom: 0;
width: 65px;
height: 1px;
background: #009ba5;
}
/*
4.end-Home-section About us
---------------------------------------*/

/*
5.Our Foundation style
---------------------------------------*/

.bg-img2 {background: url(../img/background-2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;background-size:cover;     box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 60%);}
.bg-img2 h2 {color:#fff;font-size:3rem; padding:100px 0;margin:0;line-height:60px;}
.bg-img2 h2 span {color: #f96703;}


.bg-img1 {
background: url(../img/background-2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;   box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
padding:40px 0;
color:#fff;

}

.bg-img1 h2 {color: #fff;font-size: 3rem;padding:20px 0px;margin:0;line-height: 57px;}
.bg-img1 h2 span {
color: #f96703;
}

.the-world {background: rgba(249, 103, 2, 1);bottom:0;width:100%;color:#fff;left:0;right:0;padding: 15px 18px;}
.the-world h2 {font-weight: 700;font-size: 1.2875rem;margin: 0;padding: 0;color:#fff}
.phone-n {
position: absolute;
right: 0;
width: 63px;
height: 100%;
background: #f96703;
top: 0;
border-left: solid 3px #fff;
}
.two-img {padding-top: 44px;padding-bottom: 55px;}
.text-right2 {
position: absolute;
left:0;
width: 63px;
height: 100%;
background: #f96703;
top: 0;
border-right: solid 3px #fff;
}
.hover-css {
cursor:pointer
}
.hover-css:hover .text-right2 {
background:#000;
color:#fff;
}
.hover-css {
cursor:pointer
}
.hover-css:hover .phone-n {
background:#000;
color:#fff;
}
.text-right2 a {
color: #ffffff;
font-weight: 700;
font-size:18px;
}
.mr-15 {
margin-right: 15px;
}

.mr-5 {
margin-right: 5px;
}
.phone-n a {
color: #ffffff;
font-weight: 700;
font-size: 20px;
}
.rotate {
transform: translateX(-39%) translateY(270%) rotate(-90deg);
width:250px;
}
.rotate2 {
transform: translateX(-39%) translateY(270%) rotate(-90deg);
width: 280px;
}
.shadow2 {box-shadow: 2px 3px 10px rgba(0, 0, 0, 1)!important;}

.img-css2 {top: -175px;left:0;right:0;position: absolute;}

.img-css {
top:0;
left: 0;
right: 0;
position: absolute;
}
.mb-50 {
margin-bottom: 100px;
}
/*
5.end-Our Foundation style
---------------------------------------*/

/*
6. popular-causes style
---------------------------------------*/
#popular-causes {
padding:73px 0 90px 0;
}
#popular-causes .causes-img-container {
overflow: hidden;
background: #000000;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #009ba5, #000000);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #009ba5, #000000);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
}
#popular-causes .bg-white:hover .causes-img-container img {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
opacity: 1;
transition: all .5s;
}
#popular-causes .bg-white:hover .causes-img-container img, #popular-causes .bg-white:focus .causes-img-container img {
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.4; transition: all .5s;
}

.causes-img-container img {transition: all .5s; cursor:pointer;} 
.box-css {
padding: 30px;
}
.box-css h4 {
color: #f96703;
font-size:22px;
font-weight: 700;
margin: 0 0 5px 0;
}
.box-css h3 {
font-size:18px;
color: #010212;
margin: 0 0 15px 0;
line-height:20px
}
.box-css p {
color: #000;
margin: 0 0 10px 0;
padding: 0;
}
.progress-levels {
position: relative;
}
.default-section .progress-levels {
padding-top: 7px;
}
.progress-levels .progress-box {
position: relative;
padding-bottom: 30px;
padding-top: 20px;
overflow: hidden;
}
.progress-levels .progress-box:last-child {
margin-bottom: 0px;
}
.progress-levels .progress-box:last-child {
margin-bottom: 0px;
}
.progress-levels .progress-box .bar {
position: relative;
height: 5px;
background: #eeeeee;
border-radius: 5px;
}
.progress-levels .progress-box .bar .bar-innner {
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 5px;
}
.progress-levels .progress-box .bar .bar-fill {position: absolute;left: 0;top: 0px;width: 0px;border-radius: 5px;height: 5px;background: #e97800;}
.progress-levels .progress-box.html .bar .bar-fill {
background: #ef6267;
}
.progress-levels .progress-box.wp .bar .bar-fill {
background: #009ba5;
}
.progress-levels .progress-box.php .bar .bar-fill {
background: #14dbba;
}
.progress-levels .progress-box.animated .bar .bar-fill {
left: 0px;
}
.progress-levels .progress-box .percent {position: absolute;right: 30px;top: -16px;font-size: 12px;color: #fff;font-weight:700;opacity: 1;background-color: #e97800;border-radius: 100%;width: 35px;height: 35px;line-height: 35px;}
.progress-levels .progress-box .percent:after {
}
.progress-levels .progress-box.animated .percent {
opacity: 1;
}
.theme-bg {
background: #009ba5;
}
.prg-wrp {
display: inline-block;
width: 100%;
margin-top: -5px;
position: absolute;
left: 0;
right: 0;
}
.prg-wrp .progress .progress-bar > span {
line-height: 35px;
width: 35px;
position: absolute;
right: 0;
}
.brd-rd50 {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.prg-wrp .progress {
float: left;
width: 100%;
background-color: #dcdcdc;
height: 7px;
overflow: initial;
}
.prg-wrp .progress .progress-bar {
height: inherit;
position: relative;
-webkit-border-radius: inherit;
border-radius: inherit;
}
.w70 {
width: 70%;
}
.w60 {
width: 60%;
}
.w80 {
width: 80%;
}
/*
6. end-popular-causes style
---------------------------------------*/

/*
7. Counter style
---------------------------------------*/
#counter-bg {position: relative;width: 100%;height: auto;min-height: 10rem;padding: 30px 0;background: url(../img/4.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);}

.blue {background:#009ba5; border-radius:10px}
.orange {background:#f96703; border-radius:10px}
/*
8. volunteers style
---------------------------------------*/
#volunteers {
padding:73px 0 100px 0; 
/*background:#fff6f1;*/
}
#volunteers .item {
text-align: center;
}
.img-div {
margin: 0;
padding: 2px 0 0 0;
cursor: pointer;
display: block;
overflow: hidden;
}
.social-team {
text-align: center;
}
.social-team ul {
margin: 0 0 12px 0;
padding: 0;
}
.social-team li {
margin: 0 8px;
padding: 0;
display: inline-block;
}
.social-team li a {
width: 31px;
height: 31px;
line-height: 29px;
display: block;
border-radius: 100px;
text-align: center;
background: #fff;
color: #b1b3be;
border: solid 1px #b1b3be;
}
.social-team li a:hover {
background: #009ba5;
color: #fff;
border: solid 1px #009ba5;
}
.name-div {
width: 100%;
text-align: center;
display: block;
}
.name-div h5 {
font-size: 16px;
font-weight: 700;
margin: 15px 0 0 0;

}
.name-div h6 {
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
margin: 8px 0 0 0;
padding: 0;

}
.img-div {
margin: 0;
padding: 2px 0 0 0;
cursor: pointer;
display: block;
overflow: hidden;
}
.img-div .social-team {
margin: 0 0 -45px 0;
transition: 0.40s padding ease-out, 0.40s margin ease-out, 0.40s border ease-out;
}
.img-div:hover .social-team {
margin: 0 0 0 0;
transition: 0.40s padding ease-out, 0.40s margin ease-out, 0.40s border ease-out;
}
.img-div:hover .name-div {
display: none;
}
.text1 {
font-size: 3.125rem;
color: #ffffff;
display: block;
}
.text2 {
font-size: 3.75rem;
}
.dropdown-menu {
border-radius: 0!important;
}
.our-volunteers {
padding: 50px 0 50px 0;
background-color: #ffffff;
background-image: url("../img/xv.png");
}
#volunteers .item {
text-align: center;
}
.img-div {
margin: 0;
padding: 2px 0 0 0;
cursor: pointer;
display: block;
overflow: hidden;
}
.social-team {
text-align: center;
}
.social-team ul {
margin: 0 0 12px 0;
padding: 0;
}
.social-team li {
margin: 0 8px;
padding: 0;
display: inline-block;
}
.social-team li a {
width: 31px;
height: 31px;
line-height: 29px;
display: block;
border-radius: 100px;
text-align: center;
background: #fff;
color: #b1b3be;
border: solid 1px #b1b3be;
}
.social-team li a:hover {
background: #009ba5;
color: #fff;
border: solid 1px #009ba5;
}
.name-div {
width: 100%;
text-align: center;
display: block;
}
.name-div h5 {
font-size: 16px;
font-weight: 700;
margin: 15px 0 0 0;

}
.name-div h6 {
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
margin: 8px 0 0 0;
padding: 0;

}
.img-div {
margin: 0;
padding: 2px 0 0 0;
cursor: pointer;
display: block;
overflow: hidden;
}
.img-div .social-team {
margin: 0 0 -45px 0;
transition: 0.40s padding ease-out, 0.40s margin ease-out, 0.40s border ease-out;
}
.img-div:hover .social-team {
margin: 0 0 0 0;
transition: 0.40s padding ease-out, 0.40s margin ease-out, 0.40s border ease-out;
}
.img-div:hover .name-div {
display: none;
}
.text1 {
font-size: 3.125rem;
color: #ffffff;
display: block;
}
.text2 {
font-size: 3.75rem;
}
.text3 {
font-size:.999rem;
line-height: 30px;
margin-top:10px
}
.dropdown-menu {
border-radius: 0!important;
}
/*
end 8.volunteers style
---------------------------------------*/

/*
9. Subscribe
---------------------------------------*/
.subscribe-section {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
padding:94px 0 65px;
margin:-9px 0 0 0
}
.subscribe-section:before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color:#f96703;
}
.subscribe-section .title-column, .subscribe-section .call-btn {
margin-bottom: 30px;
}
.subscribe-section h2 {
position: relative;
font-size: 2.25rem;
line-height: 1.2em;
color: #ffffff;
font-weight: 500;
margin-bottom: 7px;
}
.subscribe-section .text {
color: #ffffff;
font-size: 16px;
font-weight: 300;
}
.subscribe-section .subscribe-form {
margin-top: 12px;
}
.subscribe-section .subscribe-form .form-group {
position: relative;
display: block;
margin-bottom: 20px;
}
.subscribe-section .subscribe-form .form-group input[type="text"], .subscribe-section .subscribe-form .form-group input[type="tel"], .subscribe-section .subscribe-form .form-group input[type="email"], .subscribe-section .subscribe-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 40px;
padding: 10px 65px 10px 30px;
height: 54px;
font-size: 16px;
border-radius: 27px;
border: 2px solid #fff;
background: transparent;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease; color:#fff
}
.subscribe-section input::-webkit-input-placeholder {
/* placeholder Chrome/Opera/Safari */
color: #fff;
font-style: italic;
font-size: 16px;
}
.subscribe-section input::-moz-placeholder {
/* placeholder Firefox 19+ */
color: #fff;
font-style: italic;
font-size: 16px;
}
.subscribe-section input:-ms-input-placeholder {
/*placeholder IE 10+ */
color: #fff;
font-style: italic;
font-size: 16px;
}
.subscribe-section input:-moz-placeholder {
/* placeholder Firefox 18- */
color: #fff;
font-style: italic;
font-size: 16px;
}
.subscribe-section .subscribe-form .form-group input[type="text"]:focus, .subscribe-section .subscribe-form .form-group input[type="tel"]:focus, .subscribe-section .subscribe-form .form-group input[type="email"]:focus, .subscribe-section .subscribe-form .form-group textarea:focus {
outline: 0;
}
.subscribe-section .subscribe-form .form-group input[type="submit"], .subscribe-section .subscribe-form button {
position: absolute;
right: 10px;
top: 12px;
font-size: 18px;
line-height: 30px;
padding: 0px 15px;
color: #ffffff;
text-transform: uppercase;
background: transparent;
cursor: pointer;
border-left: 1px solid #fff;
}
button {
border: 0;
}
/*
End 9. Subscribe
---------------------------------------*/


/*
10. footer
---------------------------------------*/
.main-footer {position: relative;background-color: #005666;background-repeat: no-repeat;background-position: center center;color: #ffffff;}
.main-footer .widgets-section {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
padding:40px 0px 40px;
}
.main-footer .footer-column {
position: relative;
}
.main-footer .footer-widget {
position: relative;
margin-bottom:0;
}
.main-footer .logo-light {
position: relative;
margin-bottom: 35px;
}
.main-footer .logo-light img {
display: block;
max-width: 100%;
}
.main-footer .footer-column .widget-title {position: relative;font-size:25px;text-transform: capitalize;margin-top: 10px;margin-bottom: 20px;padding-bottom: 14px;color: #fff;}
.main-footer .footer-column .widget-title:before {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 15px;
background-color: #fff;
content: "";
}
.main-footer .footer-column .widget-title:after {
position: absolute;
left: 0;
bottom: -6px;
height: 2px;
width: 30px;
background-color: #fff;
content: "";
}
.main-footer .about-widget .text {
color:#fff;
font-size:16px;
margin-bottom: 35px;
}
.main-footer .social-icon-three {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.main-footer .social-icon-three li {
position: relative;
display: inline-block;
}
.main-footer .social-icon-three li a {
position: relative;
display: inline-block;
height: 34px;
width: 34px;
background-color: #222;
color: #ffffff;
text-align: center;
padding: 5px 0;
line-height: 24px;
font-size: 16px;
margin-right: 3px;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .social-icon-three li a:hover {
background-color: #009ba5;
}
.main-footer .services-widget {
position: relative;
padding-left: 25px;
}
.main-footer .services-widget .list li {
position: relative;
display: block;
margin-bottom: 5px;
}
.main-footer .services-widget .list li a {position: relative;display: inline-block;font-size: 16px;line-height: 29px;padding-left:25px;color:#fff;text-transform: capitalize;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.main-footer .services-widget .list li a::before{content:'\f35f'; font-size:20px; position:absolute; font-family:"Material Design Icons"; left:0}
.main-footer .services-widget .list li a:hover {
color: #009ba5;
}
.main-footer .services-widget .list li:last-child {
margin-bottom: 0;
}
.main-footer .posts-widget {
position: relative;
margin-left: 40px;
padding-right: 30px;
}
.main-footer .posts-widget .post {
position: relative;
min-height: 75px;
padding-left: 110px;
margin-bottom: 30px;
}
.main-footer .posts-widget .post:last-child {
margin-bottom: 0px;
}
.main-footer .posts-widget .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
height: 75px;
width: 85px;
}
.main-footer .posts-widget .post .post-thumb .overlay-link {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(249, 103, 2, 0.85);
color: #ffffff;
opacity: 0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-footer .posts-widget .post:hover .post-thumb .overlay-link {
opacity: 1;
}
.main-footer .posts-widget .post .post-thumb .overlay-link span {
position: absolute;
left: 50%;
top: 50%;
text-align: center;
width: 30px;
margin-left: -15px;
margin-top: -15px;
line-height: 30px;
font-size: 16px;
}
.main-footer .posts-widget .post .post-thumb img {
display: block;
width: 100%;
}
.main-footer .posts-widget .post .desc-text {
position: relative;
color: #fff;
}
.main-footer .posts-widget .post .desc-text a {
position: relative;
display: inline-block;
color: #fff;
line-height:20px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-size:16px
}
.main-footer .posts-widget .post .desc-text a:hover {
color: #ffffff;
}
.main-footer .posts-widget .post .time {
position: relative;
display: inline-block;
color: #009ba5;
font-size: 16px;
font-weight: 600;
line-height: normal;
margin-top: 8px;
}
.main-footer .contact-info-list li {
position: relative;
display: block;
font-size:15px;
padding-left: 30px;
color: #fff;
margin-bottom: 15px;
}
.main-footer .contact-info-list li i {
color:#009ba5;
}
.main-footer .contact-info-list li a {
color:inherit;
display: inline-block;
}
.main-footer .contact-info-list li i {
position:absolute;
left:0;
top:5px;
}
.main-footer .footer-bottom {position: relative;padding: 10px 0px;text-align: center;}
.main-footer .footer-bottom p {
line-height: 30px;
color: #fff;
font-weight: 400;
margin: 0;
padding: 0;
font-size:16px
}
.main-footer .footer-bottom p a {
color: #009ba5;
text-transform: capitalize;
}
.main-footer .footer-bottom p a:hover {
text-decoration: underline;
}
.main-footer .footer-bottom ul {
margin: 0;
}
.main-footer .footer-bottom ul li {
display: inline-block;
margin: 0 20px;
line-height:20px;
}
.main-footer .footer-bottom ul li a {
color:#fff;
font-size:16px
}
.main-footer .footer-bottom ul li a:hover {
color: #049 e33;
}
/*
10. end-footer
---------------------------------------

/*
11. about us page
---------------------------------------*/
.about-section {
margin:100px 0 50px 0;
padding:0;
}
.base-bg-6 {
background: #000;
}
.full__size-absolute {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
z-index: 0;
}
.breadcrumbs__section-squared .breadcrumb-bg {
opacity: .4;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-20 {
margin-bottom: 20px;
}

.breadcrumb i {
margin-left: 10px;
}
.breadcrumb a:hover {
color: #f96703;
}
.font__size-64 {
font-size:3rem;
}
.breadcrumbs__section h2 {
position: relative;
z-index: 5;
}
.breadcrumbs__section-squared h2 {
color: #fff;
}
.pb-60 {
padding-bottom: 60px!important;
}
.pt-60 {
padding-top:60px!important;
}
.breadcrumbs__section-squared .breadcrumb li:first-child {
padding-left: 0;
}
.breadcrumbs__section-squared .breadcrumb li {
display: block;
float: left;
color: #fff;
line-height: 30px;
vertical-align: middle;
padding: 0 8px;
}

.breadcrumb a {color:#fff}
a {color:#009ba5}

.breadcrumbs__section {
position: relative;
}
.bg__style {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.font__weight-ultralight {
font-weight: 300;
}
.font__weight-bold {
font-weight: 700;
}
.breadcrumbs__section .breadcrumb {
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}
.mt-110 {
margin-top: 80px!important;
}
.pb-30 {
padding-bottom: 100px!important;
}
.mt-70 {
margin-top: 70px!important;
}
.mb-70 {
margin-bottom:70px!important;
}
.event-name {
font-size: 53px;
border-left: solid 7px #009ba5;
padding: 0 97px 0 43px;
line-height: 82px;
z-index: 999;
position: relative;
font-weight: 500;
background: rgba(0, 0, 0, 0.5);
display: inline-block;
margin: 5% 0 0 9%;
}
.progress__title {
font-size: 16px;
margin:0;
text-align: center;
}
.section-title h2 {
font-size: 60px;
margin:0;
line-height: 55px;
position: relative;
padding: 0 0 50px 0;
text-transform:none
}
.section-title h2 span {
display: inline-block;
margin-bottom:10px
}
.font__weight-semibold {
}
.title__divider {
overflow: hidden;
}
.title__divider--circle .line-left, .title__divider--circle .line-right {
height: 2px;
width: 1000%;
position: absolute;
top: .5em;
}
.title__divider__wrapper {
display: inline-block;
position: relative;
padding-bottom: 0;
font-size:30px;

}
.title__divider__wrapper span {
margin: 9px 0 0 0;
}
.title__divider--circle .line-left, .title__divider--circle .line-right {
height: 2px;
width: 1000%;
position: absolute;
top: .5em;
}
.title__divider--circle .line-left:after, .title__divider--circle .line-right:after {
content: '';
display: block;
position: absolute;
margin-top: -2px;
border-radius: 50%;
height: 6px;
width: 6px;
top: 0;
box-shadow: 0 0 0 6px #f96703 inset, 0 0 10px 0 rgba(249, 103, 3, 1);
}
.base-bg-1 {background-color: rgb(249 103 3) !important;}
.base-bg-2 {
background-color: rgba(255, 255, 255, 0.84) !important;
}
.base-bg-2:after {
box-shadow: 0 0 0 6px #fff inset, 0 0 10px 0 rgba(255, 255, 255, 1)!important;
}
.title__divider--circle .line-left {
right: 123%;
}
.title__divider--circle .line-left:after {
right: 0;
}
.title__divider--circle .line-right {
left: 120%;
}
.title__divider--circle .line-right:after, .title__divider--shadow.text-left .shadow {
left: 0;
}
.title__divider--gradient .line-left, .title__divider--gradient .line-right {
display: block;
position: absolute;
height: 3px;
width: 315px;
top: .5em;
}
.title__divider--gradient .line-left {
right: 122%;
}
.title__divider--gradient .line-right {
left: 122%;
}
.title__divider--angle {
overflow: hidden;
}
.title__divider--angle .title__divider__wrapper {
padding-bottom: 47px;
}
.title__divider--angle .line-left, .title__divider--angle .line-right {
display: block;
position: absolute;
height: 2px;
bottom: 17px;
width: 570px;
}
.read-more-bt {
display: block;
padding: 10px 15px;
border-radius: 50px;
background: #009ba5;
color: #fff;
width: 150px;
margin: 30px auto 0 auto;
}
.read-more-bt:hover {
display: block;
background: #000;
color: #fff;
}
.base-font-color {
color: #009ba5;
}
.border-radius-50 {
border-radius: 50px;
}
/*
11. end-about us page
---------------------------------------*/

/*
12.timelines style
---------------------------------------*/
.timelines {
background-color: #ffffff;
background-image: url("../img/patter.jpg");
padding:73px 0 130px 0;
}
/*
12. end-timelines style
---------------------------------------*/

/*
13 .our-awards
---------------------------------------*/
.our-awards {
padding:73px 0 70px 0;
}
.counter__wrapper-filled h4 {
margin: 20px 0 0 0;
}
.our-awards .container {
z-index: 999;
position: relative;
}
.section-title h3 {
font-size: 60px;
font-weight: 300;
margin: 0 0 30px 0;
line-height: 55px;
}
.section-title h3 span {
font-weight: 700;
display: inline-block;
}
/*
13-end-our-awards
---------------------------------------*/

/*
14. Mission & Goals style
---------------------------------------*/
.services-section {
padding:55px 0 5px 0;
}
.service-block-two {
position: relative;
margin-bottom: 65px;
}
.service-block-two .inner-box {
position: relative;
padding-left: 130px;
}
.service-block-two .inner-box .icon-box {
position: absolute;
left: 0px;
top: -10px;
font-size: 84px;
line-height: 1em;
}
.service-block-two .inner-box h3 {
position: relative;
font-size: 24px;
line-height: 1.3em;
margin:0;
color:#009ba5
}
.service-block-two .inner-box .text {
position: relative;
font-size: 16px;
margin-top: 5px;
}
/*
14. end-Mission & Goals style
---------------------------------------*/

/*
15. our-team style
---------------------------------------*/
.our-team {
padding:73px 0 70px 0;
background-color: #ffffff;
background-image: url("../img/xv.png");
}
.team-name {
position: absolute;
z-index: 999;
left: 0;
right: 0;
top: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(transparent));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
opacity: 1;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
height: 100%;
}
.our-team .item{box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.team-name:hover {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(transparent));
background-image: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, transparent 100%);
}
.name-css {
color: #fff;
position: absolute;
bottom: 29px;
left: 30px;
z-index: 3;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
font-size: 22px;
font-weight: 700;

}
.team-social {
bottom: -50px;
left: 0;
right: 0;
padding: 5px 15px 0 20px;
min-height: 48px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: absolute;
}
.team-social a {
color: #fff;
margin: 0 0 0 8px;
}
.team-social a:hover {
color: #009ba5;
}
.team-name:hover .team-social {
bottom: 5px;
}
.team-name:hover .name-css {
bottom: 50px;
}
/*
15. endour-team style
---------------------------------------*/

/*
16.event-page-container
---------------------------------------*/
.event-page-container {
position: relative;
padding:100px 0px 100px;
}
.title-css h5 {
margin:10px 0 0 0;
padding:0;
}
.book-now {
text-align: right;
}
.left-css {
float: left;
}
.right-css {
float: right;
}
.d-flex2 {
display: inherit;
}
.view-grid {
text-align: right;
}
.view-grid button {
margin:0 0 20px 0;
}
.btn-md-3 {

}
.event-block-three {
position: relative;
margin-bottom: 30px;
}
.event-block-three .inner-box {
position: relative;
}
.event-block-three .inner-box img {
transition: all .5s ease-in-out;
}
.event-block-three .inner-box:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease-in-out;
}
.event-block-three .inner-box .image-column {
position: relative;
overflow:hidden;
transition: all .2s ease-in-out;
}
.event-block-three .inner-box hr {
margin: 0 0 5px 0;
padding: 0;
border-bottom: dashed 1px #ccc;
border-top: 0;
}
.event-block-three .inner-box .image-column .inner-column {
position: relative;
}

.event-block-three .inner-box .image-column .image {
position: relative;
overflow:hidden
}
.event-block-three .inner-box .image-column .image img {
position: relative;
width: 100%;
display: block;
border-radius: 8px;
}
.event-block-three .inner-box .content-column {
position: relative;
}
.event-block-three .inner-box .content-column .inner-column {
position: relative;
}
.event-block-three .inner-box .content-column .inner-column p {
margin:10px 0 10px 0;
font-size:15px;
}
.event-block-three .inner-box .content-column .upper-box {
position: relative;
}
.event-block-three .inner-box .content-column .upper-inner {
position: relative;
padding-top:0;
padding-left:80px;
padding-bottom:20px;
}
@media (min-width:768px) {
.date-2 {
display:none!important
}
}
.date-outer {
position: absolute;
left: 0px;
top: 0px;
border: solid 1px #f96703;
background: #f96703;
padding:15px 5px 8px 5px;
z-index: 999;
}
.date-outer2 {
position: absolute;
left: 0px;
top: 0px;
border: solid 1px rgba(249, 103, 3, 0.8 );
background: rgba(249, 103, 3, 0.8 );
padding:15px 5px 8px 5px;
z-index: 999;
}
.date {
position: relative;
font-family: 'DM Serif Display', serif;
color: #fff;
width: 57px;
font-size: 35px;
text-align: center;
padding: 10px 10px 10px 10px;
line-height: 0;
}
.btn-inside-out {
text-transform: uppercase;
}
.month {
position: relative;
color: #fff;
font-size: 13px;
border-radius: 10px;
letter-spacing:2px;
text-align: center;
margin-top: 10px;
text-transform: uppercase;
}
.event-block-three .inner-box .content-column .upper-box .upper-inner .category {
position: relative;
color: #333333;
font-size: 16px;
font-weight:700
}
.event-block-three .inner-box .content-column .upper-box .upper-inner .category span {
display: inline-block;
color: #009ba5;
font-weight: 700;
}
.event-block-three .inner-box .content-column h3 {
position: relative;
color: #000;
font-size:20px;
margin-top:10px;
margin-bottom: 0;
}
.event-block-three .inner-box .content-column h3 a {
position: relative;
color: #333333;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.event-block-three .inner-box .content-column h3 a:hover {
color: #009ba5;
}
.event-block-three .inner-box .content-column .post-meta {
position: relative;
padding-top:5px;
margin-bottom:0;
}
.event-block-three .inner-box .content-column .post-meta li {
position: relative;
color: #777777;
font-size: 12px;
font-weight: 500;
margin-right: 15px;
margin-bottom:0;
display: inline-block;
font-weight:700
}
.event-block-three .inner-box .content-column .post-meta li:last-child {
margin-right: 0px;
}
.event-block-three .inner-box .content-column .post-meta li {
position: relative;
color: #2c2c2c;
font-size:14px;
}
.event-block-three .inner-box .content-column .post-meta li .icon {
position:relative;
margin-right:8px;
color:#f96702;
}
.event-block-three .inner-box .content-column .btns-box {
position: relative;
}
.event-block-three .inner-box .content-column .btns-box .theme-btn {
padding: 8px 26px;
font-size: 16px;
font-weight: 400;
margin: 0px 6px;
text-transform: capitalize;
}
.event-block-three .inner-box .content-column .btns-box .theme-btn:first-child {
padding: 10px 26px;
}
.box-shadow-base {
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}
.list-style-three {
position: relative;
}
.list-style-three li {
position: relative;
margin-bottom: 15px;
font-size: 16px;
padding-left: 25px;
line-height: 2em;
list-style: none;
}
.list-style-three li:before {
position: absolute;
content: "\f061";
left: 0px;
top: 0px;
color: #009ba5;
font-weight: 700;
font-size: 16px;
font-family: 'Font Awesome 5 Free';
}
input:focus {
border: 0;
}
.charity-name {
margin: 10px 0 0 0;
}
.category2 .category {
margin: 15px 0 0 0;
font-weight:700
}
.category2 h4 {
margin:5px 0  10px 0;
padding: 0;
font-size: 20px;
}
.category2 h4 a {
color: #2c2c2c;
}
.theme_color {color: #f96702;}
/*end book-now*/
.book-now-bg {
height: 100vh;
}
.featured-tab .nav-tabs > li > a {
color: #fff;
background: #1c1c24;
text-shadow: none;
border-radius: 50px;
position:relative;
font-size: 16px;
margin: 0 10px 0 0;
padding: 5px 11px 5px 14px;
border: 0;
display:inline-block;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.featured-tab .nav-tabs > li > a.active::after{display: inline-block;
position:absolute;
content: "";
border-top: .8em solid #009ba5;
border-right: .8em solid transparent;
border-bottom: 0;
bottom:-10px;
left:41%;
border-left: .8em solid transparent; }
.featured-tab .nav-tabs > li > a:hover{text-decoration:none}
.featured-tab .tab-content {
border-top: 0;
padding: 0;
overflow: hidden;
}
.featured-tab .nav.nav-tabs .nav-tabs {
text-align: center;
}
.featured-tab .nav.nav-tabs li {
display: inline-block;
}
.featured-tab .nav.nav-tabs {
text-align: center;
margin-bottom: 30px;
border-bottom: 0;
display: inline-block;
}
.featured-tab .nav-tabs .active {
color: #fff;
background: #009ba5;
}
.featured-tab .nav-tabs > li > a:hover {
background: #009ba5;
}
.featured-tab blockquote {
padding: 10px 20px;
margin: 10px 0 5px;
font-size: 15px;
background:#efefef;
border-left: 5px double #009ba5;
font-style: italic;
}
.video-icon {
text-align: center;
color: #fff;
display: block;
font-size: 32px;
z-index: 1;
position: absolute;
display: inline-block;
border-radius: 100%;
top: 37%;
left: 0;
right: 0;
margin: 0 auto;
}
.icon__btn-sm {
font-size: 20px;
width: 70px;
height: 70px;
}
.icon__btn {
display: inline-block;
margin: 10px;
border-radius: 50%;
position: relative;
z-index: 3;
}
.icon__btn, .icon__btn .spike {
background: #FFF;
}
.icon__btn i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.icon__btn-circled>.before {
top: -33px;
left: -33px;
right: -33px;
bottom: -33px;
-webkit-transform: scale(1);
transform: scale(1);
}
.icon__btn>.before {
-webkit-transform: scale(1.35);
transform: scale(1.35);
opacity: .4;
}
.icon__btn>.after, .icon__btn>.before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
border-radius: 50%;
z-index: -1;
}
.icon__btn>.after, .icon__btn>.before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
border-radius: 50%;
z-index: -1;
}
.featured-tab .nav-tabs>li.active>a {
position: relative;
}
.featured-tab .tab-pane img.pull-left {
margin: 0 20px 10px 0;
}
.featured-tab .tab-pane img.pull-right {
margin: 0 0 0 20px;
}
.tab-content-title {
font-size: 24px;
margin: 0 0 15px;
line-height: 22px;
}
ul.list-arrow li::before {
margin-right: 10px;
color: #009ba5;
font-size: 16px;
}
/*Intro single image style*/
#ts-intro {
padding:75px 0 100px 0;
position: relative;
}
/*Schedule style*/
.ts-schedule {
padding:75px 0 100px 0;
background-image: url(../img/xv.png);
}
.schedule-tab, .schedule-content .container {
max-width: 960px;
margin: 0 auto;
}
.schedule-tab .nav-tabs {
text-align: center;
margin-bottom: 40px;
}
.schedule-tab .nav-tabs > li {
float: none;
display: inline-block;
zoom: 1;
}
.schedule-tab .nav-tabs > li > a {
color: #fff;
background: #1c1c24;
border-radius: 50px;
padding: 13px 40px;
font-family: 'DM Serif Display', serif;
margin: 0 5px;
font-weight:400;
position: relative;
}
/*schedule-date style*/
.schedule-date {
font-size: 28px;
margin-bottom: 30px;
margin-top: 30px;
color: #009ba5;
text-align: center;
}
.schedule-slot-time span {
display:block;
font-size:18px;
line-height:15px;
font-weight:normal
}
.schedule-listing {
padding:15px 15px;
border: 1px solid #ddd;
margin-bottom:10px;
position: relative;
border-radius:;
background: #fff;
}
.schedule-listing:hover {
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.schedule-listing.bg {
background: #fafafa;
}
.schedule-slot-time {
background:#f96703;
color:#fff;
font-size:25px;
display:block;
text-align:center;
font-weight:700;
border:solid 7px #de5b02;
min-height:100px;
padding:10px 10px;
}
.schedule-slot-time .fa-clock {
display:block
}
.schedule-slot-speakers {
border-radius: 5px;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.schedule-slot-info-content {
padding:0 0 0 10px
}
.schedule-slot-speaker-name {
color: #009ba5;
margin:10px 0 0 0;
font-size: 16px;
}
.schedule-slot-title {
margin: 1px 0 9px 0;
font-size: 20px;
}
/*our-volunteers style*/
#our-volunteers {
padding:75px 0 100px 0;
background-attachment: scroll;
background-size: cover;
background: url(../img/5.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;     box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 60%);
}
/*end-our-volunteers style*/


/*book-now style-*/
#venu-information {
padding: 50px 0;
position: relative;
}
.venu-info-content {
text-align: center;
}
.venu-info-icon {
display: block;
font-size: 48px;
margin: 0 auto 20px auto;
color: #fff;
background: transparent;
width: 100px;
height: 100px;
line-height: 100px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
border: solid 5px #009ba5;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.venu-info-content:hover .venu-info-icon {
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border: solid 5px transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background: #009ba5;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}
.venu-info-title {
color: #fff;
}
.venu-info-text {
color: #fff;
}
.venu-info-link {
color: #fff;
font-weight: 700;
background: #009ba5;
padding: 8px 15px;
display: inline-block;
border-radius: 5px;
}
.venu-info-link:hover {
color: #000;
font-weight: 700;
background: #fff;
}
.loader, .loader:before, .loader:after {
background: #ffffff;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 0.5em;
height: 1em;
}
.loader {
color: #ffffff;
text-indent: -9999em;
margin: 23% auto 0 auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader:before, .loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
.venu-info-link {
font-size: 16px;
text-transform:uppercase; font-weight:600
}
@-webkit-keyframes load1 {
0%, 80%, 100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%, 80%, 100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
/*end book-now*/

/*
16. end-event-page-container
---------------------------------------*/

/*
17. portfolio style
---------------------------------------*/
#section-portfolio {
padding:100px 0 65px 0;
}
/*
17.end portfolio style
---------------------------------------*/

/*
18.causes-page style
---------------------------------------*/
#causes-page {
padding:80px 0 50px 0;
}
.donate-btn .btn-md-3 {
position: absolute;
margin: 0 auto 0 auto;
left: 0;
right: 0;
width: 150px;
bottom: -15px;
}
.donate-btn .btn-inside-out > .before {
padding-top:10px;
}
.singel-causes {
position: relative;
margin-bottom: 40px;
background-color: #fff;
}
.singel-causes .causes-thum {
position: relative;
}
.singel-causes .causes-thum a {
display: block;
}
.singel-causes .causes-thum img {
width: 100%;
border-bottom: 4px solid #f96703;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.singel-causes .causes-thum .percentise {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.singel-causes .causes-thum .percentise span {
font-size: 16px;
color: #fff;
width: 60px;
height: 60px;
line-height: 55px;
text-align: center;
background-color: #000;
border-radius: 3px;
font-weight: 700;
display: block;
position: absolute;
z-index: 9999;
right: 0;
}
.singel-causes .causes-cont {
padding: 20px 30px 30px;
border: 1px solid #ddd;
border-top: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-align: center;
}
.singel-causes .causes-cont .causes-title a {
font-size:25px;
color: #009ba5;
margin-bottom: 15px;
text-decoration:none
}
.singel-causes .causes-cont p {
padding-bottom:0;
}
.singel-causes .causes-cont span {
display: block;
font-weight:500;
font-size: 16px;
color: #999;
margin-bottom:7px
}
.singel-causes .causes-cont span b {
color: #333;
}
.gray-bg {
background: #f3fafe;
}
.causes-thum .top-box {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.03);
background: #fff;
padding: 39.5px 0;
margin-bottom: 30px;
position: relative;
}
.causes-thum .top-box:before {
content: '';
width: 100%;
height: 100%;
background: #ffaa01;
position: absolute;
top: 0;
left: 0;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
}
.causes-thum .top-box .inner-content {
position: relative;
}
.causes-thum .top-box i.box-icon {
display: block;
font-size: 46px;
color: #002c42;
transition: all .4s ease;
}
.causes-thum .top-box h3 {
margin: 0;
font-size: 24px;
margin-top: 10px;
}
.hover-social {
text-align:center;
position: relative;
display: inline-block;
width:100%
}
.hover-social a {
border-radius:50%;
background:#ffffff;
height:35px; line-height:31px;
width:35px;
text-align:center;
display:inline-block!important;
transition: all .4s ease;
margin:0 5px;
padding-top:0;
border:2px solid #ffffff;
}
.hover-social a:hover {
background:none;
color:#ffffff;
}
.hover-social h5 {
color:#ffffff;
font-weight:400;
margin-bottom:10px
}
.causes-thum .top-box h3 a {
transition: all .4s ease;
color: #002c42;
}
.causes-thum .image-block {
position: relative;
overflow: hidden;
}
.causes-thum .image-block:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(0, 155, 165, 0.7);
-webkit-transform: scaleX(0);
transform: scaleX(0);
z-index: 0;
transition: .5s ease;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.causes-thum .image-block > img {
width: 100%;
}
.causes-thum .image-block .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 500ms ease;
transition-delay: .1s;
-webkit-transform: scale(0);
transform: scale(0);
z-index: 2;
}
.causes-thum .image-block .overlay .box {
display: table;
height: 100%;
width: 100%;
}
.causes-thum .image-block .overlay .box .content {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.causes-thum .image-block .overlay .box .content .dotted {
position: relative;
display: inline-block;
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
}
.causes-thum .image-block .overlay .box .content .dotted:before {
position: absolute;
top: 0px;
left: -15px;
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
content: "";
}
.causes-thum .image-block .overlay .box .content .dotted:after {
position: absolute;
top: 0px;
right: -15px;
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
content: "";
}
.causes-thum:hover .top-box:before {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.causes-thum:hover .top-box i.box-icon {
color: #fff;
}
.causes-thum:hover .top-box h3 a {
color: #fff;
}
.causes-thum:hover .top-box h3 a:hover {
color: #002c42;
}
.causes-thum:hover .image-block:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
transition: .2s ease;
}
.causes-thum:hover .image-block .overlay {
-webkit-transform: scale(1);
transform: scale(1);
transition: all 500ms ease;
transition-delay: .2s;
}
/*Our Services style*/
.mt-30 {
margin-bottom: 60px;
}
#services-part {
padding:75px 0 40px 0;
}
.singel-services {
border: 1px solid #ddd;
border-radius: 5px;
padding: 25px;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
background-color: #fff; cursor:pointer;
}
.singel-services:hover {
border-color: transparent;
-webkit-box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.83);
box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.83); background-color:#e9e9e9;
}
.singel-services .icon {
}
.singel-services .icon i {
font-size: 45px;
color: #53c203;
line-height: 40px;
}
.singel-services .cont {
padding-top: 20px;
}
.singel-services .cont .services-title {
font-size: 24px;
color:#000;
padding-bottom:0;
}
.singel-services .cont p {
padding-bottom:0;
}
.singel-services .cont a {
font-size: 15px;
color: #009ba5;
font-weight: 700;
}
.singel-services .cont a i {
margin-left: 4px;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.singel-services .cont a:hover i {
margin-left: 8px;
}
/*18. end causes-page style
---------------------------------------*/



/*19.Blog Page style
---------------------------------------*/
.blog-bg {background: #f4f4f4;}

.mrg-15 { margin:0 -15px}

#filters li span{font-family: 'DM Serif Display', serif;font-size:18px}
.blog-right {
margin-bottom:15px;
}
.content-section {
padding:100px 0 75px 0;
}
.blog-left {
}
.blog-in {
padding: 25px;
background: #fff;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.blog-in h1 {
font-size: 26px;
color: #000;
font-weight: 700;
margin-top: 0;
margin-bottom:5px
}
.blog-in-grid h1 {
font-size: 20px;
color: #000;
font-weight: 700;
margin-top: 0;
margin-bottom:5px
}


.comm-date {
margin: 0 0 15px 0;
padding: 0;
}
.comm-date ul {
margin: 0;
padding: 0;
}
.comm-date li {
margin: 0 5px;
padding: 0;
display: inline-block;
font-size: 15px;
color: #000000;
font-weight: 400;
}
.blog-in-grid .comm-date li{font-size:14px}

.comm-date li span {
color: #009ba5;
}
.comm-date li a {
color: #000000;
}
.blog-text {
margin: 10px 0 15px 0;
}

.post-content .blog-text ul{
margin: 0px 0 0px 24px;
}
.post-content .blog-text ol{
margin: 0px 0 0px 24px;
}
.blog-text p {
font-weight: 400;
color: #444;
line-height:30px;
}
.blog-in-grid .blog-text p{line-height:25px}
.share2 {
line-height: 40px;
text-transform: uppercase;
float: right;
}
.share2 h4 {
float: left;
text-transform:capitalize;
margin: 11px 10px 0 0;
font-size: 15px;
}
.share2 a {
margin: 0 0 0 10px;
padding: 0;
}
.share2 .fa {
font-size: 15px;
}
.share2 a:hover {
color: #000000;
}
.blog-right {
padding: 20px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
background: #fff;
}
.blog-right h1 {
font-size: 22px;
color: #32070c;
text-align: left;

font-weight: 900!important;
margin: 0 0 5px 0;
}
.blog-right h4 {
font-size:16px;
color: #000000;
line-height: 22px;
font-family: 'Lato', sans-serif;
margin-bottom: 0;
text-align: left;
font-weight: 900!important;
}
.blog-right .no-padding {
margin: 0 0 10px 0;
padding-right:0px
}
.blog-right .input-group {
margin-bottom: 5px;
font-weight: 400;
}
.blog-right .input-group button, .blog-right .input-group input {
border-radius: 0;
background: #eeeeee;
border: 0 none;
height: 40px;
text-transform: uppercase; color:#000
}
.blog-right .input-group input {font-size: 12px;}
.blog-right p {
font-size: 14px;
color: #009ba5;
margin-top:5px;
text-align: left;
font-weight:600;
}
.cat-list {
margin: -15px 0 0 0;
padding: 0;
}
.cat-list li {
font-size: 15px;
color: #000;
text-align: left;
font-weight: 400;
line-height:44px;
list-style: none;
position: relative;
}
.cat-list li a {
color: #000;
text-transform: capitalize;
border-bottom: dotted #dddddd 1px;
width: 100%;
padding-left: 0;
display: inline-block;
}
.cat-list li a i {
color: #009ba5;
font-size: 15px;
display: inline-block;
margin: 2px 10px 0 0;
}
.cat-list li a:hover {
color: #009ba5;
}
.right-logo {
border: double 3px #000;
padding: 20px;
}
.continue {
border: 0;
}
.continue i {
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.continue {
display: inline-block;
background: #009ba5;
color: #fff;
border-bottom: 3px solid #016222;
padding: 10px 15px;
margin-left: 0;
font-size: 13px -webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.continue:hover {
background: #000;
border-bottom: 3px solid #000;
color: #ffffff;
}
.continue:hover i {
padding-left: 5px;
}
.blog-right a:hover h4 {
color: #009ba5;
}
.faq-section .col-md-8, .blog-bg .col-md-8 {
width: 68.667%;
}
.faq-section .col-md-4, .blog-bg .col-md-4 {
width: 31.333%;
}
.blog-in {
margin-bottom: 30px;
}
.border-orange {
height: 2px;
width: 48px;
background: #009ba5;
margin: 10px 0 20px;
}
.tag-list li {
display: inline-block;
margin-right: 3px;
margin-bottom: 6px;
}
.tag-list li a {
display: inline-block;
background: #009ba5;
padding: 3px 10px;
border-radius: 3px;
color: #FFFFFF;
font-size: 14px;
text-transform:capitalize
}
.tag-list li a:hover {
background: #000;
}
.right-tags {
padding: 5px 10px;
display: inline-block;
margin-right: 5px;
font-size: 11px;
font-weight: 700;
margin-top: 10px;
background: #009ba5;
color: #fff;
}
.right-tags:hover {
background: #000;
color: #fff;
}
.pro-hr {
border-color: #dddddd;
margin: 30px 0;
}
.dp-container {
width: 15%;
float: left;
}
.dp-container img {
width: 89px;
border-radius: 50%;
}
.main-comment {
width: 85%;
float: left;
}
.main-comment h4 {
font-size: 20px;
}
.main-comment span {
font-style: italic;
font-size: 15px;
text-transform: none;
font-weight: 400;
color: #7e7e7e;
margin-left: 5px;
}
.main-comment p {
font-weight: 400;
}
.main-comment button {
background: #009ba5;
border-radius: 5px;
border: 0 none;
color: #FFFFFF;
text-transform: uppercase;
padding: 5px 20px;
font-weight:900;
font-size: 15px;
text-transform: uppercase;
}
.main-comment button:hover {
background: #000;
}
.reply-form {
margin-top: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 25px;
background: rgba(0, 0, 0, 0.05);
}
.reply-form h3 {
margin-top: 0;
font-weight:800;
font-size: 18px;
}
.reply-form .name-input {
width: 100%;
height: 40px;
text-indent:40px;
background:url(../img/icon/user.png) #FFFFFF no-repeat 15px center;
border: 1px solid #ccc;
}
.no-background {
background: 0 none;
}
.no-border {
border: 0 none;
}
.reply-form .email {
width: 100%;
height: 40px;
text-indent: 35px;
background: url(../img/icon/mail.png) #FFFFFF no-repeat 15px center;
border: 1px solid #ccc;
}
.reply-form textarea {
width: 100%;
height: 140px;
text-indent:32px;
background: url(../img/icon/message.png) #FFFFFF no-repeat 15px 15px;
border: 1px solid #ccc;
padding: 10px;
margin-bottom:10px;
}
.reply-form .continue {
padding: 7px 15px;
}
/*19.end Blog Page style
---------------------------------------*/

/*
20.contact
---------------------------------------*/
#contact {
padding:73px 0 100px 0;
}
#map-container-google-4 iframe {
border: 0;
}
.adress-w3pvt-info h6 {
font-size: 1.2em;
color: #3d3d3e;

margin:1em 0 0 0;
text-transform: capitalize;
}
.adress-w3pvt-info a {
color: #777;

}
.adress-icon span.fas {
color: #009ba5;
font-size: 2em;
vertical-align: middle;
}
.adress-icon span.far {
color: #009ba5;
font-size: 2em;
vertical-align: middle;
}
.contact-forms input, .contact-forms textarea, .contact-forms select {
font-size: 15px;
color: #000;
padding:0.5em 1em;
outline: none;
border: none;

border-radius: 0px;
outline: none !important;
border: solid 1px #e0e0e0;
}
.contact-forms textarea {
height:115px;
}
.contact-forms select {
padding: 0em 1em;
height: 52px !important;
color: #777;
}
button.sent-butnn {
font-size: 16px;
text-decoration: none;
text-transform: capitalize;
display: inline-block;
outline: none;
color: #fff;
background: #f4b200;
border-radius: 0px;
padding: 10px 20px;
}
.contact-left-form {
padding: 2em;
background: #fff;
box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}
.contact-right h4 {
font-size: 30px;
text-transform: capitalize;

line-height: 40px;
margin-top: 1em;
}
.contact-right h5 {
font-size: 25px;

}
.map iframe {
border: none;
outline: none;
height: 350px;
width: 100%;
}
.map-container-4 {
overflow: hidden;
padding-bottom: 10%;
position: relative;
height: 0;
}
.map-container-4 {
height: 400px;
}
.map-container-4 iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.cap-in h2{font-weight:900!important}



.pic { overflow:hidden; 
height:100%;
width: 100%;}
.sidepan img {
margin-left:0;
-webkit-transition:margin 1s ease;
-moz-transition:margin 1s ease;
-o-transition:margin 1s ease;
-ms-transition:margin 1s ease;
transition:margin 1s ease
}
.sidepan img:hover {
margin-left:-120px
}

/*20.end-contact
---------------------------------------*/
.bg-fixed {
background:fixed;
}
.timeline__date{font-weight:700}
.rev-btn {font-size:16px!important}
.btn-info2 {background:#009ba5; border-color:#009ba5; color:#fff}
.btn-info2:hover {background:#009ba5; border-color:#009ba5; color:#fff}
blockquote {
padding: 10px 20px;
margin: 10px 0 5px;
font-size: 15px;
background:#efefef;
border-left: 5px double #009ba5;
font-style: italic;
}

.post-content h2{ font-size: 26px;line-height: 28px;margin-bottom: 0px;text-transform: inherit;}
.post-content h3{ font-size: 24px;line-height: 26px;margin-bottom: 0px;text-transform: inherit;}
.post-content h4{ font-size: 22px;line-height: 24px;margin-bottom: 0px;text-transform: inherit;}
.post-content h5{ font-size: 20px;line-height: 22px;margin-bottom: 0px;text-transform: inherit;}
.post-content h6{ font-size: 18px;line-height: 20px;margin-bottom: 0px;text-transform: inherit;}
.post-content p{ font-size: 15px;margin-bottom: 15px;text-align: justify;color: #303030;line-height: 24px;}
.post-content ul, .post-content ol{margin:0 0 20px 0px;list-style: disc;font-size: 15px;}
.post-content ul li, .post-content ol li{font-size: 15px;color: #303030;line-height: 24px;list-style: disc;margin-bottom: 5px;}
.ruppes_select ul {list-style: none; text-align:center;}
.ruppes_select ul li{ border-bottom: 3px solid #fb9b9c;
    padding: 6px 12px;
    background: #ffdfdf;
    font-size: 16px;
    line-height: 21px;
    display: inline;
    border-radius: 20px;}
.jq-selectbox__select {
    display: none;
}



/*
style-css-map
---------------------------------------*/
/*# sourceMappingURL=maps/style.css.map */