/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Cross Browser Compatibility
4. Header
5. Header Style 2
6. Dropdown
7. Responsive Header
8. Slider
9. Most Urgent Cause
10. About Daan
11. Daan Services
12. Daan Counters
13. Recent Causes
14. Daan Volunteers
15. Daan Events
16. Newsletter
17. Daan Gallery
18. Map
19. Daan Contact
20. Simple Cause
21. Support Ways
22. Upcoming Event
23. FAQ's
24. Daan Testimonials
25. Page Top
26. Pagination
27. Events Page
28. Daan Blog Page
29. Single Page
30. Event Detail
31. Cause Detail
32. 404 Page
33. Sidebar
34. Recent Post Widget
35. Footer
36. OWL CAROUSEL STYLING
=============================================================*/

/*=============== Fonts ===================*/
/*@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');*/
@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
/*=============== General Styling ===================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1.2}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
ul,ol{
    margin:10px 0;
    padding-left:20px;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
html{overflow-x:hidden}
body{
    letter-spacing:0;
    font-family:'Roboto';
    overflow-x:hidden;
    position:relative;
}
body *{outline:none!important}
h1, h2, h3, h4, h5, h6{
    color:#233a4f;
    margin-bottom:25px;
    font-weight:700;
    font-family: 'Rubik';
}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}
p{
    color:#666666;
    font-size:18px;
    line-height:27px;
    margin-bottom:25px;
}
a{color:inherit}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
}
input:hover,input:focus{outline:none}
.theme-layout{
    background:#fff;
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
    z-index:1;
}
.theme-layout.boxed{
    float:none;
    margin:0 auto;
    width:1230px;
    background:#FFF;
    z-index:1;
    -webkit-box-shadow:0 0 10px #909090;
    -moz-box-shadow:0 0 10px #909090;
    -ms-box-shadow:0 0 10px #909090;
    -o-box-shadow:0 0 10px #909090;
    box-shadow:0 0 10px #909090;
}
section{
    float:left;
    position:relative;
    width:100%;
}
.block{
    float:left;
    width:100%;
    padding:60px 0;
    position:relative;
}
.block.less-space{padding:100px 0}
.block .container{padding:0}
.container{padding:0}
.block.remove-gap{padding-top:0}
.block.no-padding{
    padding-top:0;
    padding-bottom:0;
}
.block.dark{background:#2d2d2d}
.block.gray{background:#f6f6f6}
.block.remove-bottom{padding-bottom:0}
.parallax,.fixed-bg{
    background-size:cover!important;
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.fixed-bg.stop{background-attachment:scroll!important}
.bg1{background-image:url(http://placehold.it/1600x900)}
.bg2{background-image:url(http://placehold.it/1600x900)}
.bg3{background-image:url(http://placehold.it/1600x900)}
.bg4{background-image:url(http://placehold.it/1600x900)}
.bg5{background-image:url(http://placehold.it/1600x900)}
.bg6{background-image:url(http://placehold.it/1600x900)}
.bg7{background-image:url(http://placehold.it/1600x900)}
.pattern{background-image:url(../images/pattern.jpg)}
.blackish:before, .whitish:before, .grayish:before,
.coloured:before{
    content:"";
    height:100%;
    opacity:0.85;
    z-index:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.coloured.three::before {
    opacity: 0.90;
}
.coloured2:before{
    content:"";
    height:100%;
    opacity:100;
    z-index:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background: #232323;
}

.coloured:before {
    background:black;
    opacity: 0.80;
}
.whitish:before{
    background-color:#FFFFFF;
    opacity:0.95;
}
.grayish:before{
    background-color:#fafafa;
    opacity:0.95;
}

iframe{
    width:100%;
    border:0;
}
i{font-style:italic}
img{float:left;height:auto}
:-webkit-input-placeholder{opacity:1}
:-moz-placeholder{opacity:1}
:-ms-input-placeholder{opacity:1}
input, textarea{
    border:1px solid #c6c6c6;
    color:#999999;
    float:left;
    font-size:12px;
    height:50px;
    margin-bottom:28px;
    padding:10px 22px;
    text-transform:none;
    width:100%;
}
textarea{
    max-width:100%;
    min-height:255px;
    padding:20px;
}
strong{font-weight:800}
/*=============== Cross Browser Compatibility ===================*/
a,
.menubar ul li a:before,
.about-video iframe,
.cause-img > a:before,
.cause-img > a:after,
.btn,
.gallery-img:before,
.galler-hover,
.gallery-img > img,
.way,
.toggle-item h2,
.toggle-item h2:before,
.testimonials-title,
.post-thumb:before,
.post-thumb:after,
nav > ul ul,
header.stick:before,
header.stick .topbar,
header.stick .topbar span,
.menubar,
.logo img,
.project-img:before,
.project-name,
.project-img,
.project-img > img,
.project-hover,
.daan-counter{
    -webkit-transition:all 0.45s ease-in-out;
    -moz-transition:all 0.45s ease-in-out;
    -ms-transition:all 0.45s ease-in-out;
    -o-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;
}

.about-video a,
.round-socials > a,
.testimonials-slide > img,
#menu-btn{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
/*=============== Header ===================*/
header{
    width:100%;
    z-index:1000;
    position:absolute;
    left:0;
    top:0;
}
.topbar{
    float:left;
    padding:15px 0;
    width:100%;
    border-bottom:2px solid rgba(255, 255, 255, 0.2);
}
.topbar > span{
    color:#fff;
    float:left;
    font-size:14px;
    padding:5px 0;
    font-weight: 400;
}
.mail{
    color:#fff;
    float:left;
    font-size:14px;
    font-weight:400;
    padding:4px 0;
}
.mail small {
    padding: 0 10px;
}
.socials{
    float:left;
    margin-left:60px;
    padding:6px 0;
}
form.daan-search{
    float:left;
    margin-left:35px;
}
.topbar span i.fa{
    font-size:15px;
    margin-right:10px;
    display: none;
}
header.style2 .topbar span i.fa {
    display: block;
    float: left;
}
header.style2 .topbar span {
    color: #767676; 
}
header.style2 .socials > a {
    color: #8e8e8e;
}
header.style2 .socials > a:last-child {
    border-right: none;
}
header.style2 .socials > a:hover {
    color: #3ead70;
}
header.style2 .menubar nav > ul > li > a {
    color: #555555;
}
header.style2 .menubar nav > ul > li > a:hover {
    color: #333 !important;
}
header.style2 .socials > a {
    border-right: 1px solid #c9c9c9;    
}
header.style2 form.daan-search button {
    color: #b4b4b4;
}
header.stylee3 nav > ul ul {
    top: 100%;
}
header.stylee3 .topbar span {
    color: #233a4f;
}
header.stylee3 .topbar span {
    color: #767676;
}
header.stylee3 .socials > a:hover {
    color: #f58402;
}
header.stylee3 .menubar a {
    font-weight: 400;
    font-family: 'Rubik';
}
header.stylee3.stick.sticky nav {
    top: 0;
}
header.style2.sticky .menubar .btn {
    margin-top: -10px;
}
header.style2.stylee3 nav > ul ul {
    top: 93%;
}
header.stylee3 nav {
    display: block;
    margin-top: 25px;
}
header.style2.stick.sticky nav > ul > ul {
    top: 86%;
}
.socials > a{
    border-right:1px solid #ffffff;
    color:#fff;
    float:left;
    font-size:16px;
    line-height:10px;
    padding:0 15px;
}
.socials > a:last-child{border:0 none}
form.daan-search{
    background:rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border-radius:30px;
    float:left;
    height:29px;
    margin-left:35px;
    position:relative;
    width:170px;
}
form.daan-search input{
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:0 none;
    height:100%;
    margin:0;
    padding: 5px 35px 5px 15px;
    text-transform: lowercase;
}
form.daan-search button{
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:0 none;
    color:#fff;
    font-size:11px;
    height:100%;
    line-height:12px;
    position:absolute;
    right:0;
    top:0;
    width:40px;
}
.menubar{
    display:table;
    float:left;
    padding-top:20px;
    width:100%;
}
.logo{
    display:table-cell;
    vertical-align:middle;
}
nav{
    display:table-cell;
    padding-left:70px;
    vertical-align:middle;
    width:100%;
}
.menubar nav > ul{
    float:right;
    list-style:outside none none;
    margin:0;
    padding:0;
    position:relative;
}
header.style2 .menubar nav > ul {
    top: 4px;
}
header.style2 .menubar .btn {
    margin-left: 25px;
}
header.style2 nav > ul > ul {
    top: 96%;
}
header.style2.stick.sticky .menubar nav > ul {
    top: 0;
}
.menubar nav > ul > li{
    color:#fff;
    float:left;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
}
.menubar nav > ul > li > a{
    float:left;
    padding:0px 15px 20px 15px;
    position:relative;
    font-weight: 400;
    font-family: 'Rubik';
}   
.menubar nav > ul > li > a:hover {
    color: #fff !important;
}
.menubar nav > ul > li > a:before{
    background:black none repeat scroll 0 0 padding-box content-box;
    content:"";
    height:2px;
    width:100%;
    padding:0 15px;
    opacity:0;
    position:absolute;
    bottom:10px;
    left:0;
}
.menubar nav > ul > li:hover > a:before{
    opacity:1;
    bottom:10px;
}
.menubar .btn {
    float: right;
    margin-left: 45px;
    margin-top: -8px;
    font-family: 'Rubik';
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.btn {
    border: 0 none;
    color: #fff;
    background-color:#8b8b8b;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    min-width: 110px;
    padding: 9px 25px;
    text-align: center;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    font-family: 'Rubik';
    text-transform: uppercase;
}
.btn:hover,
.btn:focus,
.btn:active{color:#FFF}
/*=============== Header Style 2 ===================*/
header.style2{
    background:#fff none repeat scroll 0 0;
    float:left;
    position:relative;
}
header.style2 .topbar{
    background:#e9e8e8 none repeat scroll 0 0;
    border:0 none;
    position:relative;
}
header.style2 .topbar:before, 
header.style2 .topbar:after{
    background:#e9e8e8 none repeat scroll 0 0;
    content:"";
    height:100%;
    left:-100%;
    position:absolute;
    top:0;
    width:100%;
}
header.style2 .topbar:after{left:100%}
header.style2 form.daan-search{background:#fff}
header.style2 .menubar{padding-bottom:15px}
/*=============== Dropdown ===================*/
nav > ul ul{
    background:rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    min-width:195px;
    opacity:0;
    padding:0;
    margin:0;
    position:absolute;
    top:100%;
    visibility:hidden;
    z-index:1;
}
nav > ul ul li{
    color:#fff;
    display:table;
    font-size:12px;
    letter-spacing:1px;
    line-height:20px;
    padding:0;
    position:relative;
    width:100%;
}
nav > ul ul li a{
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
    float:left;
    padding:10px 20px;
    width:100%;
}
nav > ul ul li:last-child > a{border:0}
nav > ul li:hover > ul{
    opacity:1;
    visibility:visible;
}
nav > ul ul ul{
    left:100%;
    top:0;
    min-width:215px;
    box-shadow:none;
}
nav > ul ul li.has-children:before{
    content:"\f105";
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-10px;
    font-family:fontawesome;
    font-size:14px;
    color:inherit;
}
header.style2 .menubar nav > ul > li{
    margin:-40px 0;
    padding:36px 0;
    position:relative;
}
/*=============== Sticky Header ===================*/
header.stick{
    position: fixed;
    left: 0;
    top: 0;
}
header.stick:before{
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #313131;
}
header.stick.sticky:before{opacity:0.95}
header.sticky .topbar{margin-top:-60px}
header.sticky .menubar{padding:10px 0}
.logo img{max-width:200px}
header.sticky .menubar .logo img{max-width:130px}
header.stick.style2.sticky{position: fixed; 
    -webkit-box-shadow: 0 0 3px #b3b3b3;
    -moz-box-shadow: 0 0 3px #b3b3b3;
    -ms-box-shadow: 0 0 3px #b3b3b3;
    -o-box-shadow: 0 0 3px #b3b3b3;
    box-shadow: 0 0 3px #b3b3b3;
}
header.sticky nav {
    position: relative;
    top: 10px;
}
header.stick.style2{
    position:relative;
    background:rgba(255,255,255,0.95);
}
header.style2.stick:before{background:none}
header.style2.sticky .menubar nav > ul > li {
    margin: -10px 0;
    padding: 9px 0;
}

/*=============== Responsive Header ===================*/
.responsive-header{display:none}
.responsive-header .topbar{
    background:#333 none repeat scroll 0 0;
    border:0 none;
    display:none;
    padding:10px 20px;
}
.responsive-header .topbar > span{
    color:#ffff;
    margin-bottom:5px;
    overflow:hidden;
    padding:0;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
    font-size:13px;
    text-align:center;
}
.responsive-header .socials{
    margin:0;
    padding:0;
    width:100%;
    text-align:center;
    margin:5px 0 10px;
}
.responsive-header .socials a{
    background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    border:0 none;
    color:#ffff;
    display:inline-block;
    float:none;
    font-size:12px;
    height:30px;
    line-height:30px;
    margin-right:10px;
    padding:0;
    text-align:center;
    width:30px;
}
.responsive-header .daan-search{
    background:#232323 none repeat scroll 0 0;
    border-radius:0;
    display:table;
    float:none;
    margin:0 auto;
    width:300px;
    max-width:100%;
}
.responsive-header .daan-search button{
    color:#fff;
    font-size:12px;
    line-height:29px;
}
.responsive-menu{
    float:left;
    padding:30px 10px 20px;
    width:100%;
    position:relative;
}
.responsive-menu  .logo{
    display:unset;
    float:left;
}
.responsive-menu  .logo img{max-width:130px}
.responsive-menu .btn {
    float: right;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 4px;
    min-width: 0;
    padding: 12px 11px;
}
#menu-btn{
    color:#fff;
    float:right;
    font-size:14px;
    height:35px;
    line-height:35px;
    margin-top:5px;
    text-align:center;
    width:34px;
}
.menu-links{
    height:100%;
    left:-250px;
    list-style:outside none none;
    margin:0;
    padding:30px 0;
    overflow:auto;
    position:fixed;
    top:0;
    width:250px;
    z-index:10000;
    -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);/* easeOutQuad */

    -webkit-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);/* easeOutQuad */
}
.menu-links.slidein{left:0}
.menu-links > ul{
    float:left;
    margin:0;
    padding:0;
    width:100%;
}
.menu-links li:first-child{border-top:0 none}
.menu-links li:last-child{border-bottom:0 none}
.menu-links li{
    border-bottom:1px solid rgba(0, 0, 0, 0.3);
    border-top:1px solid rgba(255, 255, 255, 0.1);
    color:#fff;
    float:left;
    font-size:14px;
    font-weight:600;
    overflow:auto;
    padding:12px 20px;
    text-transform:uppercase;
    width:100%;
}
.menu-links ul ul{
    background:rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    float:left;
    width:100%;
    display:none;
    margin:10px 0 -12px;
    padding:0;
}
#topbar-btn{
    background:#333 none repeat scroll 0 0;
    color:#fff;
    height:30px;
    left:50%;
    line-height:30px;
    margin-left:-15px;
    position:absolute;
    text-align:center;
    top:0;
    width:30px;
    -webkit-border-radius:0 0 20px 20px;
    -moz-border-radius:0 0 20px 20px;
    -ms-border-radius:0 0 20px 20px;
    -o-border-radius:0 0 20px 20px;
    border-radius:0 0 20px 20px;
}
/*=============== Slider ===================*/
.slotholder:before{
    /*background:black none repeat scroll 0 0;*/
    content:"";
    height:100%;
    left:0;
    opacity:0.8;
    position:absolute;
    top:0;
    width:100%;
}
.layer1{
    color:#FFF;
    text-transform:uppercase;
}
.layer2{
    color:#FFF;
    font-weight:500;
}
.layer2 i{font-style:normal}
.layer3{color:#FFF}
.layer4{
    color:#FFF;
    font-weight:800;
    text-transform:uppercase;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
}
.layer4:hover{color:#FFF}
.layer5{
    color:#FFF;
    text-align:right!important;
}
/*=============== Most Urgent Cause ===================*/
.simple-title{
    float:left;
    margin-bottom:20px;
    width:100%;
}
.simple-title.tittle3 > span {
    font-weight: 400;
    text-transform: none;
}
.simple-title.tittle3 {
    padding-top: 25px;
}
.simple-title.pdd-top {
    padding-top: 25px;
}
.urgent-cause.stylee3 .collected > strong {
    font-weight: 400;
}
.urgent-cause.rttl p {
    padding-left: 30px;
}
.urgent-cause.rttl .collected .btn {
    float: right !important;
    margin-right: 40px;
}
.urgent-cause.style2.stylee3 .collected .btn {
    float: left;
    margin-top: 1px;
    font-size: 13px;
    font-weight: 500;
    margin-left: 15px;
}
.simple-cause.style3 {
    margin-top: 30px;
}
.simple-cause.style3 p {
    font-size: 16px;
    font-weight: 400;
    padding-right: 25px;
}
.simple-cause.style3 h4 {
    height: 50px;   
}
.pattern.pattern3 {
    background: #fafafb;
}
.counters.style3 strong {
    font-weight: 600;
}
.daan-services.style3 p {
    line-height: 27px;
}
.project-details.style3 {
    background-color: #242424;
}
.project-selectors.style3 .project-name::before {
    background: black;
    opacity: 0.85;
}
.project-selectors.style3 .project-name a {
    font-family: 'Rubik';
    font-weight: 400;
    font-size: 18px;
}
.project-selectors.style3 .project-name > strong {
    font-weight: 400;
}
.project-selectors.style3 .project-name a.btn {
    font-size: 13px;
    float: left;
    margin-left: -20px;
}
.simple-title.stylle3 h3 {
    font-size: 36px;
    font-weight: 400;
}
.simple-title.stylle3 h3 span {
    font-weight: 400;
}
.upcoming-event.stylle3 h3 {
    font-size: 18px;
    font-weight: 400;
}
.upcoming-event.stylle3 .btn {
    margin-right: 30px;
}
.accordions.stylle3 p {
    font-size: 16px;
}
.accordions.stylle3 .toggle-item h2.active {
    padding-top: 28px;
}
.accordions.stylle3 {
    float: left;
    padding-top: 30px;
}
footer.stylee3 p {
    color: #444444;
}
.simple-title h3{
    float:left;
    font-size:36px;
    width:100%;
    margin:0;
    font-family: 'Rubik';
    font-weight: 400;
    color: #1e1e1e;
}
.simple-title h3 span{font-weight:400}
.simple-title > span{
    float:left;
    font-size:18px;
    font-weight:400;
    margin-top:10px;
    text-transform:capitalize;
    width:100%;
    color: #373737;
}
.urgent-cause p{
    float:left;
    margin-bottom:35px;
    padding-right:40px;
    width:100%;
    font-weight: 400;
    font-size: 15px;
}
.button-set{
    float:left;
    width:100%;
}
.button-set .btn{
    float:left;
    margin-right:5px;
    font-family: 'Rubik';
    font-weight: 500;
    font-size: 15px;
}
.progress{
    border-radius:0;
    box-shadow:none;
    float:left;
    height:10px;
    width:100%;
}
.cause-progress{
    float:left;
    width:100%;
}
.cause-progress .progress{
    float:left;
    margin-bottom:36px;
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.cause-progress > ul{
    float:left;
    list-style:outside none none;
    margin:0;
    padding:0;
    width:100%;
}
.cause-progress > ul li{
    float:left;
    width:25%;
    text-align: center;
}
.cause-progress > ul li strong{
    float:left;
    font-size:28px;
    font-weight:700;
    margin-bottom:4px;
    width:100%;
}
.cause-progress > ul li span{
    float:left;
    font-size:16px;
    width:100%;
    font-weight: 300;
    color: #6f6f6f;
}

.urgent-cause.style2 .collected .btn{
    float: left;
    margin-top: 8px;
    position: relative;
    left: 15px;
    background-color: #929292;
    font-size: 13px;    
    padding: 10px;
}
.collected{
    border-top:1px solid #cccccc;
    float:left;
    margin-top:30px;
    padding-top:30px;
    width:100%;
}
.collected > strong{
    float:left;
    font-size:16px;
    text-transform:uppercase;
    font-weight: 400;
    position: relative;
    top: 8px;
}
.collected > strong span{font-size:25px; padding-right: 5px; font-weight: 500}
.collected .btn{
    float:right;
    margin-left:10px;
    font-family: 'Rubik';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}
.urgent-cause.style2 .collected > strong{font-size:16px}
.urgent-cause.style2 .collected > strong span{font-size:25px}
.urgent-cause.style2 > p{padding-right:0}
.urgent-cause.style2{
    float:left;
    width:calc(100% + 30px);
}

/*=============== About Daan ===================*/
.about-daan{
    float:left;
    width:100%;
}
.about-video{
    background:#000 none repeat scroll 0 0;
    float:left;
    width:100%;
    position:relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 3px -1px 30px -1px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 3px -1px 30px -1px rgba(0, 0, 0, 0.36);
    -ms-box-shadow: 3px -1px 30px -1px rgba(0, 0, 0, 0.36);
    -o-box-shadow: 3px -1px 30px -1px rgba(0, 0, 0, 0.36);
    box-shadow: 3px -1px 30px -1px rgba(0, 0, 0, 0.36);
}
.about-video a{
    background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    color:#fff;
    font-size:15px;
    height:36px;
    left:50%;
    line-height:35px;
    padding-left:3px;
    opacity:1;
    position:absolute;
    text-align:center;
    top:50%;
    width:36px;
    z-index:1;
    margin-left:-18px;
    margin-top:-18px;
}
.about-video > img{
    opacity:0.55;
    width:100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.about-video a.pause-video,
.about-video.active a.play-video{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.about-video.active a.pause-video{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.about-video:hover a{opacity:1}
.about-video iframe{
    height:100%;
    opacity:0;
    visibility:hidden;
    position:absolute;
    left:0;
    top:0;
}
.about-video.active iframe{
    opacity:1;
    visibility:visible;
}
.player .controls{display:none}
.about-text{
    float:left;
    padding-left:40px;
    width:100%;
    margin-top: 10px;
}
.about-text .simple-title span {
    text-transform: none;
}
.simple-title span.lwr {
    text-transform: none;
}
.about-text .btn {
    padding: 12px 30px;
}
.about-text > ul{
    float:left;
    list-style:outside none none;
    margin:0 0 25px;
    padding:0;
    width:100%;
}
.about-text > p{
    color:#7b7b7b;
    margin:0 0 15px;
    font-size: 15px;
    font-weight: 400;
    padding-right: 10px;
	text-align: justify;
}
.about-text > ul li{
    color:#666666;
    float:left;
    font-size:15px;
    line-height:30px;
    padding-left:30px;
    position:relative;
    width:100%;
    font-weight: 400;
}
.about-text > ul li:before{
    content:"\f064";
    font-family:fontawesome;
    font-size:14px;
    position:absolute;
    left:0;
    top:0;
    color: #bababa;
}

.about-daan.style2 .about-video{
    display:unset;
    float:left;
    width:100%;
}
.about-daan.style2 .about-video img{width:100%}
.about-daan.style2 .about-text{
    display:unset;
    float:left;
    margin-top:40px;
    padding:0;
    width:100%;
}
.about-daan.style2.rttl .about-text p {
    padding-right: 0;
}
/*=============== Daan Services ===================*/
.daan-services{
    float:left;
    margin-bottom:-50px;
    width:100%;
    margin-top: -20px;
}
.service{
    float:left;
    margin-bottom:50px;
    padding:0 42px;
    text-align:center;
    width:100%;
}
.service > img{
    display:inline-block;
    float:none;
    margin-bottom:30px;
    -webkit-transition:all 800ms cubic-bezier(0.680, 0, 0.265, 1);/* older webkit */
    -webkit-transition:all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition:all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition:all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition:all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);/* easeInOutBack */

    -webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1);/* older webkit */
    -webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);/* easeInOutBack */
}
.service:hover > img{
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    -o-transform:translateY(30px);
    transform:translateY(30px);
}
.service > h3{
    float:left;
    font-size:24px;
    margin-bottom:14px;
    width:100%;
    font-family: 'Rubik';
    font-weight: 500;
    color: #1e1e1e;
}
.service > p{
    float:left;
    font-size:14px;
    margin:0;
    width:100%;
    font-weight: 400;
    padding: 0 7px;
}
/*=============== Daan Counters ===================*/
.counters{
    float:left;
    margin-bottom:-40px;
    width:100%;
}
.daan-counter{
    display:table;
    float:left;
    margin-bottom:40px;
    padding:0 35px;
    width:100%;
}
.daan-counter img{
    display:table-cell;
    float:none;
    vertical-align:middle;
    position: relative;
    top: 18px;
}
.daan-counter > strong{
    color:#fff;
    display:table-cell;
    font-size:36px;
    padding-left:20px;
    padding-top:15px;
    position:relative;
    vertical-align:middle;
    width:100%;
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.daan-counter > strong span{
    float:left;
    font-size:16px;
    font-weight:400;
    margin-top:5px;
    width:100%;
    color: #adadad;
}
.daan-counter > strong:before{
    content:"";
    height:2px;
    width:43px;
    position:absolute;
    left:20px;
    top:0;
    background-color: #545856;
}
/*=============== Recent Causes ===================*/
.title{
    float:left;
    margin-bottom:30px;
    text-align:center;
    width:100%;
}
.title h2{
    float:left;
    font-size:36px;
    line-height:35px;
    margin-bottom:20px;
    width:100%;
    color: #1e1e1e;
    font-weight: 500;
    font-family: 'Rubik';
}
.title h2 span{font-weight:500}
.title > p {
    float: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin: 0 auto;
    width: 540px;
    color: #666666;
}
.daan-causes{
    float:left;
    margin-bottom:-50px;
    width:100%;
}
.recent-cause{
    display:table;
    float:left;
    margin-bottom:50px;
    width:100%;
	padding: 2% 3%;
	box-shadow: 0px 0px 10px 0px rgba(109.99999999999993, 69.00000000000003, 147.00000000000003, 0.31);
}
.cause-img{
    display:table-cell;
    vertical-align:middle;
}
.cause-detail{
    display:table-cell;
    padding-left:30px;
    vertical-align:middle;
}
.cause-detail > h3 {
    float: left;
    font-size: 22px;
    margin: 0 0 10px;
    width: 100%;
    padding-top: 10px;
    font-weight: 400;
    color: #1e1e1e;
}
.cause-detail > p{
    float:left;
    font-size:15px;
    margin-bottom:20px;
    width:100%;
}
.cause-detail .progress{height:5px}
.progress .progress-bar {
    border-radius: 5px 0px 0px 5px;
}
.cause-progress.style3.style4 strong {
    color: #3c3c3c;
}
.amount{
    float:left;
    width:100%;
}
.amount span {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}
.btn.small{
    min-width:100px;
    padding:8px 10px;
}
.cause-detail .button-set{margin-top:25px}
.button-set .btn {
    padding: 12px 26px;
}
.cause-img a{
    float:left;
    position:relative;
    width:100%;
}
.cause-img img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.cause-img a:before{
    background:#fff none repeat scroll 0 0 padding-box content-box;
    content:"";
    height:100%;
    opacity:0.7;
    padding:10px;
    width:0;
    position:absolute;
    left:50%;
    top:0;
}
.cause-img a:hover:before{
    left:0;
    width:100%;
}
.cause-img > a:after{
    color:#222222;
    content:"\f105";
    font-family:fontawesome;
    font-size:36px;
    opacity:0;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.cause-img > a:hover:after{opacity:1}
.recent-cause .button-set .btn{margin-right:10px}
.grid-style .recent-cause{
    display:unset;
    float:left;
    width:100%;
}
.grid-style .recent-cause .cause-img{
    display:unset;
    float:left;
    width:100%;
}
.grid-style .recent-cause .cause-img img{width:100%}
.grid-style .recent-cause .cause-detail{
    display:unset;
    float:left;
    margin-top:30px;
    padding:0;
    width:100%;
}
.grid-style .recent-cause .cause-detail  > p{letter-spacing:-0.3px}
.cause-detail > .btn{margin-top:30px}
/*=============== Daan Volunteers ===================*/
.daan-volunteers{
    float:left;
    width:100%;
}
.become-vol{
    float:left;
    width:100%;
    margin-top:57px;
}
.become-vol > h2{
    color:#f6f6f6;
    font-size:30px;
    font-weight:500;
    margin-bottom:12px;
    text-transform:uppercase;
}
.become-vol .btn {
    padding: 12px 30px;
}
.become-vol > h2 i{
    font-style:normal;
    font-weight:500;
    color: #aaaaaa;
}
.become-vol > span{
    color:#fff;
    float:left;
    font-weight:400;
    letter-spacing:0.5px;
    margin:5px 0 20px;
    text-transform:lowercase;
    width:100%;
    font-size: 18px;
}
.become-vol > p{
    color:#fff;
    float:left;
    width:100%;
    font-weight: 400;
    padding-right: 110px;
    margin-bottom: 40px;
}
.volunteers-img{
    float:left;
    margin:-100px 0;
    position:relative;
    width:100%;
}
.volunteers-img > img{
    float:right;
    width:100%;
}
.daan-volunteers > div{padding:0}
.volunteers-img > strong{
    bottom:30px;
    display: none;
    color:#fff;
    font-size:36px;
    font-weight:700;
    left:0;
    letter-spacing:4px;
    padding:20px 10px;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    width:100%;
    -webkit-box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
    -moz-box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
    -ms-box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
    -o-box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
    box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
}
.volunteers-img > strong:before{
    border-bottom:84px solid #fff;
    border-left:40px solid transparent!important;
    content:"";
    height:0;
    position:absolute;
    right:100%;
    top:0;
    width:0;
}
/*=============== Daan Events ===================*/
.daan-events{
    float:left;
    width:100%;
    margin-bottom:-35px;
}
.event{
    float:left;
    position:relative;
    width:100%;
    margin-bottom:45px;
}
.event-img{
    float:left;
    margin-bottom:15px;
    overflow:hidden;
    position:relative;
    width:100%;
}
.event-img img{
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.event-img strong{
    bottom:25px;
    font-weight: 400;
    color:#fff;
    font-size:32px;
    left:0;
    line-height:14px;
    padding:10px 5px 10px 20px;
    position:absolute;
    -webkit-box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
    -moz-box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
    -ms-box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
    -o-box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
    box-shadow:-3px 4px 3px rgba(0,0,0,0.35);
}
.event-img strong span{
    display:inline-block;
    font-size:12px;
    font-weight:500;
    vertical-align:middle;
    width:60px;
}
.event-img strong:before{
    border-bottom:49px solid #000;
    border-right:25px solid transparent!important;
    bottom:0;
    content:"";
    height:0;
    left:100%;
    position:absolute;
    width:0;
}
.event h4 {
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px;
    width: 100%;
    padding-right: 20px;
    line-height: 1.5;
}
.event > span{
    float:left;
    font-size:15px;
    width:100%;
    color: #666666;
    font-weight: 400;
}
.event.closest h4{
    font-size:23px;
    font-weight: 500;
}
.event.closest > span{margin-bottom:17px}
.event > p{
    float:left;
    margin-bottom:20px;
    width:100%;
    font-weight: 400;
    font-size: 16px;
    padding-right: 70px;
}
/*=============== Newsletter ===================*/
.title.style2 > h2,
.title.style2 > p{color:#fff}
.newsletter {
    float: left;
    width: 100%;
    margin-top: 40px;
    padding-left: 20px;
}
.title .regu {
    font-weight: 400;
}
.newsletter .col-md-5 {
    padding-right: 5px;
    padding-left: 5px;
}
.coloured.three .col-md-5 {
    padding-left: 0;
}
.title.nl2 {
    text-align: left;
}
.title.style2.nl2 {
    margin-bottom: 0;
}
.title.style2.nl2 h2 {
    margin-bottom: 14px;
}
.title.nl2 h2 {
    float: left;
    width: 100%;
    font-weight: 400;
}
.title.nl2 p {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Rubik';
    line-height: 1.7;
    padding-right: 20px;
    color: #cacaca;
}
.newsletter input:first-of-type {
    margin-left: 15%;
}
.newsletter input {
    background: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.1);
    color: #000;
    float: left;
    font-size: 15px;
    height: 45px;
    margin-bottom: 10px;
    padding: 10px 25px;
    text-transform: capitalize;
    width: 100%;
    margin-right: 10px;
    width: 31.50%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}
.newsletter button.btn {
    float: left;
    font-size: 15px;
    height: 45px;
    width: 120px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.newsletter button.btn:hover {
    background-color: #8b8b8b;
}
.block.less-space.spp {
    padding: 80px 0;
}
/*=============== Daan Gallery ===================*/
.daan-gallery{
    float:left;
    width:100%;
}
.daan-gallery > div{padding:0}
.gallery-img{
    float:left;
    width:100%;
    position:relative;
    overflow:hidden;
	padding: 2%;
	border-radius:4%;
	box-shadow: 0px 0px 10px 0px rgba(109.99999999999993, 69.00000000000003, 147.00000000000003, 0.31);
}
.gallery-img > img{width:100%; border-radius:4%}
.gallery-img:hover > img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.daan-post a {
    font-weight: 400;
    font-size: 20px;
}
.meta a {
    font-size: 14px;
    color: #919191;
}
.gallery-img:before{
    background:black none repeat scroll 0 0 padding-box content-box;
    content:"";
    padding:12px;
    opacity:0;
    width:100%;
    height:100%;
    z-index:1;
    position:absolute;
    left:0;
    top:0;
    -webkit-transform:scale(0.7);
    -moz-transform:scale(0.7);
    -ms-transform:scale(0.7);
    -o-transform:scale(0.7);
    transform:scale(0.7);
}
.gallery-img:hover:before{
    opacity:0.9;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.galler-hover{
    opacity:0;
    padding:30px 40px;
    width:100%;
    z-index:2;
    position:absolute;
    left:0;
    top:50%;
    text-align:center;
    -webkit-transform:translateY(-50%) scale(1.5);
    -moz-transform:translateY(-50%) scale(1.5);
    -ms-transform:translateY(-50%) scale(1.5);
    -o-transform:translateY(-50%) scale(1.5);
    transform:translateY(-50%) scale(1.5);
}
.gallery-img:hover .galler-hover{
    opacity:1;
    -webkit-transform:translateY(-50%) scale(1);
    -moz-transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    -o-transform:translateY(-50%) scale(1);
    transform:translateY(-50%) scale(1);
}
.galler-hover > a{
    background:black none repeat scroll 0 0 padding-box content-box;
    border:1px solid #333;
    border-radius:50%;
    display:inline-block;
    height:32px;
    padding:7px;
    position:relative;
    width:32px;
}
.galler-hover > a:before, 
.galler-hover > a:after{
    content:"";
    height:calc(100% + 16px);
    width:1px;
    position:absolute;
    left:50%;
    top:-8px;
}
.galler-hover > a:after{
    height:1px;
    left:-8px;
    top:50%;
    width:calc(100% + 16px);
}
.galler-hover > strong{
    color:#fff;
    float:left;
    font-family: 'Rubik';
    font-size:19px;
    font-weight:400;
    margin-top:17px;
    width:100%;
    margin-bottom: 5px;
}
.galler-hover > span{
    color:#bebdbd;
    float:left;
    font-size:14px;
    letter-spacing:0;
    margin-top:5px;
    width:100%;
    font-weight: 400;
}
.daan-post{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.daan-blog{
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.post-img{
    float:left;
    margin-bottom:25px;
    position:relative;
    width:100%;
    text-align:center;
}
.post-img > img{
    float:none;
    margin-bottom:-4px;
    max-width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.post-img > span{
    color:#fff;
    font-size:12px;
    left:20px;
    font-weight: 400;
    padding:5px 0 0;
    position:absolute;
    text-align:center;
    z-index:1;
    text-transform:uppercase;
    top:0;
    width:34px;
}
.post-img > span:before,
.post-img > span:after{
    border-left:17px solid transparent!important;
    border-right:17px solid transparent!important;
    border-top:12px solid #333;
    content:"";
    left:0;
    position:absolute;
    top:100%;
}
.post-img > span:after{
    border-top-width:16px;
    z-index:-1;
}
.post-img > span i{
    float:left;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:14px;
    width:100%;
}
.post-title{
    float:left;
    font-size:20px;
    font-weight:400;
    margin-bottom:15px;
    width:100%;
}
.meta{
    float:left;
    list-style:outside none none;
    margin-bottom:15px;
    margin-left:0;
    margin-top:0;
    padding:0;
    width:100%;
}
.meta li{
    float:left;
    font-size:14px;
    margin-right:40px;
    color: #919191;
}
.meta li i{
    font-size:16px;
    margin-right:10px;
}
.daan-post > p{
    float:left;
    margin-bottom:25px;
    width:100%;
    padding-right: 50px;
}
.daan-post h4 {margin-bottom: 15px}
.daan-post .btn{
    letter-spacing:0;
    min-width:80px;
    text-transform:capitalize;
    font-size: 16px;
}
/*=============== Map ===================*/
.map{
    float:left;
    width:100%;
    height:470px;
}
.map > div{
    float:left;
    min-height:470px;
    width:100%;
}
/*=============== Daan Contact ===================*/
.daan-contact{
    background:transparent url("http://placehold.it/1170x450") no-repeat scroll 0 0 / cover ;
    float:left;
    padding:60px 50px 60px 70px;
    position:relative;
    width:100%;
    -webkit-box-shadow:0 0 33px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 33px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:0 0 33px rgba(0, 0, 0, 0.2);
    -o-box-shadow:0 0 33px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 33px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.daan-contact:before{
    background:#FFF;
    content:"";
    height:100%;
    width:100%;
    opacity:0.9;
    position:absolute;
    left:0;
    top:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.daan-contact form{padding-right:100px}
.daan-contact form input, 
.daan-contact form textarea{
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:1px solid #c6c6c6;
    color:#999999;
    font-size:15px;
    height:50px;
    font-weight: 400;
    margin-bottom:20px;
    resize:none;
    background-color: #fff;
    text-transform:capitalize;
    border-radius: 5px;
    padding: 0 35px;
}
.daan-contact form textarea {
    padding-top: 20px;
    padding-bottom: 20px;
}
.daan-contact.rttl form button.btn {
    float: right;
}
.daan-contact form textarea{min-height:190px}
.daan-contact form button.btn{float:left; padding: 15px 50px; margin-top: 7px}
.contact-infos{
    color:#666666;
    float:left;
    font-size:16px;
    list-style:outside none none;
    margin:0;
    padding:0;
    width:100%;
    margin-top: 20px;
}
.contact-infos.stylee2 i {
    font-size: 30px;
}
.contact-infos.stylee2 .fa.fa-map-marker {
    top: 1px;
}
.contact-infos.stylee2 li {
    padding-left: 50px;
}
.contact-infos.stylee2 li strong {
    color: #233a4f;
    font-weight: 400;
}
.contact-infos.rttl li:first-child span {
    padding-right: 0;
}
.contact-infos li{
    float:left;
    font-size:15px;
    line-height:26px;
    margin-bottom:30px;
    padding-left:35px;
    position:relative;
    width:100%;
}
.contact-infos li:first-child span {
    padding-right: 20px;
}
.contact-infos li:last-child{margin:0}
.contact-infos li i{
    font-size:20px;
    left:0;
    position:absolute;
    top:0;
    color: #878787;
}
.contact-infos li strong {
    display: table;
    font-size: 18px;
    font-weight: 200;
    line-height: 23px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: 'Rubik';
}
.contact-infos span {
    font-weight: 400;
    font-size: 15px;
    float: left;
    width: 100%;
}
.fa.fa-map-marker {
    left: 10px;
    top: 5px;
}
.fa.fa-phone {
    top: 3px;
}
.bggg {
    background-color: #f9fafb;
}
.bggg .simple-title h3 {
    font-weight: 400;
}
.simple-title.stylee2 h3 {font-weight: 400;}
/*.daan-contact.overlap{margin-top:-225px}*/
.daan-contact.overlap{margin-top:100px}
.daan-contact.stylee2 input,.daan-contact.stylee2 textarea {
    background:#ffffff;
    color: #999999;
    font-size: 15px;
    font-family: 'Rubik';
}
.daan-contact.stylee2 .btn {
    float: left;
    background-color: #233a4f;
    cursor: pointer;
}
/*=============== Simple Cause ===================*/
.simple-causes{
    float:left;
    margin-bottom:-30px;
    margin-top:-10px;
    width:100%;
}
.simple-cause{
    float:left;
    margin-bottom:30px;
    width:100%;
    margin-top: 30px;
}
.bggg .simple-cause > h4 {font-weight: 400;}
.simple-cause > img{
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.about-daan.style2 .simple-title h3 {
    font-size: 30px;
}
.about-daan.style2 .about-text > p {
    padding-right: 115px;
}
.chc .simple-title h3 {
    font-size: 24px;
    margin-bottom: 15px;
}
.simple-cause > h4{
    float:left;
    font-size:18px;
    font-weight:400;
    line-height:25px;
    margin:15px 0;
    width:100%;
}
.simple-cause > span{
    float:left;
    font-size:15px;
    margin-bottom:20px;
    width:100%;
}
.simple-cause > p {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.about-daan.style2 .about-video{
    display:unset;
    float:left;
    width:100%;
}
.about-daan.style2 .about-text{
    display:unset;
    float:left;
    margin-top:40px;
    padding:0;
    width:100%;
}

/*=============== Support Ways ===================*/
.support-ways{
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.support-ways.rttl p {
    padding-right: 0;
}
.way{
    border:1px solid #e4e4e4;
    float:left;
    margin-bottom:30px;
    padding:30px 82px 30px 30px;
    position:relative;
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.way:hover{
    -webkit-box-shadow:-6px 6px 5px rgba(25, 26, 26, 0.2);
    -moz-box-shadow:-6px 6px 5px rgba(25, 26, 26, 0.2);
    -ms-box-shadow:-6px 6px 5px rgba(25, 26, 26, 0.2);
    -o-box-shadow:-6px 6px 5px rgba(25, 26, 26, 0.2);
    box-shadow:-6px 6px 5px rgba(25, 26, 26, 0.2);
    -webkit-transform:translateX(10px) translateY(-10px);
    -moz-transform:translateX(10px) translateY(-10px);
    -ms-transform:translateX(10px) translateY(-10px);
    -o-transform:translateX(10px) translateY(-10px);
    transform:translateX(10px) translateY(-10px);
}
.chc {padding-left: 60px}
.way > p{
    float:left;
    margin:0;
    width:100%;
    padding-right: 35px;
}
.way > h4{
    float:left;
    margin-bottom:15px;
    width:100%;
    font-size: 22px;
    font-weight: 400;
}
.way i{
    font-size:40px;
    position:absolute;
    right:30px;
    top:30px;
}
/*=============== Upcoming Event ===================*/
.upcoming-event{
    float:left;
    width:100%;
}
.upcoming-event > h3{
    float:left;
    font-size:18px;
    margin-bottom:25px;
    width:100%;
    font-family: 'Roboto';
    font-weight: 400;
    color: #373737;
}
.upcoming-event .meta li{margin-right:25px}
.upcoming-event > p{
    float:left;
    margin:0 0 20px;
    width:100%;
    letter-spacing:-0.2px;
    padding-right: 50px;
    padding-bottom: 30px;
}
.coming-event{
    float:left;
    margin-bottom:30px;
    width:100%;
}
.time-block{
    float:left;
    width:110px;
    margin-right:40px;
    text-align:center
}
.time-block:last-child{margin:0}
.time-block strong{
    float:left;
    width:100%;
    font-size:36px;
    font-weight: 400;
    padding-bottom:5px;
    color: #2f2f2f;
    padding-top: 7px;
}
.time-block span {
    float:left;
    width:100%;
    text-transform:uppercase;
    color:#FFF;
    padding:5px;
    font-family: 'Rubik';
    margin-bottom:5px;
    font-weight:400;
    font-size: 13px;
    letter-spacing:1px;
    background-color: #979797;
}
.upcoming-event.rttl p {
    padding-right: 0;
}
/*=============== FAQ's ===================*/
.accordions {
    padding-top: 40px;
}
.accordions.rttl h2 {
    padding-right: 30px;
}
.toggle-item{
    border:1px solid #dddddd;
    float:left;
    margin-bottom:15px;
    width:100%;
}
.toggle-item h2{
    float:left;
    font-size:19px;
    margin:0;
    padding:13px 20px 13px 70px;
    position:relative;
    width:100%;
    cursor:pointer;
    font-weight: 400;   
}
.toggle-item h2:before{
    color:#fff;
    content:"\f067";
    font-family:fontawesome;
    line-height:50px;
    text-align:center;
    height:50px;
    width:50px;
    position:absolute;
    left:-1px;
    top:-1px;
    background-color: #979797;
}
.toggle-item h2.active {
    padding-top: 25px;
    padding-bottom: 0;
}
.toggle-item h2.active:before{content:"\f068"}
.content{
    float:left;
    padding:10px 30px 30px 70px;
    width:100%;
}
.content p{margin:0}

/*=============== Daan Testimonials ===================*/
.daan-testimonials{
    float:left;
    width:100%;
}
.testimonials-title{
    background:#eeeeee none repeat scroll 0 0;
    border-bottom:12px solid #333;
    border-top:12px solid #333;
    float:left;
    position:relative;
    vertical-align:middle;
    width:30%;
    z-index:1;
    -webkit-box-shadow:-14px 0 13px #d0d0d0 inset;
    -moz-box-shadow:-14px 0 13px #d0d0d0 inset;
    -ms-box-shadow:-14px 0 13px #d0d0d0 inset;
    -o-box-shadow:-14px 0 13px #d0d0d0 inset;
    box-shadow:-14px 0 13px #d0d0d0 inset;
}
.title-inner{
    padding:10px 0;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.testimonials-title.rttl p {
    padding-left: 70px;
    padding-right: 0;
}

.testimonials-title:before{
    background:#eeeeee none repeat scroll 0 0;
    border-bottom:12px solid #333;
    border-top:12px solid #333;
    content:"";
    height:calc(100% + 24px);
    position:absolute;
    right:100%;
    top:-12px;
    width:1000px;
}
.testimonials-title h3{
    float:left;
    font-size:30px;
    font-weight:400;
    margin-bottom:15px;
    width:100%;
    color: #1e1e1e;
}
.testimonials-title p {
    float: left;
    margin: 0;
    padding-right: 70px;
    width: 100%;
}
.testimonials-carousel-wrapper{
    float:left;
    position:relative;
    vertical-align:top;
    width:70%;
    z-index:0;
}
.testimonials-carousel{
    border-bottom:12px solid #333;
    border-left:12px solid #333;
    border-top:12px solid #333;
    float:left;
    margin-bottom:-12px;
    margin-left:-12px;
    margin-top:-12px;
    padding:90px 0 90px 110px;
    position:relative;
    width:100%;
    z-index:1;
}
.testimonials-carousel:before{
    border-bottom:12px solid #d3d3d3;
    border-top:12px solid #d3d3d3;
    content:"";
    height:calc(100% + 24px);
    left:30%;
    position:absolute;
    top:-12px;
    width:2000px;
    z-index:-1;
}
.testimonials-slide{
    display:table;
    background:#fefefe;
    float:left;
    width:100%;
}
.testimonials-slide > img{
    display:table-cell;
    vertical-align:top;
}
.testimonials-text{
    display:table-cell;
    padding-left:70px;
    position:relative;
    vertical-align:middle;
}
.testimonials-text p{
    float:left;
    margin-bottom:13px;
    position:relative;
    width:100%;
    font-style: italic;
    z-index: 1;
}
.testimonials-text > p:before{
    color:#f3f3f3;
    content:"\f10d";
    font-family:fontawesome;
    font-size:36px;
    z-index:-1;
    position:absolute;
    left:-10px;
    top: 0;
}
.testimonials-text > strong{
    color:#131313;
    float:left;
    font-size:20px;
    font-weight:400;
    padding-left:50px;
    width:100%;
}
.owl-nav{
    bottom:90px;
    left:304px;
    position:absolute;
}
.owl-nav > div{
    color:transparent;
    float:left;
    height:20px;
    position:relative;
    width:20px;
}
.owl-nav > div:before{
    content:"\f0d9";
    font-family:fontawesome;
    font-size:20px;
    height:100%;
    line-height:20px;
    width:100%;
    position:absolute;
    left:0;
    top:-2px;
    color: #9d9d9d;
}
.owl-nav > div.owl-next:before{content:"\f0da"}
/*=============== Page Top ===================*/
.pagetop{
    float:left;
    position:relative;
    width:100%;
}
.pagetop > img{width:100%}
.pagetop-inner{
    padding:10px 0;
    text-align:center;
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.pagetop-inner h1{
    color:#fff;
    float:left;
    font-size:48px;
    line-height:40px;
    margin-bottom:15px;
    text-transform:uppercase;
    width:100%;
}
.pagetop:before{
    content:"";
    height:100%;
    opacity:0.85;
    width:100%;
    position:absolute;
    left:0;
    top:0;
}
.breadcrumbs{
    float:left;
    margin:0;
    padding:0;
    width:100%;
}
.breadcrumbs li{
    display:inline-block;
    font-size:24px;
    padding:0 15px;
    position:relative;
    text-transform:uppercase;
}
.breadcrumbs li a{color:#FFF}
.breadcrumbs li:before{
    content:" / ";
    position:absolute;
    right:-7px;
    top:0;
}
.breadcrumbs li:last-child:before{display:none}

/*=============== Pagination ===================*/
.pagination{
    float:left;
    margin:80px 0 0;
    text-align:center;
    width:100%;
}
.pagination li{display:inline-block}
.pagination li a,
.pagination li span{
    border:2px solid #f1f1f1;
    border-radius:0 !important;
    color:#636363;
    float:left;
    font-size:18px;
    height:40px;
    line-height:36px;
    margin:0 5px;
    padding:0;
    width:40px;
}
/*=============== Events Page ===================*/
.events-page .event.closest{margin-bottom:50px}
.events-page{
    float:left;
    margin-bottom:-50px;
    width:100%;
}
/*=============== Daan Blog Page ===================*/
.daan-blog.grid-style{margin-bottom:-50px}
.grid-style .daan-post{
    display:table;
    margin-bottom:50px;
}
.daan-blog.rttl p {
    padding-right: 0;
    padding-left: 40px;
}
.grid-style .daan-post .post-img{
    display:table-cell;
    float:none;
    vertical-align:middle;
    width:auto;
}
.post-description{
    background:#f5f5f5 none repeat scroll 0 0;
    display:table-cell;
    padding-left:35px;
    padding-right:35px;
    vertical-align:middle;
}
.post-description h4{
    float:left;
    font-size:20px;
    font-weight:500;
    margin:0 0 10px;
    width:100%;
}
.grid-style .post-img > img{max-width:none}
/*=============== Single Page ===================*/
.daan-post.single-page{margin:0}
.single-page .post-img > span{
    font-size:18px;
    width:50px;
}
.single-page .post-img > span i{
    font-size:27px;
    line-height:27px;
}
.single-page .post-img > span::before{
    border-left-width:25px !important;
    border-right-width:25px !important;
    border-top-width:20px !important;
}
.single-page .post-img > span::after{
    border-left-width:25px !important;
    border-right-width:25px !important;
    border-top-width:27px !important;
}
.daan-post.single-page > p{line-height:26px}
.daan-post.single-page > h4{font-size:24px}
blockquote{
    background:#f5f5f5 none repeat scroll 0 0;
    color:#666666;
    float:left;
    font-size:13px;
    font-style:italic;
    line-height:26px;
    margin:0 10% 30px;
    padding:30px 40px;
    position:relative;
    width:80%;
    z-index:1;
}
blockquote:before{
    color:#ecebeb;
    content:"\f10e";
    font-family:fontawesome;
    font-size:70px;
    font-style:normal;
    z-index:-1;
    position:absolute;
    bottom:50px;
    right:50px;
}
blockquote strong{
    float:left;
    font-size:18px;
    font-style:normal;
    font-weight:600;
    margin-top:30px;
    padding-left:45px;
    position:relative;
    width:100%;
}
blockquote strong:before{
    background:black none repeat scroll 0 0;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    top:15px;
    width:35px;
}
blockquote strong i{
    display:table;
    font-size:12px;
    font-style:normal;
    font-weight:400;
}
.post-bottom{
    border-top:1px solid #eeeeee;
    float:left;
    padding-top:15px;
    width:100%;
}
.tags{
    float:left;
    width:50%;
}
.post-bottom strong{
    float:left;
    font-size:20px;
    font-weight:500;
    margin-right:5px;
}
.tags > a{
    color:#666666;
    float:left;
    font-size:14px;
    margin-top:4px;
    padding:0 2px;
}
.share-post{
    float:right;
    max-width:50%;
}
.share-post .round-socials{width:auto}
.share-post .round-socials a{
    background:none;
    border:1px solid #333;
    color:#333;
    float:left;
    font-size:14px;
    height:28px;
    line-height:28px;
    width:28px;
}
.share-post .round-socials a:hover{color:#FFF}
.share-post > strong{
    float:left;
    margin-right:10px;
    margin-top:5px;
}
.post-author{
    border-bottom:1px solid #eeeeee;
    display:table;
    float:left;
    margin-top:60px;
    padding-bottom:40px;
    width:100%;
}
.post-author > img{
    display:table-cell;
    float:none;
    margin-right:30px;
    vertical-align:middle;
}
.author-detail{
    display:table-cell;
    vertical-align:middle;
}
.author-detail h3{
    float:left;
    font-size:20px;
    font-weight:200;
    margin:0 0 20px;
    width:100%;
}
.author-detail > p{
    float:left;
    line-height:26px;
    margin:0;
    width:100%;
}
.comments{
    float:left;
    margin-top:40px;
    width:100%;
}
.subtitle{
    float:left;
    font-size:26px;
    font-weight:300;
    width:100%;
}
.comments ul{
    float:left;
    list-style:outside none none;
    margin:0;
    padding:0;
    width:100%;
}
.comments li{
    border-bottom:1px solid #eeeeee;
    float:left;
    margin-bottom:30px;
    padding-bottom:30px;
    width:100%;
}
.comments li:last-child{
    border:0 none;
    margin:0;
    padding:0;
}
.comment{
    display:table;
    float:left;
    width:100%;
}
.comment > img{
    display:table-cell;
    float:none;
    vertical-align:top;
}
.comment-detail{
    display:table-cell;
    padding-left:30px;
    vertical-align:top;
}
.comment-detail > h5{
    float:left;
    font-size:16px;
    font-weight:500;
    margin-bottom:10px;
    width:100%;
}
.comment-detail > span{
    float:left;
    font-size:13px;
    margin-bottom:20px;
    width:100%;
}
.comment-detail > p{line-height:26px}
.comment-detail > a{
   color:#fff;
    display:inline-block;
    font-size:11px;
    letter-spacing:1px;
    padding:7px 16px;
    text-transform:uppercase;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
}
.comment-detail > a:hover{color:#FFF}
.comments ul ul li:last-child{
    border:0 none;
    margin:0;
    padding:0;
}
.comments ul ul{
    border-top:1px solid #eee;
    margin-top:30px;
    padding-left:100px;
    padding-top:30px;
}
.comment-form{
    border-top:1px solid #eee;
    float:left;
    margin-top:60px;
    padding-top:30px;
    width:100%;
}
.comment-form input{
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    border-radius:40px;
}
.comment-form textarea{
    min-height:220px;
    resize:none;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
}
.daan-post.single-page > ul{
    color:#666666;
    line-height:26px;
    margin-bottom:30px;
}
.daan-post.single-page > ul.meta{
    line-height:20px;
    margin:0 0 15px;
}


/*=============== Event Detail ===================*/
.single-page p strong{
    font-size:18px;
    font-weight:200;
}
.fancy-list{
    list-style:outside none none;
    margin:0 auto;
    padding:0;
    float: left;
    width: 100%;
}
.daan-post.single-page > ul.fancy-list li{
    padding-left:40px;
    position:relative;
}
.daan-post.single-page > ul.fancy-list li:before{
    content:"\f064";
    font-family:fontawesome;
    position:absolute;
    left:0;
    top:0;
}
.single-gallery{
    float:left;
    width:100%;
}
.single-gallery a{
    float:left;
    margin-bottom:30px;
    width:100%;
}
.single-gallery img{width:100%}
.tickets{
    float:left;
    width:100%;
}
.tickets .btn{
    font-size:16px;
    margin-top:25px;
    text-transform:uppercase;
}
.tickets .remaining{
    float:right;
    margin-bottom:-30px;
}
.tickets{
    border-bottom:1px solid #eee;
    float:left;
    margin-top:20px;
    padding-bottom:30px;
    width:100%;
}
.events-social {
    border-top: 1px solid #eeeeee;
    float: left;
    margin-top: -1px;
    padding-top: 30px;
    width: 100%;
}
/*=============== Cause Detail ===================*/
.cause-donate-bar{
    display:table;
    float:left;
    margin-bottom:45px;
    width:100%;
}
.required{
    display:table-cell;
    padding-right:30px;
    vertical-align:middle;
    width:100%;
}
.cause-donate-bar .btn{
    float:left;
    margin-top:-15px;
    text-transform:uppercase;
}
.required .progress.style2{
    height:5px;
}
.progress.style2 .progress-bar{
    border: 5px solid #cccccc;
}
.cause-detail .progress.style2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

}
.single-page ul.simple-list{
    list-style:outside none none;
    margin:0;
    padding:0;
}
.single-page ul.simple-list li{
    color:#666666;
    font-size:15px;
    line-height:26px;
    padding-left:30px;
    position:relative;
}
.single-page ul.simple-list li:before{
    content:"\f105";
    font-family:fontawesome;
    left:10px;
    position:absolute;
    top:0;
}
.alignright{
    float:right;
    margin-left:30px;
}
/*=============== 404 Page ===================*/
.error-page{
    float:left;
    text-align:center;
    width:100%;
}
.error-page > h1{
    font-size:300px;
    line-height:230px;
    margin-bottom:70px;
}
.error-page > strong{
    float:left;
    font-size:32px;
    margin-bottom:20px;
    text-transform:uppercase;
    width:100%;
}
.error-page > span{
    color:#444444;
    float:left;
    font-size:24px;
    margin-bottom:40px;
    width:100%;
}

/*=============== Sidebar ===================*/
form.sidebar-form{
    border:1px solid #c6c6c6;
    float:left;
    overflow:hidden;
    width:100%;
    position:relative;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
}
form.sidebar-form input{
    border:0 none;
    color:#999999;
    float:left;
    font-size:14px;
    margin:0;
    width:100%;
}
form.sidebar-form button{
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:0 none;
    height:100%;
    padding:0;
    position:absolute;
    right:10px;
    top:0;
    width:40px;
}
.sidebar .widget-title{
    font-size:24px;
    font-weight:500;
    margin-bottom:30px;
}
.latest-posts.style2 .widget-post .post-detail{padding-left:15px}
.sidebar-cause{
    float:left;
    width:100%;
}
.sidebar-cause img{width:100%}
.sidebar-cause h5{
    float:left;
    font-size:16px;
    font-weight:200;
    margin:20px 0 10px;
    width:100%;
}
.sidebar-cause > span{
    color:#444444;
    float:left;
    font-size:14px;
    width:100%;
}
.sidebar-cause > span i{font-style:normal}
.newsletter-widget{
    float:left;
    width:100%;
}
.newsletter-widget > p{
    color:#999999;
    float:left;
    font-size:14px;
    width:100%;
}

/*=============== Recent Post Widget ===================*/
.recent-post-widget{
    float:left;
    width:100%;
}
.recent-posts{
    border-bottom:1px solid #eeeeee;
    float:left;
    margin-bottom:35px;
    padding-bottom:30px;
    width:100%;
}
.recent-posts > h5{
    color:#233a4f;
    float:left;
    font-size:16px;
    font-weight:200;
    margin-bottom:20px;
    width:100%;
}
.widget ul.meta li{
    color:#999999;
    font-size:12px;
    margin:0 20px 0 0;
    padding:0;
    width:auto;
}
.widget ul.meta li:before{display:none}
.widget ul.meta li:last-child{margin:0}
.widget ul.meta li i{margin-right:10px}
.recent-posts:last-child{
    border:0 none;
    margin:0;
    padding:0;
}
/*=============== Daan Popup ===================*/
.popup-wrapper {
    height: 100%;
    width: 100%;
    z-index: 1000000;
    display:none;
    position: fixed;
    left: 0;
    top: 0;
}
.popup-wrapper:before{
    content: "";
    height: 100%;
    width: 100%;
    opacity:0.95;
    position: absolute;
    top: 0;
    left: 0;
}
.popup-base {
    float: left;
    height: auto;
    left: 0;
    max-height: 100%;
    overflow: auto;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.daan-popup {
    background: #fff none repeat scroll 0 0;
    float: left;
    width: 100%;
    margin: 70px 0;
    padding: 100px;
    position:relative;
    text-align: center;
}
.daan-popup > span{
    color: #444444;
    float: left;
    font-size: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
}
.daan-popup > h2 {
    float: left;
    font-size: 42px;
    line-height: 30px;
    width: 100%;
}
.daan-popup > h2 i {
    font-style:normal;
    font-weight: 200;
}
.daan-popup > p {
    float: left;
    line-height: 24px;
    width: 100%;
}
.donation-progress {
    float: left;
    margin-bottom: 40px;
    margin-top: 20px;
    width: 100%;
}
.donation-progress .progress {
    height: 5px;
    margin-bottom: 30px;
    overflow: visible;
}
.progress-bar{position:relative}
.progress-bar > span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c6c6c6;
    color: #333;
    font-size: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    top: -10px;
}
.donation-progress > strong {
    float: left;
    font-size: 36px;
    text-align: center;
}
.donation-progress > strong i {
    font-style: normal;
}
.donation-progress > strong span {
    display: table;
    font-size: 12px;
    font-weight: 400;
    margin-top: 3px;
    text-transform: uppercase;
    width: 100%;
    color: #818181 !important;
}
.donation-progress > strong:last-child{float:right}
.choose-one {
    border-radius: 14px;
    float: left;
    list-style: outside none none;
    margin: 0 0 55px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.choose-one li {
    float: left;
    width: 50%;
}
.choose-one li:last-child {border-right: 0 none}
.choose-one li:first-child:nth-last-child(1),
.choose-one li:first-child:nth-last-child(1) ~ li{width:100%;}
.choose-one li:first-child:nth-last-child(2),
.choose-one li:first-child:nth-last-child(2) ~ li{width:50%;}
.choose-one li:first-child:nth-last-child(3),
.choose-one li:first-child:nth-last-child(3) ~ li{width:33.334%;}
.choose-one li:first-child:nth-last-child(4),
.choose-one li:first-child:nth-last-child(4) ~ li{width:25%;}
.choose-one li:first-child:nth-last-child(5),
.choose-one li:first-child:nth-last-child(5) ~ li{width:20%;}
.choose-one li:first-child:nth-last-child(6),
.choose-one li:first-child:nth-last-child(6) ~ li{width:16.666%;}
.choose-one li:first-child:nth-last-child(7),
.choose-one li:first-child:nth-last-child(7) ~ li{width:14.286%;}
.choose-one li:first-child:nth-last-child(8),
.choose-one li:first-child:nth-last-child(8) ~ li{width:12.5%;}

.choose-one li a{
    float: left;
    width:100%;
    font-size: 14px;
    padding: 20px;
    text-transform: uppercase;
    border-bottom: 6px solid rgba(0, 0, 0, 0.3);
    border-right: 1px solid #fff;
    color: #fff;
}
.close {
    color: #fff;
    height: 40px;
    line-height: 40px;
    cursor:pointer;
    position: absolute;
    right: 40px;
    top: 0;
    width: 40px;
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    -ms-border-radius: 0 0 30px 30px;
    -o-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
}
/*=============== Donation Page ===================*/
.donation-page {
    float: left;
    width: 100%;
}
.donation-page .daan-popup {
    margin: 0;
    padding: 0;
}
.your-donation {
    float: left;
    text-align: center;
    width: 100%;
}
.form-title i {
    font-style: normal;
    font-weight: 200;
}
.form-title {
    float: left;
    font-size: 28px;
    margin-bottom: 45px;
    text-transform: uppercase;
    width: 100%;
}
.your-donation > ul {
    float: left;
    list-style: outside none none;
    margin: 0 0 50px;
    padding: 0;
    width: 100%;
}
.your-donation > ul li {
    display: inline-block;
    margin: 0 1px;
}
.your-donation li a.active{color:#FFF}
.your-donation li a {
    border: 1px solid #c6c6c6;
    border-radius: 30px;
    color: #666666;
    display: inline-block;
    font-size: 15px;
    padding: 9px 25px;
}
.your-donation > textarea {
    color: #231f20;
    font-size: 24px;
    line-height: 100px;
    margin: 0 10% 40px;
    min-height: 160px;
    text-align: center;
    width: 80%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.donation-page .btn {
    display: table;
    margin: 0 auto;
}

.select-payment {
    float: left;
    margin-top: 80px;
    text-align: center;
    width: 100%;
}
.choose-one.style2 a {
    border: 0 none;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 10px;
    text-transform: capitalize;
}
.choose-one.style2 li{padding:0 15px}
.form {
    float: left;
    width: 100%;
}
.form input {
    color: #666666;
    font-size: 13px;
    height: 48px;
    text-transform: unset;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}


/*=============== Daan Projects ===================*/
.daan-projects {
    float: left;
    width: 100%;
}
.project-details {
    float: left;
    padding: 70px 0;
    position: relative;
    width: 30%;
}
.detail-inner {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.project-details h2 {
    color: #fff;
    float: left;
    font-size: 36px;
    font-weight: 400;
    width: 100%;
}
.project-details h2 span{font-weight:200}
.project-content {
    float: left;
    width: 100%;
}
.project-info {
    float: left;
    width: 100%;
}
.project-info > h3 {
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    width: 100%;
}
.project-info > p {
    color: #fff;
    float: left;
    width: 100%;
}
.project-progress {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.project-progress .progress {
    background: #fff none repeat scroll 0 0;
    height: 3px;
}
.project-progress > span {
    color: #fff;
    float: left;
    font-size: 15px;
    text-transform: uppercase;
}
.project-progress > span i {font-style:normal}
.project-progress > span:last-child{float: right}

.project-selectors {
    float: right;
    width: 70%;
    overflow:hidden;
}
.project-img{
    float: left;
    position: relative;
    overflow:hidden;
    cursor:pointer;
    width:100%;
    z-index:1;
}
.project-img.active {
    z-index:2;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
.project-img .project-info{display:none}
.project-img:before{
    border: 2px solid #444;
    content: "";
    opacity:0;
    height: 100%;
    width: 100%;
    z-index:1;
    position: absolute;
    left: 0;
    top: 0;
}
.project-img.active:before{opacity:1}
.project-img > img {
    width: 100%;
    z-index: -1;
}
.project-img.active > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.project-name {
    padding: 25px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
}
.project-img.active .project-name{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.project-name:before{
    content: "";
    height: 100%;
    width: 100%;
    opacity:0.7;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}
.project-name > h3 {
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 10px;
    width: 100%;
}
.project-name > strong {
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 200;
    margin-top: 5px;
    width: 50%;
}
.project-name > strong i{
    font-style: normal;
    margin: 0 3px;
}
.project-name > a.btn {
    float: right;
    font-size: 14px;
    letter-spacing: 0;
    max-width: 50%;
    padding: 7px 20px;
}
/*=============== Project Listing Page ===================*/
.daan-projects-page {
    float: left;
    margin-bottom: -40px;
    width: 100%;
}
.simple-project{
    float: left;
    margin-bottom: 40px;
    width: 100%;
	box-shadow: 0px 0px 10px 0px rgba(109.99999999999993, 69.00000000000003, 147.00000000000003, 0.31);
	padding:2%;
	text-align: center;
}
.project-image {
    float: left;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    overflow:hidden;
	box-shadow: 0px 0px 10px 0px rgba(109.99999999999993, 69.00000000000003, 147.00000000000003, 0.31);
	padding: 1%;
}
.project-image > img{width:100%}
.simple-project h3{
    float: left;
    font-size: 22px;
    font-weight: 400;
    margin: 30px 10px 15px 10px;
    width: 100%;
}
.simple-project > p{letter-spacing:-0.2px}
.simple-project .progress{height:5px}
.simple-project .btn{margin-top:30px}
.project-hover{
    padding:20px 25px;
    width: 100%;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
}
.simple-project:hover .project-hover{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.project-hover:before{
    content: "";
    height: 100%;
    opacity:0.9;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.project-hover .btn {
    float: right;
    margin: 0;
    max-width: 50%;
    padding: 8px 20px;
}
.project-hover > span {
    color: #fff;
    float: left;
    font-size: 15px;
    margin-top: 9px;
    max-width: 50%;
}
.project-hover > span i{font-style:normal}


/*=============== Footer ===================*/
footer{
    background:rgba(0, 0, 0, 0) url("../images/pattern2.png") no-repeat scroll center center;
    float:left;
    padding:95px 0;
    width:100%;
}
footer.stylee2 .widget > p {
    padding-right: 15px;
}
footer .wdtt .widget li::before {
    display: none;
}
footer.stylee2 .widget-title {
    font-size: 18px;
    color: #233a4f;
}

footer.stylee2 .post-thumb > img {
    border-radius: 0;
}
footer.stylee2 .widget-title {
    padding-bottom: 7px;
}
footer.stylee2 .widget-post {
    margin-bottom: 25px;
}
footer.stylee2 .post-detail > h4 {
    padding-right: 25px;
}
footer.stylee3 .widget-title  {
    margin-bottom: 30px;    
}
footer.stylee3 .widget-post {
    margin-bottom: 25px;
}
.widget{
    float:left;
    margin-bottom:80px;
    width:100%;
}
.widget:last-child{margin:0}
.widget .logo{
    display:table;
    margin-bottom:25px;
}
.widget > p {
    font-size: 16px;
    font-weight: 400;
    padding-right: 15px;
    margin-bottom: 30px;
}
.round-socials{
    float:left;
    width:100%;
    margin-bottom:-10px;
}
.round-socials > a{
    background:#666666 none repeat scroll 0 0;
    color:#fff;
    float:left;
    font-size:14px;
    height:41px;
    line-height:41px;
    margin-right:10px;
    text-align:center;
    width:41px;
    margin-bottom:10px;
}
.round-socials > a:hover{color:#FFF}
.widget-title{
    float:left;
    font-size:18px;
    line-height:20px;
    width:100%;
    font-weight: 500;
}
.widget ul{
    float:left;
    list-style:outside none none;
    margin:0;
    padding:0;
    width:100%;
}
.widget li {
    color: #666666;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.widget.fsst ul li:before {
    display: none;
}
.widget.fsst.rttl li {
    padding-right: 0;
}
.latest-posts.rttl h4 {
    padding-right: 0;
}
.widget.lsst li {
    padding-left: 30px;
}
.widget li:before{
    border-bottom:4px solid transparent;
    border-left:5px solid #666666;
    border-top:4px solid transparent;
    content:"";
    height:0;
    left:0;
    position:absolute;
    top:6px;
    width:0;
    -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -ms-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;
}
.widget li:hover:before{left:5px}
.widget li:last-child{margin:0}
.widget ul ul{margin:15px 0 20px}
.latest-posts{
    float:left;
    margin-bottom:-20px;
    width:100%;
}
.widget-post{
    display:table;
    margin-bottom:25px;
    width:100%;
}
.post-thumb{
    display:table-cell;
    vertical-align:top;
    position:relative;
}
.latest-posts.styll3 img {
    border-radius: 0;
}
.post-thumb > img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.post-thumb:before{
    content:"";
    height:100%;
    opacity:0;
    width:100%;
    position:absolute;
    left:0;
    top:0;
}
.post-thumb:after{
    color:#fff;
    content:"\f10e";
    font-family:fontawesome;
    font-size:24px;
    left:0;
    margin-top:-12px;
    opacity:0;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
}
.post-thumb:hover:before{opacity:0.7}
.post-thumb:hover:after{opacity:1}
.post-detail{
    display:table-cell;
    padding-left:30px;
    vertical-align:middle;
    width:100%;
}
.post-detail > h4 {
    color: #666666;
    float: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
    width: 100%;
    padding-right: 20px;
}
.post-detail > span{
    float:left;
    font-size:13px;
    width:100%;
    font-weight: 400;
    color: #878787;
}
.post-detail > span.views{
    color:#666666;
    font-size:12px;
}
.post-detail > span.views i{margin-right:5px}
.bottom-strip{
    float:left;
    padding:30px 0;
    width:100%;
    background-color: #2c2c2c;
}
.bottom-strip.stylee2 {
    background-color: #243a4f;
}
.bottom-strip p{
    color:#fff;
    float:left;
    font-size:14px;
    margin:0;
    font-family: 'Rubik';
    font-weight: 400;
}
.bottom-strip ul{
    float:right;
    list-style:outside none none;
    margin:0;
    padding:0;
}
.bottom-strip ul li{
    color:#fff;
    float:left;
    font-size:15px;
    line-height:25px;
    margin-left:30px;
    font-family: 'Rubik';
    font-weight: 400;
}


/* ===============================================================
    OWL CAROUSEL STYLING
================================================================*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}/* *   Owl Carousel - Auto Height Plugin*/.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}/* *  Core Owl Carousel CSS File*/.owl-carousel{display:none;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;/* fix for flashing background */-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}/* No Js */.no-js .owl-carousel{display:block}/* *    Owl Carousel - Lazy Load Plugin*/.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}/* *  Owl Carousel - Video Plugin*/.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
@-webkit-keyframes fadeIn{from{opacity:0} to{opacity:1} } @keyframes fadeIn{from{opacity:0} to{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes fadeOut{from{opacity:1} to{opacity:0} } @keyframes fadeOut{from{opacity:1} to{opacity:0} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} @-webkit-keyframes fadeOutRight{from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)} } @keyframes fadeOutRight{from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}

/* ===============================================================
    SELECT2 PLUGIN STYLING
================================================================*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;z-index:9999999}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px}.select2-container .select2-search--inline .select2-search__field:-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field:-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{position:absolute;top:1px;right:1px;width:40px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:-o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:-o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0}.select2-container--classic .select2-dropdown{background-color:white;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:white}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
.select2-container {
    float: left;
    margin-bottom: 28px;
    width: 100% !important;
}
span.selection {
    border: 1px solid #c6c6c6;
    border-radius: 30px;
    float: left;
    height: 48px;
    overflow: hidden;
    text-align: left;
    width: 100% !important;
}
.select2-container--default .select2-selection--single{
    border:0 none;
    border-radius:0;
    height:100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666;
    font-size: 13px;
    height: 100%;
    letter-spacing: 0.3px;
    line-height: 47px;
}
.select2-container--open .selection {
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -ms-border-radius: 30px 30px 0 0;
    -o-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0;
}
.select2-container--open.select2-container--above .selection {
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    -ms-border-radius: 0 0 30px 30px;
    -o-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{height:40px}
.select2-dropdown {
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    -ms-border-radius: 0 0 30px 30px;
    -o-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
    margin-top: -1px;
    padding: 20px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    float:left;
    margin-bottom:20px;
    width:100%;
}
.select2-search--dropdown{
    float:left;
    width:100%;
}
.select2-results{
    float:left;
    width:100%;
}
.select2-results__option {
    color: #636363;
    font-size: 12px;
    font-style: normal;
    padding: 8px 16px;
    text-transform: uppercase;
}
li.select2-results__option:before{display:none}
.select2-container .select2-selection--single .select2-selection__rendered{padding:0 40px 0 20px}
#html5-watermark{display:none!important}
.theme-layout.boxed .daan-volunteers {
    padding-left: 30px !important;
}

#message {padding:0;float:left;width:100%;margin:0 0 10px}
.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }
.loader {padding:25px 10px}
#contact #success_page h1 { background: url('../images/success.gif') left no-repeat; padding-left:22px; }




/* ======================= Sidepanel ========================= */
.side-panel-sec {
    background: #fafafa;
    left: -280px;
    position: fixed;
    top: 167px;
    width: 280px;
    z-index: 9999999;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.side-panel-sec.active{left:0}
.side-panel-sec > a {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin-right: -50px;
    background-color: #fafafa;
    background-image: url('../images/setting.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 9px 9px;
    
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    -o-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
.side-panel {
    float: left;
    position: relative;
    width: 100%;
}
.color-schemes {
    float: left;
    width: 100%;
}
.color-schemes > h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 0.30px;
    color: #222222;
    margin: 0;
    line-height: 10px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
.color-schemes > ul {
    display: table;
    float: none;
    padding: 0;
    margin: 0 auto;
}
.color-schemes > ul > li {
    float: left;
    list-style: none outside none;
    margin: 5px 5px;
}
.color-schemes > ul > li > a {
    background: transparent url("../images/color1.jpg") no-repeat scroll 0 0 / 30px 30px;
    cursor: pointer;
    float: left;
    height: 30px;
    width: 30px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.color-schemes > ul > li > a.color1{background-image: url("../images/color11.jpg")}
.color-schemes > ul > li > a.color2{background-image: url("../images/color1.jpg")}
.color-schemes > ul > li > a.color3{background-image: url("../images/color3.jpg")}
.color-schemes > ul > li > a.color4{background-image: url("../images/color4.jpg")}
.color-schemes > ul > li > a.color5{background-image: url("../images/color5.jpg")}
.color-schemes > ul > li > a.color6{background-image: url("../images/color6.jpg")}
.color-schemes > ul > li > a.color7{background-image: url("../images/color7.jpg")}
.color-schemes > ul > li > a.color8{background-image: url("../images/color8.jpg")}
.color-schemes > ul > li > a.color9{background-image: url("../images/color9.jpg")}
.color-schemes > ul > li > a.color10{background-image: url("../images/color10.jpg")}



.two-layouts {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: rgba(0,0,0,.02);
    padding-bottom: 10px;
}
.two-layouts > h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #222222;
    float: left;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.two-layouts > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 15px;
}
.two-layouts > ul > li {
    float: left;
    list-style: none;
    margin: 0 10px;
}
.two-layouts > ul > li > a {
    background-color:#28AB7C;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 15px 14px;
    cursor: pointer;
}

.two-layouts > ul > li > a.boxed-style {
    background-color: #ebab23;
}
.two-layouts .choose-bg > li {
    float: left;
    margin: 0;
    margin: 5px 5px;
}

.scroll
{
  position: fixed;
  bottom: 0;
  left: 0;
}

.two-layouts .choose-bg > li > a {
    background-color: none;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    
    padding: 0;
    height: 30px;
    width: 30px;
}