/*** ======= // TABLE OF CONTENT // ============================
1. General Styling
2. Cross Browser Compatibility
3. Header
4. Sticky Header
5. Responsive Header
6. Signup And Login Form Popup
7. Slider
8. Urgent Cause
9. Title
10. Video
11. Events Toggle
12. Upcoming Eventbar
13. Volunteer
14. Needed Donations
15. Join Us Parallax
16. Counters
17. Blog Detail Page
18. Comments Thread
19. Cause Single Page
20. Special Services
21. Services Carousel
22. Who We Are
23. Help Needed
24. Products
25. Fancy Projects
26. Clients Testimonial
27. Urgent Parallax
28. Causes Carousel
29. Parallax Banner
30. Successful Stories
31. Projects Carousel
32. Special Deal
33. Choose Us
34. Upcoming Event
35. Urgent Cause Progress
36. Blog Posts
37. Sidebar
38. Sponsors Carousel
39. Map
40. Page Top
41. Gallery
42. Cart Page
43. CheckOut Page
44. Product Detail
45. Search Not Found
46. Contact Box
47. Contact Form
48. Team Members
49. Team Detail Page
50. Event Single Page
51. Event Listing
52. Projects Listing
53. Donation Popup
54. Text Field
55. OWL CAROUSEL STYLING
56. SELECT2 PLUGIN STYLING

===================================================== ***/
.deal-desc > span ins, a:focus, a:hover, ins {
    text-decoration: none
}
.theme-layout, body {
    float: left;
    width: 100%
}
.c-hamburger, body.stop, html.stop {
    overflow: hidden
}
.block, .block.parallax-sec {
    padding: 90px 0
}
.amount > span, .title h2, .urgentcause-detail h3 {
    text-transform: uppercase
}
.amount > i, .blackbox i, .overlay-donation > span i, .sideheader-bottom > p i, .slide-subtitle i, .volunteer-inner > strong i {
    font-style: normal
}
.blog-detail-page > p, .comment > p, .post-detail > p, .sidebar .widget li.recentcomments a {
    word-wrap: break-word
}
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent
}
body, html {
    overflow-x: hidden
}
body {
    font-family: arimo;
    letter-spacing: .32px;
    position: relative
}
h1, h2, h3, h4, h5, h6 {
    font-family: montserrat;
    color: #303030
}
p {
    font-family: arimo;
    color: #505050;
    line-height: 28px;
    letter-spacing: .3
}
ol li, ol li a, ul li, ul li a {
    font-family: arimo;
    color: #888
}
a:focus, a:hover {
    outline: 0
}
button:focus, input:focus, select:focus, textarea:focus {
    outline: 0 !important
}
.theme-layout.boxed {
    background: #FFF;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 1230px;
    -webkit-box-shadow: 0 0 6px #747474;
    -moz-box-shadow: 0 0 6px #747474;
    -ms-box-shadow: 0 0 6px #747474;
    -o-box-shadow: 0 0 6px #747474;
    box-shadow: 0 0 6px #747474
}
.block, section {
    width: 100%;
    position: relative;
    float: left;
    z-index: 1;
}
.block .container, .block.no-padding, .container {
    padding: 0
}
.block.remove-gap {
    padding-top: 0
}
.block.remove-bottom {
    padding-bottom: 0
}
.block.gray, .gray {
    background-color: #f9f9f9
}
.block.dark-gray, .dark-gray {background-color: #eaeaea;}
.overlap {
    margin-top: -150px;
    z-index: 40;
}
.block.remove-gap.overlap {
    margin-top: 0
}
.block.overlap .container {
    background-color: #FFF;
    border-left: 30px solid #fff;
    border-right: 30px solid #fff;
    border-top: 30px solid #fff;
    margin-top: -50px;
    width: 1230px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
.block.gray.overlap .container {
    border-color: #f9f9f9;
    background-color: #f9f9f9
}
.remove-ext {
    float: left;
    margin-bottom: -30px;
    width: 100%
}
.fixed-bg, .parallax {
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2
}
.fixed-bg {
    background-attachment: fixed !important;
    background-size: cover !important
}
.blackish:before, .coloured:before, .grayish:before, .purple:before, .whitish:before {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}
.coloured:before {
    opacity: .9
}
.whitish:before {
    background-color: #FFF;
    opacity: .95
}
.grayish:before {
    background-color: #f8f8f8;
    opacity: .8
}
.blur {
    position: relative;
    float: left;
    width: 100%
}
.blur:after, .default-pattern:before, .pattern:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: "";
    height: 100%
}
.blur:after {
    z-index: -1;
    -webkit-box-shadow: 0 0 133px 131px #FFF inset;
    -moz-box-shadow: 0 0 133px 131px #FFF inset;
    -ms-box-shadow: 0 0 133px 131px #FFF inset;
    -o-box-shadow: 0 0 133px 131px #FFF inset;
    box-shadow: 0 0 133px 131px #FFF inset
}
iframe {
    border: 0;
    width: 100%;
    float: left
}
.default-pattern:before, .pattern:before {
    background: url(../images/pattern.png) rgba(97, 22, 45, .9)
}
.inline-list > li, header {
    float: left;
    position: relative
}
.pattern:before {
    background: url(../images/pattern.png) rgba(27, 27, 27, .95)
}
.purple:before {
    background-color: #61162d;
    opacity: .9
}
.parallax.still {
    background-position: 50% 50% !important
}
.added_to_cart, .big-btn, .blackbox, .blog-post, .button, .cause, .circular > a, .clients-testimonials, .column.overlap:before, .comment-form > p input, .comment-form > p textarea, .comments > form .field, .contact-form button, .contact-form input, .contact-form textarea, .counter-box, .deal-detail img, .deal > img, .don-amt > strong, .donation-figures li a, .enter-amount > input, .event-toggle, .fancy-counter-box, .field, .gallery-box, .gallery-box > span, .gallery-widget .row > div a, .join-btn, .join-us > a, .mod-gallery-info > a, .news, .newsletter-signup form input, .page-gallery-img a:before, .payment-box, .payment-type .nav li a, .popup-centralize, .popup-form, .popup-form > form input, .post-password-form input[type=submit], .proceed, .product, .product-img > a, .service-box, .slide-button, .sponsor, .textfield input, .textfield textarea, .theme-btn, .toggle-item, .upcoming-event, .upcoming-eventbar, .urgent, .urgent-detail > a, .urgent:before, .video, .video-widget, .volunteer, .volunteer-inner > a, .widget li a, .widget-post > a, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, a.theme-btn, header.dark-header .menu .container,
.slide-button2,
.help-box-inner > a,
.toggle-item2,
.toggle-item2 > h3,
.toggle-style4 .toggle-item2 > h3 > i,
.toggle-style9 .toggle-item2,
.bg-layer > p strong,
.services-listing.style2 div.service-detail,
.services-listing.style2 .service-img > img,
.contact-form select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.circular > div canvas, .event-toggle:before, .gallery-popup a, .message-by > img, .review > img, .service-carousel .owl-nav > div, .service-detail-img > span, .service-img > span, .skills > span, .social a, .sponsors-carousel .owl-nav > div, .tagclouds > a span:before, .tagges_in > span a:before, .toggle-item h2:after, .toggle-item h2:before,
.social-menu > a,
.help-box-inner > span,
.social-halfradius > li:hover > a,
.social-radius > li > a,
.toggle-item2 > h3 > span,
.toggle-style7 .toggle-item2 > h3 > i,
.dropcap-style9 > p strong,
.dropcap-style10 > p strong,
.dropcap-style11 > p strong,
.dropcap-style12 > p strong,
.messagebox-style3 .messagebox > i,
.messagebox-style3 .messagebox > i:before,
.service-style3 .service-box > span,
.needed .owl-carousel .owl-dots > div,
.help-needed .owl-carousel .owl-dots > div,
.causes-carousel .owl-dots > div{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
#pagination > ul > li:after, #pagination > ul > li > a, #pagination > ul > li > span, #team-detail-img li p, #team-detail-img > ul li, .added_to_cart:before, .big-btn, .blog-detail > h3 a, .blog-img a, .blog-img a i, .blog-img span img, .bottom-bar p a, .bottom-links li a, .button, .cats > a, .cause-detail > h3 a, .cause-detail > strong a, .cause-img > a.donate-btn, .cause-img > span, .cause-title h5 > a, .circular > a:before, .comment a.comment-reply-link, .contact-form button, .deal-desc > h4 a, .donate-btn:after, .donate-btn > i,.help-detail > a:after, .help-detail > a > i, .donation-figures li a, .enter-amount, .event-bar h3 a, .event-intro h3 a, .event-overlay-inner h5 a, .event-toggle ul.meta li, .event-toggle ul.meta li a, .event-toggle:before, .frequency li a:before, .gallery-box:before, .gallery-box > a, .gallery-box > span, .gallery-detail, .gallery-detail h3 a, .gallery-img a:after, .gallery-img a:before, .gallery-popup, .gallery-popup a, .join-btn, .join-us > a, .member-img:after, .member-img:before, .member-img img, .member-social, .menu-links, .needed-donation > img, .news-title > h3 a, .option-set li a, .overlay-donation, .overlay-title, .page-gallery-img a:before, .page-gallery-img:after, .page-gallery-img:before, .page-title > ul li a, .payment-type .nav li a, .poptrox-popup .nav-next, .poptrox-popup .nav-previous, .post-detail > h3 a, .post-img > span, .post-password-form input[type=submit], .product-img:before, .product-img > a, .product > h4 a, .project-hover, .project-info, .reset_variations, .service-block-inner h3 a, .service-box, .service-box > h3 a, .service-carousel .owl-nav > div, .service-detail h3 a, .share-this > a, .sideheader, .sideheader .c-hamburger, .sideheader-menu > ul li a, .sideheader.fancy .sideheader-menu > ul li a:after, .social a, .social-links > a, .sponsor, .story-detail h3 a, .story-img:before, .story-img > a, .tagcloud > a, .tagclouds > a span:after, .tagclouds > a span:before, .tagges_in span, .tagges_in span > a:after, .tagges_in > span a:before, .team-member > h4 a, .theme-btm, .theme-btn:before, .toggle-item, .toggle-item h2, .toggle-item h2:after, .upcoming-detail > h4 a, .urgent-detail > a, .urgentcause-detail h3 a, .urgentcause-gallery a:after, .urgentcause-gallery a:before, .video iframe, .video-title, .video > a, .volunteer-inner > a, .welfare-project:after, .welfare-project:before, .widget li a, .woocommerce-review-link, .wpdonation-button, .your-donation .proceed, a.theme-btn, a.theme-btn:before, body, header .menu .logo img, header .menu-parent .logo img, header nav > .menu > ul > li > a, header nav > ul > li > a, header.dark-header .menu .container, nav > .menu > ul > li ul li a, nav > .menu > ul > li ul li.menu-item-has-children:before, nav > .menu > ul > li ul:before, nav > .menu > ul > li.menu-item-has-children > a:before, nav > ul > li ul li a, nav > ul > li ul li.menu-item-has-children:before, nav > ul > li ul:before, nav > ul > li.menu-item-has-children > a:before, ul.meta li a,
.social-menu > a,
.help-box-inner > a,
.help-box-inner > span,
.help-box-inner > span > img,
.help-box:before,
.help-box:after,
.help-box-inner > p,
.help-box-inner > i,
.btns,
.socialmedia-btns > li > a, 
.toggle-item2 > h3, 
.toggle-item2 > h3 > span,
.toggle-item2,
.featured-video-cap > a,
.tabs-styles .nav > li > a,
.tabs2 .nav > li:before,
.services-listing.style2 .service-img > span,
.needed .owl-carousel .owl-nav > div,
.help-needed .owl-carousel .owl-nav > div,
.causes-carousel .owl-carousel .owl-nav > div,
.needed .owl-carousel .owl-nav > div:before,
.help-needed .owl-carousel .owl-nav > div:before,
.causes-carousel .owl-carousel .owl-nav > div:before,
.needed .owl-carousel .owl-dots > div,
.help-needed .owl-carousel .owl-dots > div,
.causes-carousel .owl-dots > div,
.close-btn,
.simple-blog-carousel .owl-nav > div {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
header {
    overflow: visible;
    width: 100%;
    z-index: 99999
}
.topbar {
    float: left;
    width: 100%
}
.inline-list {
    float: left;
    list-style: none;
    margin: 0 0 0 30px;
    padding: 12px 0
}
.inline-list > li {
    font-size: 11px;
    margin-right: 30px;
    padding-right: 30px;
    letter-spacing: .3px
}
.inline-list > li:before {
    background: #494949;
    content: "";
    height: 14px;
    margin-top: -7px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px
}
.inline-list > li:last-child:before {
    display: none
}
.inline-list > li:last-child {
    margin: 0;
    padding: 0
}
.inline-list > li a {
    font-size: inherit;
    color: inherit;
    letter-spacing: inherit
}
.inline-list > li i {
    font-size: 14px;
    margin-right: 10px
}
.inline-list.registration-btn > li a {
    font-size: 10px
}
.menu-parent, div.menu {
    background: #fff;
    width: 100%
}
.menu-parent .container, div.menu .container {
    display: table
}
.logo, nav {
    display: table-cell;
    vertical-align: middle
}
nav {
    padding: 0
}
.sideheader-menu > ul li ul li:after, .sideheader-menu > ul li ul li:before, .sideheader.fancy .sideheader-menu > ul li:after, .sideheader.fancy .sideheader-menu > ul li:before {
    display: none
}
nav > .menu > ul, nav > ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0
}
nav > .menu > ul > li, nav > ul > li {
    float: left;
    position: relative
}
nav > .menu > ul > li > a, nav > ul > li > a {
    color: #343434;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    padding: 40px 25px;
    position: relative;
    text-align: center
}
nav > .menu > ul > li.menu-item-has-children > a:before, nav > ul > li.menu-item-has-children > a:before {
    color: #000;
    content: "\f107";
    font-family: fontawesome;
    font-size: 15px;
    margin-top: -7.5px;
    line-height: 15px;
    height: 15px;
    width: 15px;
    opacity: 0;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px)
}
nav > .menu > ul > li.menu-item-has-children:hover > a:before, nav > ul > li.menu-item-has-children:hover > a:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
nav > .menu > ul > li ul, nav > ul > li ul {
    list-style: none;
    padding: 20px 0;
    width: 260px;
    position: absolute;
    top: 100%;
    left: -9999px;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -ms-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear
}
nav > .menu > ul > li:hover > ul, nav > ul > li:hover > ul {
    left: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    z-index: 1
}
nav > .menu > ul > li ul:after, nav > .menu > ul > li ul:before, nav > ul > li ul:after, nav > ul > li ul:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1
}
nav > .menu > ul > li ul:after, nav > ul > li ul:after {
    background: #FFF;
    opacity: .85
}
nav > .menu > ul > li > ul li > ul, nav > ul > li > ul li > ul {
    padding: 20px 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -ms-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear
}
.gallery-widget .row > div a:hover:before, nav > .menu > ul > li ul li, nav > ul > li ul li {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear
}
nav > .menu > ul > li > ul li:hover > ul, nav > ul > li > ul li:hover > ul {
    left: 100%;
    top: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}
nav > .menu > ul > li ul li, nav > ul > li ul li {
    float: left;
    opacity: 0;
    width: 100%;
    padding: 0 40px;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
nav > .menu > ul > li:hover > ul:before, nav > .menu > ul > li:hover > ul > li, nav > .menu > ul > li > ul li:hover > ul li, nav > .menu > ul > li > ul li:hover > ul:before, nav > ul > li:hover > ul:before, nav > ul > li:hover > ul > li, nav > ul > li > ul li:hover > ul li, nav > ul > li > ul li:hover > ul:before {
    opacity: 1
}
nav > .menu > ul > li ul li a, nav > ul > li ul li a {
    float: left;
    padding: 12px 0;
    width: 100%;
    font-family: montserrat;
    font-size: 13px;
    color: #2e2e2e;
    border-bottom: 1px solid #dfdfdf
}
nav > .menu > ul > li ul li:last-child > a, nav > ul > li ul li:last-child > a {
    border: 0
}
nav > .menu > ul > li ul li.menu-item-has-children:before, nav > ul > li ul li.menu-item-has-children:before {
    color: #9E9E9E;
    content: "\f105";
    font-family: fontawesome;
    font-size: 11px;
    height: 16px;
    line-height: 15px;
    position: absolute;
    right: 40px;
    text-align: center;
    top: 16px;
    width: 15px
}
nav > .menu > ul > li ul li.menu-item-has-children:hover:before, nav > ul > li ul li.menu-item-has-children:hover:before {
    right: 30px
}
.menu .theme-btn, .menu-parent .theme-btn {
    float: right;
    margin-left: 20px;
    margin-top: 25px
}
.header-donate:hover {
    background: #FFF
}
header.dark-header .menu {
    background: rgba(0, 0, 0, 0);
    /*position: absolute;*/
    top: 100%;
}
.header-overlap {
    position: absolute;
}
header.dark-header {
    margin: 0 !important
}
header.dark-header .menu .container {
    background: rgba(0, 0, 0, .5);
    margin-top: 10px;
    padding: 0 30px
}
header.dark-header nav > ul > li > a {
    color: #FFF;
    padding: 35px 25px
}
header.dark-header nav > ul > li ul:after {
    background: #000
}
header.dark-header nav > ul > li ul li a {
    border-bottom: 1px solid #404040;
    color: #efefef
}
header.dark-header .menu .theme-btn {
    margin-top: 20px
}
.topbar.dark {
    background: #3a3a3a
}
.topbar.dark .inline-list > li {
    color: #d8d8d8
}
.sideheader {
    background: #fff;
    height: 100%;
    z-index: 1000000000;
    position: fixed;
    left: -370px;
    top: 0;
    width: 350px;
    padding: 40px;
    -webkit-box-shadow: 0 0 13px #9f9f9f;
    -moz-box-shadow: 0 0 13px #9f9f9f;
    -ms-box-shadow: 0 0 13px #9f9f9f;
    -o-box-shadow: 0 0 13px #9f9f9f;
    box-shadow: 0 0 13px #9f9f9f
}
.sideheader.show {
    left: 0
}
.sideheader .c-hamburger {
    position: absolute;
    right: -48px;
    top: 0
}
.sideheader.show .c-hamburger {
    right: 0
}
.sideheader .logo {
    float: left;
    margin: 0 0 50px 0;
    text-align: center;
    width: 100%
}
.sideheader-menu {
    background: url(../images/sideheader.jpg) 0 0/cover rgba(0, 0, 0, 0);
    float: left;
    max-height: 400px;
    padding: 0 !important;
    width: 100%
}
.sideheader-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.sideheader-menu > ul li {
    float: left;
    margin-bottom: 10px;
    padding: 30px 40px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}
.sideheader-menu > ul li:after, .sideheader-menu > ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%
}
.sideheader-menu > ul li a {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 15px;
    font-weight: 600;
    width: 100%
}
.sideheader-bottom > p, .sideheader-menu > ul li ul li a {
    font-family: montserrat;
    font-size: 13px;
    font-weight: 300
}
.sideheader-menu > ul li:before {
    background: #fff;
    height: 10px;
    bottom: -10px
}
.sideheader-menu > ul li:after {
    background: #000;
    height: 100%;
    opacity: .85;
    z-index: -1;
    top: 0
}
.sideheader-menu > ul li ul {
    display: none;
    float: left;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    width: 100%
}
.sideheader-menu > ul li ul li {
    padding: 0
}
.track3 {
    width: 10px;
    background-color: transparent;
    margin-right: 2px;
    border-radius: 10px
}
.track3.dragging, .track3:hover {
    background: #ccc;
    background: rgba(0, 0, 0, .2)
}
.handle3 {
    width: 7px;
    background: #8c8c8c;
    background: rgba(0, 0, 0, .45);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    right: 0;
    -webkit-transition: width 250ms;
    -moz-transition: width 250ms;
    -ms-transition: width 250ms;
    -o-transition: width 250ms;
    transition: width 250ms;
}
.track3.dragging .handle3, .track3:hover .handle3 {
    width: 10px
}
.sideheader-bottom {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%
}
.sideheader-bottom > p {
    color: #626060;
    margin: 0;
    padding: 0 20px
}
.sideheader.fancy .sideheader-menu {
    background: 0 0
}
.sideheader.fancy .sideheader-menu > ul > li {
    padding: 5px 10px
}
.sideheader-menu .sideheader-menu > ul li a, .sideheader.fancy .sideheader-menu > ul li a {
    color: #363535
}
.sideheader.fancy .sideheader-menu > ul li a:after {
    content: "\f101";
    display: inline-block;
    font-family: fontawesome;
    font-weight: 500;
    margin-left: 4px;
    width: 10px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}
.sideheader.fancy .sideheader-menu > ul li a.active:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}
.needed-donation:hover .overlay-title, .side-megamenu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
	transform: translateY(0);
}
.side-megamenu {
    background: url(../images/dropdown.jpg) 0 0/cover no-repeat #FFF;
    left: -99999px;
    padding: 90px 30px 90px 270px;
    position: fixed;
    top: 250px;
    width: 750px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    transform: translateY(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .3s linear, opacity .3s linear;
    -moz-transition: -moz-transform .3s linear, opacity .3s linear;
    -ms-transition: -ms-transform .3s linear, opacity .3s linear;
    -o-transition: -o-transform .3s linear, opacity .3s linear;
    transition: transform .3s linear, opacity .3s linear
}
.sideheader-menu > ul li .side-megamenu.active {
    left: 370px;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.side-megamenu h4 {
    color: #353535;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px;
    text-align: left;
    width: 100%
}
.c-hamburger, .sideheader-menu > ul li .side-megamenu ul {
    margin: 0;
    display: block
}
.sideheader-menu > ul li .side-megamenu ul li {
    text-align: left
}
.sideheader.fancy .c-hamburger {
    background: #000;
    right: -48px;
    width: 48px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}
.sideheader.fancy .c-hamburger span, .sideheader.fancy .c-hamburger span:after, .sideheader.fancy .c-hamburger span:before {
    background-color: #fff;
}
.sideheader.fancy .c-hamburger--htx.is-active span {
    background: 0 0
}
.c-hamburger {
    position: relative;
    padding: 0;
    width: 48px;
    height: 48px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.event-toggle, .post-listview {
    -webkit-box-shadow: 0 1px 3px #dfdfdf;
    -moz-box-shadow: 0 1px 3px #dfdfdf;
    -ms-box-shadow: 0 1px 3px #dfdfdf;
    -o-box-shadow: 0 1px 3px #dfdfdf;
    box-shadow: 0 1px 3px #dfdfdf;
}
.c-hamburger:focus {
    outline: 0
}
.c-hamburger span {
    background: #fff;
    display: block;
    height: 2px;
    left: 25%;
    position: absolute;
    top: 24px;
    width: 50%
}
.c-hamburger span:after, .c-hamburger span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: ""
}
.c-hamburger span::after {
    bottom: -7px;
    left: initial;
    right: 0;
    width: 17px;
}
.c-hamburger--htx, .c-hamburger--htx.is-active span {
    background: 0 0
}
.c-hamburger span:before {
    top: -7px
}
.c-hamburger span:after {
    bottom: -7px
}
.c-hamburger--htx span {
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s
}
.c-hamburger--htx span:after, .c-hamburger--htx span:before {
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
}
.c-hamburger--htx span:before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform
}
.c-hamburger--htx span:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}
.c-hamburger--htx.is-active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.c-hamburger--htx.is-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.c-hamburger--htx.is-active span:after, .c-hamburger--htx.is-active span:before {
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}
header.sticky .menu-parent, header.sticky div.menu {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, .97)
}
header.sticky div.menu .logo, header.sticky div.menu-parent .logo {
    margin: 10px 0
}
header div.menu .logo img, header div.menu-parent .logo img {
    max-width: 230px
}
/*header.sticky div.menu .logo img, header.sticky div.menu-parent .logo img {*/
    /*max-width: 110px*/
/*}*/
header.sticky nav > ul > li > a {
    padding: 27px 25px
}
header.sticky div.menu .theme-btn, header.sticky div.menu-parent .theme-btn {
    margin-top: 12px
}
header.sticky.dark-header div.menu {
    background: 0 0
}
header.sticky.dark-header div.menu .container {
    margin-top: 0
}
header.dark-header.sticky div.menu .container {
    background: rgba(0, 0, 0, .7)
}
#responsive-header {
    display: none
}
#responsive-header .topbar ul {
    float: left;
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 3px 0
}
#responsive-header .topbar ul li {
    display: inline-block;
    float: none
}
#responsive-header .social-media > li a {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    width: 30px
}
#responsive-menu {
    background: #171717;
    float: left;
    width: 100%;
    padding: 10px 30px;
    position: relative
}
#responsive-menu .logo {
    float: left;
    margin: 0
}
#responsive-menu .logo img {
    width: 120px
}
#responsive-menu > span {
    float: right;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    background: #3F3F3F;
    font-size: 14px;
    cursor: pointer
}
.close-btn {
    position: absolute;
    top: 40px;
    right: 40px;
    height: 25px;
    width: 25px;
    font-size: 11px;
    color: #fff;
    background: #444;
    text-align: center;
    cursor: pointer;
    line-height: 25px;
}
.menu-links {
    background: #171717;
    height: 100%;
    padding: 80px 20px 20px;
    width: 100% !important;
    z-index: 10000;
    position: fixed;
    right: -100%;
    top: 0
}
.menu-links.slide {
    right: 0
}
.menu-links > ul ~ div {
    right: 0 !important;
    left: auto !important;
}
.menu-links > ul {
    display: block;
    height: 100%;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    width: 250px !important;
}
.menu-links > ul li {
    float: left;
    position: relative;
    width: 100%
}
.menu-links > ul li a {
    color: #bfbfbf;
    font-family: arimo;
    font-size: 12px;
    padding: 10px 0;
    float: left;
    width: 100%
}
.menu-links > ul li:after, .menu-links > ul li:before {
    background: #404040;
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}
.menu-links > ul li:after {
    background: #000;
    bottom: 1px
}
.menu-links > ul li ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    width: 100%;
    display: none
}
#responsive-header .topbar {
    display: none;
    background: #272727
}
#responsive-menu span.show-topbar {
    background: #3f3f3f;
    color: #fff;
    line-height: 30px;
    margin-left: -15px;
    text-align: center;
    height: 30px;
    width: 30px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    z-index:99999;
}
.popup, .popup-centre, .popup-form:before {
    height: 100%;
    left: 0;
    top: 0
}
.show-topbar i {
    color: #fff;
    float: left;
    line-height: 30px;
    width: 100%
}
.show-topbar.slide i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.popup {
    background: rgba(0, 0, 0, .95);
    width: 100%;
    overflow: auto;
    display: none;
    z-index: 100000000000;
    position: fixed
}
.popup-centre {
    width: 100%;
    text-align: center;
    position: absolute
}
.popup-centre:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.popup-form {
    background-image: url(../images/popup-bg.jpg);
    background-size: cover;
    display: none;
    overflow: hidden;
    padding: 70px 60px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 570px;
    z-index: 1
}
.amount > i, .popup-form.active {
    display: inline-block
}
.amount > span, .circular span, .title, .urgent-progress {
    text-align: center
}
.popup-form:before {
    background: rgba(60, 76, 85, .9);
    content: "";
    width: 100%;
    z-index: -1;
    position: absolute
}
.popup-form > span {
    color: #fff;
    font-family: arimo;
    font-size: 17px;
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 40px
}
.popup-form > strong {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 24px;
    letter-spacing: .5px;
    line-height: 23px;
    margin-bottom: 10px;
    width: 100%
}
.popup-form > p {
    color: #e3e3e3;
    float: left;
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 30px;
    width: 100%
}
.popup-form > form {
    float: left;
    width: 100%
}
.popup-form > form input {
    border: 0;
    color: #5b6e79;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 49px;
    margin-bottom: 10px;
    padding: 10px 20px;
    width: 100%
}
.popup-form > form p {
    color: #FFF;
    font-size: 13px;
    font-family: arimo;
    letter-spacing: .6px;
    line-height: 20px;
    margin: 10px 0 20px
}
.blackbox, .slide-subtitle, .slide-text, .slide-title {
    font-family: montserrat;
    color: #FFF
}
.popup-form > form p a {
    text-decoration: underline
}
.popup-form > form input[type=submit] {
    text-transform: uppercase;
    width: auto;
    height: auto;
    margin: 0;
    padding: 14px 30px;
    color: #FFF;
    background: #000
}
.slide-title {
    letter-spacing: .5px
}
.slide-text {
    font-weight: 700
}
.blackbox {
    background: rgba(0, 0, 0, .7);
    letter-spacing: 4px
}
.slide-subtitle i {
    color: #111;
    font-weight: 800
}
.urgent-cause {
    float: left;
    width: 100%
}
.urgentcause-detail, .who-we-text {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}
.who-we-text p {
    font-size: 13px;
    color: #646464
}
.urgentcause-detail > span {
    float: left;
    font-family: arimo;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 15px;
    width: 100%
}
.urgentcause-detail > span i {
    margin-right: 10px
}
.urgentcause-detail h3 {
    color: #454545;
    float: left;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px;
    width: 100%
}
.urgentcause-detail h3 a {
    color: inherit
}
.gray .urgentcause-detail:before, .gray .who-we-text:before {
    background: #f8f8f8
}
.urgentcause-detail > p {
    color: #666;
    float: left;
    font-size: 14px;
    margin: 0;
    width: 100%
}
.urgentcause-detail .theme-btn {
    margin-top: 30px
}
.urgent-progress {
    float: left;
    width: 90%;
    margin: 40px 5% 0
}
.urgent-progress .row > div {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin-left: -3px;
    padding-left: 18px
}
.amount {
    float: left;
    font-family: montserrat;
    font-weight: 600;
    letter-spacing: .3px;
    width: 100%
}
.countdown-section:last-child:before, .event-desc {
    display: none
}
.amount > span {
    color: #5c5c5c;
    float: left;
    font-size: 11px;
    font-weight: 400;
    width: 100%;
    margin-top: 5px
}
.circular {
    float: left;
    position: relative;
    width: 100%
}
.circular > div {
    float: left;
    height: 100% !important;
    position: relative;
    width: 100% !important
}
.circular > div:before {
    content: "%";
    font-family: montserrat;
    font-size: 30px;
    font-weight: 200;
    position: absolute;
    right: -36px;
    top: 38px;
    width: 100%
}
.circular > div canvas {
    background: #fff;
    height: 100% !important;
    overflow: hidden;
    width: 100% !important
}
.circular > div input {
    color: #303030 !important;
    font-family: montserrat !important;
    font-size: 32px !important;
    font-weight: 200 !important;
    height: auto !important;
    left: -10px;
    margin: 0 !important;
    position: absolute;
    top: 40px;
    width: 100% !important
}
.circular span, .circular > a {
    font-family: montserrat;
    position: absolute
}
.circular > a {
    background: #414141;
    bottom: 40px;
    color: #eee;
    font-size: 9px;
    left: 50%;
    line-height: 15px;
    overflow: hidden;
    padding: 5px 12px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}
.circular > a:before {
    background: #fff;
    content: "";
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    z-index: -1
}
.circular > a:hover:before {
    left: 0;
    width: 100%
}
.circular span {
    left: 0;
    bottom: 38px;
    width: 100%;
    font-size: 12px;
    font-weight: 300
}
.urgentcause-gallery, .urgentcause-gallery a {
    float: left;
    width: 100%
}
.urgentcause-gallery a img {
    height: auto;
    width: 100%
}
.gallery-img a:before, .urgentcause-gallery a:before {
    background: #000;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}
.gallery-img a:hover:before, .urgentcause-gallery a:hover:before {
    opacity: .7
}
.gallery-img a:after, .urgentcause-gallery a:after {
    color: #fff;
    content: "\f065";
    font-family: fontawesome;
    font-size: 22px;
    height: 40px;
    left: 50%;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0)
}
.title, .title h2, .title > span, .urgent-cause-list {
    width: 100%;
    float: left
}
.gallery-img a:hover:after, .urgentcause-gallery a:hover:after {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1)
}
.urgentcause-gallery > div {
    padding: 0 .5px;
    margin-bottom: 1px
}
.urgent-cause-list {
    margin-bottom: -50px
}
.urgent-cause-list .urgent-cause {
    margin-bottom: 50px
}
.title {
    margin-bottom: 40px
}
.title > span {
    color: #767676;
    font-family: arimo;
    font-size: 14px;
    letter-spacing: .3px;
    margin-top: 10px
}
.title h2 {
    color: #3f3f3f;
    font-family: montserrat;
    font-size: 26px;
    font-weight: 700;
    margin: 0
}
.title h2 i, .title h2 span {
    font-style: normal;
    font-weight: 700
}
.blackish .title.light h2, .blackish .title.light > span {
    color: #FFF
}
.title > p {
    float: left;
    font-family: arimo;
    font-size: 15px;
    margin: 15px 30% 0;
    width: 40%
}
.blackish .title.light > p {
    color: #cacaca
}
.title.style2 {
    text-align: left
}
.title.style2 h2 {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    text-transform: initial
}
.title.style2 > span {
    background: #fff;
    padding-right: 20px;
    width: auto;
    position: relative
}
.gray .title.style2 > span {
    background: #f9f9f9
}
.title.style2 h2:before, .title.style2 > span:before {
    background: #e4e4e4;
    content: "";
    position: absolute
}
.title.style2 h2:before {
    height: 1px;
    width: 100%;
    z-index: 0;
    bottom: -20px;
    left: 0
}
.title.style2 > span:before {
    height: 3px;
    right: 0;
    top: 11px;
    width: 60px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}
.video {
    float: left;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    width: 100%
}
.video > img {
    height: auto;
    width: 100%
}
.video > a {
    font-size: 25px;
    height: 70px;
    width: 70px;
    line-height: 55px;
    text-align: center;
    margin-left: -35px;
    margin-top: -35px;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.video.active > a {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}
.video > a.pause {
    font-size: 12px;
    height: 40px;
    line-height: 29px;
    margin: 0;
    width: 40px;
    top: 20px;
    left: 20px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}
.video > a:before {
    color: #fff;
    content: "\f16a";
    font-family: fontawesome;
    font-size: 72px;
    line-height: 55px;
    text-shadow: 0 1px 7px #202020
}
.video.style2 .play:before {
    background-image: url(../images/play.png);
    content: "";
    height: 77px;
    left: 0;
    margin-top: -40px;
    position: absolute;
    top: 0;
    width: 77px
}
.video iframe, .video-title {
    left: 0;
    position: absolute;
    width: 100%
}
.video > a.pause:before {
    content: "\f04c";
    font-size: 15px;
    line-height: 29px
}
.video.active > a.pause {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.video iframe {
    opacity: 0;
    height: 100%;
    top: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}
.video.active iframe {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.video-title {
    bottom: 0;
    padding: 30px
}
.video-title > h3 {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .3px;
    margin: 0;
    padding: 30px;
    position: relative;
    width: 100%;
    z-index: 0
}
.video-title > h3:before, .video.style2:before {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    content: ""
}
.video-title > h3 a {
    color: #fff
}
.video-title > h3:before {
    top: 0;
    z-index: -1;
    border-radius: 3px;
    opacity: .9
}
.video.style2 {
    z-index: 0
}
.video.style2:before {
    background: #000;
    bottom: 0;
    opacity: .6;
    z-index: 0
}
.video-title.active {
    bottom: -170px
}
.events {
    float: left;
    width: 100%;
    margin-bottom: -10px
}
.event-toggle {
    background: #fff;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    padding: 30px 40px 30px 150px;
    position: relative;
    width: 100%;
    box-shadow: 0 1px 3px #dfdfdf
}
.event-bar {
    float: left;
    width: 100%
}
.event-bar h3 {
    color: #555;
    float: left;
    font-size: 15px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 10px;
    text-transform: uppercase;
    width: 100%;
    padding-right: 60px
}
.event-bar h3 a {
    color: inherit
}
.event-toggle:before {
    background: #f9f9f9;
    border: 3px solid #fff;
    color: #393838;
    content: "\f107";
    font-family: fontawesome;
    font-size: 12px;
    height: 26px;
    line-height: 20px;
    margin-top: -13px;
    text-align: center;
    width: 26px;
    position: absolute;
    right: -13px;
    top: 50%
}
.event-inner, .post-img > span {
    -webkit-border-radius: 3px 0 0;
    -moz-border-radius: 3px 0 0;
    -o-border-radius: 3px 0 0;
	-ms-border-radius: 3px 0 0;
	border-radius: 3px 0 0;
}
.event-toggle.active:before, .event-toggle:hover:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.event-bar > div {
    padding: 0
}
.count-down {
    float: left;
    width: 100%
}
.countdown-period {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    font-family: arimo;
    font-size: 12px;
    color: #888
}
.countdown-amount {
    float: left;
    width: 100%;
    font-family: montserrat;
    font-size: 22px;
    font-weight: 700
}
.countdown-section {
    float: left;
    padding-top: 20px;
    position: relative;
    text-align: center;
    width: 25%
}
.countdown-section:before {
    border-left: 1px dashed #e1e1e1;
    content: "";
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px
}
.event-toggle:after, .upcoming-eventbar:before {
    height: 100%;
    top: 0;
    content: ""
}
.event-desc, ul.meta {
    width: 100%;
    float: left
}
.event-desc {
    border-top: 1px dashed #e1e1e1;
    margin-top: 30px;
    padding-top: 20px
}
.event-desc > p {
    color: #666;
    font-size: 14px;
    margin: 0
}
ul.meta {
    list-style: none;
    margin: 0;
    padding: 0
}
ul.meta li {
    font-size: 11px;
    padding: 0;
    font-family: arimo
}
ul.meta li i {
    font-size: 12px;
    margin-right: 10px
}
.event-toggle .event-date {
    color: #514f4f
}
.event-toggle .event-date strong {
    color: #464646
}
.event-toggle:after {
    position: absolute;
    left: 120px;
    width: 1px;
    background: #f9f9f9
}
.event-toggle.active {
    background: #fdfdfd
}
.upcoming-eventbar.overlap {
    margin-top: -70px
}
.upcoming-eventbar {
    background: url(../images/event-bar.jpg) 0 0/cover no-repeat rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .31);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .31);
    -ms-box-shadow: 0 4px 5px rgba(0, 0, 0, .31);
    -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .31);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .31);
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 0 0 125px;
    position: relative;
    width: 100%;
    z-index: 10000
}
.blog-detail .meta, .counter-box {
    box-shadow: 0 1px 2px #dfdfdf
}
.upcoming-eventbar:before {
    background: #000;
    width: 100%;
    opacity: .5;
    z-index: -1;
    position: absolute;
    left: 0
}
.event-date {
    color: #f3f3f3;
    font-family: arimo;
    font-size: 12px;
    left: 0;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 125px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.event-date > strong {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 26px;
    width: 100%
}
.upcoming-eventbar .event-date > strong {
    font-size: 30px
}
.event-inner {
    background: #fff;
    display: table;
    margin-bottom: 0;
    padding: 40px 60px;
    width: 100%;
    -ms-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0
}
.event-inner > img, .event-intro {
    display: table-cell
}
.event-intro {
    vertical-align: middle;
    width: 45%
}
.event-intro h3 {
    color: #555;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    text-transform: uppercase;
    width: 80%
}
.join-us, .start-time {
    display: table-cell;
    vertical-align: middle
}
.event-intro h3 a {
    color: inherit
}
.start-time {
    width: 30%
}
.join-us {
    text-align: right;
    width: 25%
}
.start-time .count-down {
    display: inline-block;
    float: none;
    vertical-align: middle
}
.added_to_cart, .post-password-form input[type=submit], .slide-button, .theme-btn, a.theme-btn {
    border: 0;
    color: #fff;
    display: inline-block;
    font-family: montserrat;
    font-size: 12px;
    letter-spacing: .3px;
    padding: 15px 40px;
    position: relative;
    vertical-align: middle;
    text-transform: uppercase
}
.added_to_cart:hover, .post-password-form input[type=submit]:hover, .slide-button:hover, .theme-btn:hover, a.theme-btn:hover {
    color: #FFF
}
.added_to_cart:before, .post-password-form input[type=submit]:before, .slide-button:before, .theme-btn:before, a.theme-btn:before {
    border-right: 15px solid rgba(0, 0, 0, .2);
    border-top: 14px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    bottom: 3px;
    right: 3px
}
.added_to_cart:hover:before, .post-password-form input[type=submit]:hover:before, .slide-button:hover:before, .theme-btn:hover:before, a.theme-btn:hover:before {
    border-right: 15px solid rgba(255, 255, 255, 1)
}
.volunteer {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%
}
.volunteer > img {
    height: auto;
    width: 100%
}
.volunteer-overlay {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0
}
.volunteer-overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.volunteer-inner {
    display: inline-block;
    padding: 20px 0;
    text-align: left;
    vertical-align: middle;
    width: 75%
}
.volunteer-inner > span {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 22px;
    line-height: 40px;
    width: 100%
}
.volunteer-inner > strong {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%
}
.volunteer-inner > p {
    color: #fff;
    float: left;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 26px;
    margin-bottom: 30px;
    width: 100%
}
.volunteer-inner > a {
    margin-top: 20px;
    padding: 20px 40px;
    text-align: center;
    width: 100%
}
.volunteer-inner > a:hover {
    color: #FFF
}
.center .volunteer-inner {
    text-align: center
}
.col-md-3 .volunteer-inner > span {
    font-family: montserrat;
    font-size: 22px;
    margin-bottom: 10px
}
.col-md-3 .volunteer-inner > strong {
    color: #fff;
    font-family: montserrat;
    font-size: 23px;
    line-height: 20px
}
.needed {
    float: left;
    margin-bottom: -30px;
    width: 100%
}
.needed-donation {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}
.needed-donation > img {
    height: auto;
    width: 100%
}
.needed-donation:hover > img {
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg)
}
.needed-donation:before {
    background: #000;
    content: "";
    opacity: .4;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}
.overlay-donation, .overlay-title {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1;
    text-align: center
}
.overlay-title {
    padding: 0 70px;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.needed-donation:hover .overlay-title {
    opacity: 0;
    transform: translateY(0)
}
.overlay-title > h3 {
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    width: 100%
}
.overlay-donation {
    padding: 0 60px;
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
.needed-donation:hover .overlay-donation {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.overlay-donation > span {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 30px;
    width: 100%
}
.join {
    background-image: url(../images/people.png);
    background-position: center center;
    float: left;
    text-align: center;
    width: 100%
}
.join h3 {
    color: #343434;
    float: left;
    font-size: 60px;
    font-weight: 200;
    line-height: 50px;
    margin: 0 0 30px;
    width: 100%
}
.join h3 span {
    font-weight: 700
}
.join > p {
    color: #646464;
    font-size: 14px;
    line-height: 30px;
    margin: 0 auto 30px;
    width: 80%
}
.counter-box, .counter-box > span, .counter-box > strong, .counters {
    float: left;
    width: 100%
}
.counters {
    margin-top: 50px
}
.counter-box {
    background: #fff;
    padding: 28px 30px;
    position: relative;
    text-align: center;
    z-index: 1;
    -webkit-box-shadow: 0 1px 2px #dfdfdf;
    -ms-box-shadow: 0 1px 2px #dfdfdf;
    -o-box-shadow: 0 1px 2px #dfdfdf;
    box-shadow: 0 1px 2px #dfdfdf
}
.counter-box > strong {
    color: #343434;
    font-family: montserrat;
    font-size: 33px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center
}
.counter-box > span {
    font-family: montserrat;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .3px;
    text-transform: uppercase
}
.counter-box > i {
    bottom: 20px;
    color: #f2f2f2;
    font-size: 80px;
    left: 50%;
    padding-left: 100px;
    position: absolute;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}
.blog-img, .blog-post {
    position: relative;
    width: 100%;
    float: left
}
.blog-list {
    float: left;
    width: 100%;
    margin-bottom: -50px
}
.blog-post {
    margin-bottom: 50px;
    background: #FFF
}
.blog-img {
    overflow: hidden;
    background: #000
}
.blog-img:hover span img {
    opacity: .6
}
.blog-img > img {
    width: 100%
}
.gray .blog-img:after, .gray .blog-img:before {
    background: #f9f9f9
}
.blog-img:after, .blog-img:before {
    background: #FFF;
    content: "";
    height: 17px;
    left: -4%;
    z-index: 1;
    position: absolute;
    top: -10px;
    width: 55%;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}
.blog-img:after {
    left: auto;
    right: -4%;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg)
}
.blog-img span {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}
.blog-img span img {
    height: auto;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.blog-img span:after, .blog-img span:before {
    background: #fdfdfd;
    content: "";
    height: 17px;
    left: -4%;
    z-index: 1;
    position: absolute;
    bottom: -10px;
    width: 55%;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}
.blog-img span:after {
    left: auto;
    right: -4%;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg)
}
.blog-detail {
    background: #fdfdfd;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    float: left;
    padding: 30px 0 0;
    text-align: center;
    width: 100%
}
.blog-detail > h3 {
    color: #343434;
    float: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin: 0 0 30px;
    padding: 0 70px;
    width: 100%
}
.blog-detail .meta {
    background: #f8f8f8;
    margin: 0;
    padding: 20px;
    -webkit-box-shadow: 0 1px 2px #dfdfdf;
    -ms-box-shadow: 0 1px 2px #dfdfdf;
    -o-box-shadow: 0 1px 2px #dfdfdf;
    box-shadow: 0 1px 2px #dfdfdf
}
.service-box, .toggle-item {
    -moz-box-shadow: 0 1px 2px #DFDFDF;
    -ms-box-shadow: 0 1px 2px #DFDFDF;
    -o-box-shadow: 0 1px 2px #DFDFDF;
	-webkit-box-shadow: 0 1px 2px #DFDFDF;
	box-shadow: 0 1px 2px #DFDFDF;
}
.blog-detail .meta li {
    display: inline-block;
    float: none;
    padding: 0 15px;
    width: auto
}
.blog-detail > h3 a {
    color: inherit
}
.meta li a {
    padding: 0 1px
}
.blog-detail-page {
    float: left;
    width: 100%
}
.post-intro {
    background: #fff;
    float: left;
    margin-bottom: 45px;
    padding: 30px;
    position: relative;
    width: 100%
}
.post-thumb {
    float: left;
    text-align: center;
    width: 100%
}
.post-thumb > img {
    display: inline-block;
    height: auto;
    margin-bottom: 40px;
    max-width: 100%
}
.comment:before, .post-intro:before, blockquote:before {
    background: #fff;
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}
.left-sidebar .comment::before, .left-sidebar .post-intro::before, .left-sidebar .product-detail::before, .left-sidebar blockquote::before {
    display: block;
    right: -100%
}
.left-sidebar .comment, .left-sidebar .post-intro, .left-sidebar .product-detail, .left-sidebar blockquote {
    padding-right: 0
}
.right-sidebar .comment::before, .right-sidebar .post-intro::before, .right-sidebar .product-detail::before, .right-sidebar blockquote::before {
    display: block;
    left: -100%
}
.post-intro ul.meta li span[itemprop=name], .share-this > a:last-child:before {
    display: none
}
.right-sidebar .comment, .right-sidebar .post-intro, .right-sidebar .product-detail, .right-sidebar blockquote {
    padding-left: 0
}
.post-intro ul.meta li {
    float: left;
    margin-right: 40px
}
.post-intro ul.meta {
    margin-bottom: 20px
}
.post-intro ul.meta li i {
    font-size: 12px
}
.blog-detail-page h1.post-title {
    float: left;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%;
    word-wrap: break-word
}
.share-this {
    float: left
}
.share-this > span {
    float: left;
    font-family: montserrat;
    font-size: 14px;
    font-weight: 800;
    margin-right: 20px;
    text-transform: uppercase
}
.heading span, blockquote {
    font-weight: 700
}
.share-this > a {
    color: #888;
    float: left;
    font-size: 12px;
    line-height: 22px;
    padding: 0 10px;
    position: relative
}
.share-this > a:before {
    background: #888;
    content: "";
    height: 10px;
    margin-top: -5px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%
}
.blog-detail-page > p {
    font-size: 13px
}
.page-gallery {
    float: left;
    margin: 50px 0;
    width: 100%
}
.page-gallery > div {
    padding: 0
}
.page-gallery > div img {
    width: 100%
}
.page-gallery-img {
    float: left;
    position: relative;
    width: 100%
}
.page-gallery-img:after, .page-gallery-img:before {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1
}
.page-gallery-img:hover:after, .page-gallery-img:hover:before {
    width: 50px
}
.page-gallery-img:after {
    left: auto;
    right: 0
}
.page-gallery-img a {
    float: left;
    position: relative;
    width: 100%
}
.page-gallery-img a:before {
    background: #000;
    color: #fff;
    content: "\f00e";
    font-family: fontawesome;
    font-size: 19px;
    height: 40px;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    text-align: center;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}
.page-gallery-img:hover a:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
blockquote {
    background: #fff;
    border: 0;
    color: #666;
    float: left;
    font-family: arimo;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    margin: 30px 0;
    padding: 40px 80px;
    position: relative;
    text-align: center;
    width: 100%
}
.heading, .heading h3 {
    color: #2a2929;
    font-size: 22px;
    float: left
}
#team-detail-img p i, .banner-inner > strong i, .banner-text > strong i, .cart-item i, .cause-detail > span i, .cause-donation > i, .collected-amount i, .collected-donation > strong i, .comment i, .counting > i, .deal-desc > span i,.help-detail > a i, .donate-btn > i, .donatees-info > a, .donatees-info > h4 > i, .goal span i, .help-us i, .make-donation h5 i, .percent > i, .post-img > span strong i, .product-desc > strong i, .project-info .goal > i, .review blockquote, .simple-info h5 i, .simple-parallax-text h6 i, .single-donate-info > i, .team-member > i, .title.style3 h2 i, .title.style3 > h2 span {
    font-style: normal
}
.tagclouds {
    float: left;
    margin: 15px 0;
    width: 100%
}
.heading {
    margin: 0 0 20px;
    width: 100%
}
.heading h3 {
    margin: 0;
    padding-bottom: 10px;
    position: relative
}
.heading h3:before {
    background: #000;
    content: "";
    height: 1px;
    width: 70px;
    position: absolute;
    bottom: 0;
    right: 0
}
.tagcloud > a, .tagclouds > a span, .tagges_in > span {
    background: #fff;
    color: #666;
    float: left;
    font-family: arimo;
    font-size: 11px;
    padding: 10px 16px;
    position: relative;
    text-transform: uppercase
}
.tagcloud > a {
    float: left;
    margin-right: 10px;
    margin-top: 10px
}
.tagcloud > a:hover {
    color: #fff
}
.tagclouds > a, .tagges_in > span {
    float: left;
    padding: 0 25px;
    margin: 5px 0;
    position: relative;
    overflow: hidden
}
.tagges_in > span a {
    color: inherit
}
.tagges_in > span {
    float: right
}
.tagclouds > a:after, .tagclouds > a:before, .tagges_in > span:after, .tagges_in > span:before {
    color: #fff;
    content: "\f0da";
    font-family: fontawesome;
    font-size: 58px;
    line-height: 36px;
    position: absolute;
    right: 5px;
    top: 0
}
.tagclouds > a:after, .tagges_in > span:after {
    content: "\f0d9";
    left: 5px;
    right: auto
}
.tagclouds > a span:before, .tagges_in > span a:before {
    background: #e6e6e6;
    content: "";
    height: 7px;
    width: 7px;
    margin-top: -3.5px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0
}
.comment, .comment > img {
    background: #fff;
    float: left
}
.tagclouds > a span:after, .tagges_in > span a:after {
    color: #f0f0f0;
    content: "\f105";
    font-family: fontawesome;
    font-size: 78px;
    line-height: 10px;
    position: absolute;
    right: -24px;
    z-index: 0
}
.comments-thread {
    float: left;
    margin-top: 40px;
    width: 100%
}
.comments-thread ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}
.comments-thread ul li {
    float: left;
    margin-bottom: 40px;
    width: 100%;
    position: relative
}
.comment {
    padding: 50px;
    width: 100%;
    position: relative
}
.comment > img {
    border: 1px dashed #d7d7d7;
    margin-bottom: -20px;
    margin-right: 30px;
    padding: 10px
}
.comment h6 {
    border-left: 3px solid #8f8f8f;
    color: #343434;
    display: table;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    margin: 0 0 12px;
    padding-left: 10px;
    position: relative;
    text-transform: uppercase
}
.comment h6 span {
    color: #666;
    font-family: arimo;
    font-size: 13px;
    font-weight: 200;
    text-transform: capitalize
}
.banner-info > span, .cause-detail > strong a, .cause-title span, .comment a.comment-reply-link, .comment-reply-link, .counting > i, .donate-btn > i,.help-detail > a i, .fancy-cause-detail h4, .goal, .product-loop > h4, .project-hover > h3, .project-info > h3 {
    text-transform: uppercase
}
.comment i {
    display: table;
    font-size: 12px;
    margin: 0 0 10px
}
.about-service, .services-list {
    display: inline-block;
    vertical-align: middle
}
.comment > p {
    font-size: 13px;
    line-height: 30px
}
.comment a.comment-reply-link, .comment-reply-link {
    background: #f0f0f0;
    font-family: montserrat;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 20px;
    position: absolute;
    right: 50px;
    top: 50px
}
.comment a.comment-reply-link:hover, .comment-reply-link:hover {
    color: #FFF
}
.comments-thread ul li:last-child {
    margin-bottom: 0
}
.comments-thread ul ul {
    margin-top: 50px;
    padding-left: 85px
}
.comments-thread ul ul li .comment:after {
    background: url(../images/reply-comment.png) rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
    width: 51px;
    z-index: 1;
    margin-top: -5px;
    position: absolute;
    left: -70px;
    top: 50%
}
.comments {
    float: left;
    margin-top: 60px;
    width: 100%
}
.comments > p {
    color: #888;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 30px;
    width: 100%
}
.comments > form {
    float: left;
    width: 100%
}
.comments > form .row {
    margin: 0 -5px
}
.comments > form .row > div {
    padding: 0 5px
}
.comments > form .theme-btn {
    margin-top: 20px
}
.field, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #d2d0d0;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 40px;
    letter-spacing: .3px;
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 10px
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background: #fff
}
.cause-detail {
    background: #343434;
    color: #fff;
    float: left;
    margin: -40px 0 -30px;
    padding: 40px 0;
    text-align: center;
    width: 100%
}
.cause-detail > span {
    float: left;
    font-family: archivo narrow;
    font-size: 35px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    width: 100%
}
.about-service-inner h2, .about-service-inner > span, .about-service-inner > strong, .cause-detail > strong {
    font-family: montserrat;
    float: left
}
.cause-detail > span i {
    color: #FFF
}
.cause-detail > strong {
    background: #fff;
    color: #000;
    font-size: 12px;
    line-height: 20px;
    padding: 12px 0;
    width: 100%;
    position: relative
}
.cause-detail > strong a {
    color: #fff;
    height: 100%;
    left: 0;
    line-height: 43px;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg)
}
.post-intro:hover .cause-detail > strong a {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}
.special-services {
    float: left;
    width: 100%
}
.about-service {
    background: #fcf7ee;
    margin-left: -5px;
    position: relative;
    padding: 50px 0;
    width: 32.5%
}
.gray .service-ways .service-box, .service-box {
    background: #FFF
}
.about-service-inner {
    left: 20%;
    position: absolute;
    top: 50%;
    width: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.about-service-inner > span {
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 5px;
    width: 100%
}
.about-service-inner h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 55px;
    margin: 0 0 20px;
    width: 100%
}
.about-service-inner > strong {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    width: 100%
}
.about-service-inner > p {
    color: #646464;
    float: left;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
    width: 100%
}
.services-list {
    width: 67.5%
}
.services-list > ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.services-list > ul li {
    float: left;
    width: 25%
}
.services-list > ul li:first-child:nth-last-child(1), .services-list > ul li:first-child:nth-last-child(1) ~ li {
    width: 100%
}
.services-list > ul li:first-child:nth-last-child(2), .services-list > ul li:first-child:nth-last-child(2) ~ li {
    width: 50%
}
.services-list > ul li:first-child:nth-last-child(3), .services-list > ul li:first-child:nth-last-child(3) ~ li {
    width: 33.334%
}
.services-list > ul li:first-child:nth-last-child(4), .services-list > ul li:first-child:nth-last-child(4) ~ li {
    width: 25%
}
.service-block {
    float: left;
    width: 100%;
    padding: 20px;
    text-align: center
}
.service-block-inner h3 {
    float: left;
    margin: 20px 0;
    width: 100%
}
.service-block-inner h3 a {
    color: #2d2d2d;
    float: left;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 600;
    width: 100%
}
.service-block-inner > p {
    float: left;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 23px;
    margin: 0;
    width: 100%
}
.service-carousel {
    float: left;
    padding: 0 60px;
    width: 100%
}
.service-ways {
    float: left;
    width: 100%;
    margin-bottom: -30px
}
.service-box {
    float: left;
    padding: 65px 30px;
    text-align: center;
    width: 100%;
    margin-bottom: 2px;
    -webkit-box-shadow: 0 1px 2px #DFDFDF;
    box-shadow: 0 1px 2px #DFDFDF
}
.service-ways .service-box {
    background: #f9f9f9;
    margin-bottom: 30px
}
.service-box:hover {
    background: #fbfbfb
}
.service-carousel .owl-item {
    padding: 0 2px
}
.service-box > h3 {
    color: #2d2d2d;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin: 20px 0 10px;
    width: 100%
}
.service-box > h3 a {
    color: inherit
}
.service-box > p {
    color: #646464;
    font-size: 12px;
    letter-spacing: .3px;
    margin: 0;
    width: 100%
}
.readtest {
    display: inline-block;
}
.service-carousel .owl-nav {
    height: 0;
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    width: 100%
}
.service-carousel .owl-nav > div {
    border: 1px solid #454545;
    color: transparent;
    float: left;
    height: 32px;
    margin-top: -16px;
    margin-left: -10px;
    position: relative;
    width: 32px
}
.service-carousel .owl-nav > div:before {
    color: #5c5c5c;
    content: "\f104";
    font-family: fontawesome;
    font-size: 18px;
    height: 100%;
    left: 0;
    line-height: 28px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}
.service-carousel .owl-nav > div.owl-next {
    float: right;
    margin-left: 0;
    margin-right: -10px
}
.collected-donation, .help, .help-detail, .help-img, .help-needed, .who-we-are, .who-we-detail, .who-we-text {
    float: left;
    width: 100%
}
.service-carousel .owl-nav > div.owl-next:before {
    content: "\f105"
}
.title.style3 {
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-align: left
}
.title.style3 > span {
    font-size: 13px;
    margin-bottom: 5px
}
.title.style3 > h2 {
    font-size: 28px;
    font-weight: 800
}
.title.style3 > h2 i:before, .title.style3 > h2 span:before {
    background: #000;
    bottom: -8px;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%
}
.title.style3 h2 i, .title.style3 > h2 span {
    font-weight: 600;
    position: relative
}
.cats > a, .collected-donation > span {
    font-weight: 300;
    font-family: montserrat
}
.who-we-detail {
    margin-top: 25px
}
.collected-donation {
    background: #FFF;
    padding: 25px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 3px #f1f1f1;
    -moz-box-shadow: 1px 1px 3px #f1f1f1;
    -ms-box-shadow: 1px 1px 3px #f1f1f1;
    -o-box-shadow: 1px 1px 3px #f1f1f1;
    box-shadow: 1px 1px 3px #f1f1f1
}
.collected-donation > strong {
    display: table;
    font-family: montserrat;
    font-size: 40px;
    color: #343434;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 10px;
    width: 100%
}
.fancy-cause-detail, .fancy-overlay:before {
    display: inline-block;
    vertical-align: middle
}
.collected-donation > span {
    float: left;
    font-size: 12px;
    line-height: 20px;
    width: 100%
}
.blackish .who-we-text > p {
    color: #ccc;
    font-size: 13px
}
.blackish .who-we-text {
    background-image: none
}
.blackish .collected-donation {
    background: #292929;
    box-shadow: none
}
.blackish .collected-donation > strong {
    color: #fff
}
.help-needed {
    margin-bottom: -30px
}
.help {
    margin-bottom: 30px
}
.help-img > img {
    height: auto;
    width: 100%
}
.help-detail {
    background: #fdfdfd;
    padding: 45px 85px 45px 55px;
    position: relative;
    width: calc(100% - 27px);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 0 3px #DFDFDF;
    -moz-box-shadow: 0 0 3px #DFDFDF;
    -ms-box-shadow: 0 0 3px #DFDFDF;
    -o-box-shadow: 0 0 3px #DFDFDF;
    box-shadow: 0 0 3px #DFDFDF
}
.cats, .help-detail > h3 {
    width: 100%;
    float: left
}
.cats {
    margin-bottom: 10px
}
.cats > a {
    color: #878787;
    font-size: 12px
}
.help-detail > h3 {
    font-size: 16px;
    line-height: 25px;
    margin: 0
}
.help-detail > h3 a {
    color: #343434;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
.donate-btn,
.help-detail > a{
    background: #f8f8f8;
    cursor: pointer;
    height: 210px;
    position: absolute;
    right: -27px;
    top: 0;
    width: 57px;
    z-index: 1;
    -webkit-transform: translateY(-58px);
    -moz-transform: translateY(-58px);
    -ms-transform: translateY(-58px);
    -o-transform: translateY(-58px);
    transform: translateY(-58px)
}
.donate-btn:after, .donate-btn:before,
.help-detail > a:before,
.help-detail > a:after{
    height: 0;
    position: absolute;
    content: ""
}
.donate-btn:before,
.help-detail > a:before{
    border-right: 20px solid rgba(0, 0, 0, .2);
    border-top: 20px solid transparent;
    bottom: 5px;
    right: 5px;
    width: 0
}
.donate-btn:after,
.help-detail > a:after{
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: -1
}
.donate-btn:hover:after,
.help-detail > a:hover:after{
    height: 100%
}
.donate-btn > span,
.help-detail > a span{
    background: #000;
    float: left;
    height: 58px;
    line-height: 58px;
    text-align: center;
    width: 57px;
    z-index: 1
}
.donate-btn > i,
.help-detail > a i{
    color: #616161;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    left: -52%;
    min-width: 120px;
    position: absolute;
    text-align: center;
    top: 58%;
    width: auto;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.donate-btn:hover > i,
.help-detail > a:hover i{
    color: #fff
}
.products-list {
    float: left;
    width: 100%;
    margin-bottom: -30px
}
.product-loop {
    background: #fff;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px !important;
    -webkit-box-shadow: 0 0 3px #dfdfdf;
    -moz-box-shadow: 0 0 3px #dfdfdf;
    -ms-box-shadow: 0 0 3px #dfdfdf;
    -o-box-shadow: 0 0 3px #dfdfdf;
    box-shadow: 0 0 3px #dfdfdf
}
.product-img {
    float: left;
    width: 100%;
    position: relative
}
.product-img:before {
    background: #fff;
    content: "";
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: -50%
}
.product-loop:hover .product-img:before {
    top: 0;
    opacity: .8
}
.product-img > img {
    height: auto;
    width: 100%
}
.product-img > a {
    background: rgba(50, 50, 50, .9);
    color: #fff;
    font-size: 20px;
    height: 52px;
    width: 52px;
    line-height: 52px;
    margin-left: -26px;
    margin-top: -26px;
    text-align: center;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: perspective(100px) rotateY(30deg);
    -moz-transform: perspective(100px) rotateY(30deg);
    -ms-transform: perspective(100px) rotateY(30deg);
    -o-transform: perspective(100px) rotateY(30deg);
    transform: perspective(100px) rotateY(30deg);
    -webkit-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    -ms-transition: all .3s ease .2s;
    -o-transition: all .3s ease .2s;
    transition: all .3s ease .2s
}
.product-loop:hover .product-img > a {
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}
.product-loop > h4 {
    color: #3f3f3f;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 800;
    margin: 20px 0 0;
    padding: 0 20px;
    text-align: center;
    width: 100%
}
.product-loop > h4 a {
    color: inherit
}
.order-total span.amount, .order_details td span.amount, .product-loop > span, .product-total span.amount {
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: center;
    width: 100%
}
.product-loop > span ins {
    text-decoration: none;
    margin-right: 5px
}
.product-loop > span del {
    color: #9f9f9f;
    font-size: 14px;
    font-weight: 300
}
.fancy-projects {
    float: left;
    margin-bottom: -30px;
    width: 100%
}
.urgent {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    z-index: 1
}
.urgent > img {
    height: auto;
    width: 100%;
    z-index: -1;
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}
.urgent-detail, .urgent:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}
.urgent:hover > img {
    -webkit-transform: translateX(20px) scale(1.07);
    -moz-transform: translateX(20px) scale(1.07);
    -ms-transform: translateX(20px) scale(1.07);
    -o-transform: translateX(20px) scale(1.07);
    transform: translateX(20px) scale(1.07)
}
.urgent-detail {
    width: 100%;
    padding: 40px 30px;
    z-index: 1
}
.urgent:before {
    background: #000;
    content: "";
    opacity: .5;
    width: 100%;
    z-index: 1
}
.clients-testimonials, .review {
    background: #fdfdfd;
    width: 100%;
    float: left
}
.cause-title {
    padding: 40px 50px 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.cause-donation {
    bottom: 0;
    left: 0;
    padding: 0 0 40px 50px;
    position: absolute;
    text-align: center
}
.cause-title span {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 300;
    width: 100%
}
.cause-title h5 {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 34px;
    margin: 10px 0 0;
    width: 100%
}
.collected-amount {
    color: #fff;
    font-family: montserrat;
    font-size: 40px;
    font-weight: 500;
    line-height: 45px
}
.collected-amount i {
    margin-right: 5px
}
.cause-donation > i {
    color: #fff;
    float: left;
    display: block;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 300;
    margin-right: 50px;
    margin-left: 16px;
    text-align: center;
}
.urgent-detail > a {
    bottom: 40px;
    position: absolute;
    right: 50px
}
.clients-testimonials {
    margin-bottom: 30px;
    padding: 45px 40px;
    text-align: center;
    -webkit-box-shadow: 0 1px 2px #dfdfdf;
    -moz-box-shadow: 0 1px 2px #dfdfdf;
    -ms-box-shadow: 0 1px 2px #dfdfdf;
    -o-box-shadow: 0 1px 2px #dfdfdf;
    box-shadow: 0 1px 2px #dfdfdf
}
.review blockquote {
    background: url(../images/testimonial.png) center 0/auto 100% no-repeat rgba(0, 0, 0, 0);
    border: 0;
    color: #646464;
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 24px;
    margin-bottom: 25px;
    padding: 0;
    position: relative;
    font-weight: 400
}
.review > span {
    float: left;
    font-family: montserrat;
    font-size: 11px;
    margin-top: 20px;
    width: 100%;
    text-transform: uppercase
}
.urgent-parallax {
    float: left;
    text-align: center;
    width: 100%
}
.urgent-parallax > h2 {
    color: #fff;
    font-family: montserrat;
    font-size: 50px;
    margin: 0 0 20px
}
.urgent-parallax > strong {
    float: left;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    width: 100%
}
.urgent-parallax > p {
    color: #ebebeb;
    float: left;
    font-size: 15px;
    line-height: 40px;
    margin: 25px 25% 0;
    width: 50%
}
.percent, .urgent-parallax > p strong {
    font-family: montserrat;
    font-size: 26px
}
.urgent-parallax > p strong {
    font-weight: 700
}
.urgent-progress .progress {
    float: left;
    width: 100%
}
.urgent-progress .goal {
    color: #d8d8d8;
    text-align: right;
    width: 33.33%;
    padding: 0 20px
}
.urgent-progress .goal span {
    color: #fff;
    margin-left: 10px
}
.urgent-progress .goal.raised {
    text-align: left
}
.urgent-progress .goal.raised span {
    float: none
}
.percent {
    color: #fff;
    float: left;
    line-height: 33px;
    font-weight: 200;
    width: 33.334%;
    position: relative
}
.fancy-overlay, .percent:before {
    text-align: center;
    position: absolute
}
.percent:before {
    bottom: -13px;
    color: #fff;
    content: "\f103";
    font-family: fontawesome;
    font-size: 15px;
    height: 20px;
    left: 50%;
    line-height: 24px;
    margin-left: -10px;
    width: 20px
}
.fancy-overlay:before, .story-img:before {
    content: ""
}
.percent > i {
    color: #9fca45;
    margin-left: 5px
}
.progress-border {
    border: 1px solid #757575;
    float: left;
    padding: 5px;
    width: 100%;
    margin-top: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}
.progress-border .progress {
    background: 0 0;
    margin: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}
.progress-border .progress .progress-bar {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}
.urgent-parallax .theme-btn {
    margin-top: 30px
}
.goal {
    color: #d8d8d8;
    float: left;
    font-family: montserrat;
    font-size: 11px;
    letter-spacing: 1px
}
.goal span {
    font-size: 15px
}
.causes-carousel {
    float: left;
    width: 100%;
    padding: 10px 5px
}
.fancy-cause {
    float: left;
    padding: 0 5px;
    width: 100%
}
.fancy-cause > img {
    height: auto;
    width: 100%
}
.fancy-overlay {
    background: rgba(255, 255, 255, .9);
    height: 100%;
    padding: 40px;
    width: 50%;
    right: 0;
    top: 0
}
.fancy-overlay:before {
    height: 100%
}
.fancy-cause-detail {
    text-align: left;
    width: 97%
}
.fancy-cause-detail > span {
    float: left;
    font-family: arimo;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    width: 100%
}
.fancy-cause-detail h4 {
    float: left;
    font-weight: 600;
    margin: 0 0 20px;
    width: 100%
}
.fancy-cause-detail h4 a {
    color: inherit
}
.fancy-cause-detail > p {
    color: #646464;
    float: left;
    font-size: 13px;
    line-height: 28px;
    margin-bottom: 40px;
    width: 100%
}
.help-us {
    color: #646464;
    font-family: montserrat;
    font-size: 12px;
    width: 100%
}
.help-us i {
    font-size: 18px
}
.help-us > strong {
    color: #303030;
    float: right;
    font-size: 30px;
    line-height: 30px
}
.banner-info > span, .banner-text > strong, .counting {
    color: #fff;
    font-family: montserrat
}
.help-us > strong i {
    font-size: inherit
}
.parallax-banner {
    display: table;
    padding: 60px 0;
    width: 100%
}
.banner-info, .banner-text {
    width: 35%;
    display: table-cell;
    vertical-align: middle
}
.banner-info {
    text-align: center
}
.banner-button {
    display: table-cell;
    width: 30%;
    text-align: right;
    vertical-align: middle
}
.banner-info > span, .counting, .deal h5, .loadmore, .post-detail, .post-img > span a, .post-img > span strong, .post-img > span > i, .project-hover, .video-layer {
    text-align: center
}
.banner-text > strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    width: 100%
}
.banner-button .big-btn {
    margin: 0
}
.counting {
    display: table-cell;
    font-size: 26px;
    font-weight: 500;
    position: relative;
    vertical-align: middle
}
.counting > span {
    font-size: 40px
}
.banner-info > span {
    display: table-cell;
    font-size: 30px;
    font-weight: 700;
    line-height: 80px
}
.counting > i {
    float: left;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 200;
    width: 100%
}
.successful-stories {
    float: left;
    margin-bottom: -30px;
    width: 100%
}
.story {
    float: left;
    margin-bottom: 30px;
    width: 100%
}
.story-img {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
.story-img > img {
    height: auto;
    width: 100%
}
.story-detail {
    background: #fbfbfb;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    float: left;
    padding: 30px 45px;
    width: 100%
}
.story-detail > span {
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-bottom: 10px;
    width: 100%
}
.story-detail > span i {
    margin-right: 5px
}
.story-detail h3 {
    color: #555;
    float: left;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    width: 100%
}
.story-detail h3 a {
    color: inherit
}
.spent-bar {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 1px #e6e6e6;
    -moz-box-shadow: 0 1px 1px #e6e6e6;
    -ms-box-shadow: 0 1px 1px #e6e6e6;
    -o-box-shadow: 0 1px 1px #e6e6e6;
    box-shadow: 0 1px 1px #e6e6e6;
    float: left;
    padding: 0 40px;
    width: 100%;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.spent-bar > span {
    color: #777;
    font-family: arimo;
    font-size: 13px;
    line-height: 54px
}
.deal h5, .deal-desc > span, .project-info .goal > i, .spent-bar > span.price {
    font-family: montserrat
}
.spent-bar > span.price {
    border-left: 1px solid #e6e6e6;
    color: #303030;
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-top: 15px
}
.spent-bar > span.price i {
    font-style: normal;
    margin-right: 5px
}
.story-img:before {
    background: #000;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}
.story-img:hover:before {
    opacity: .5
}
.blog-img a, .story-img > a {
    color: #dad9d9;
    font-family: montserrat;
    font-size: 100px;
    font-weight: 200;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0)
}
.blog-img:hover a, .story-img:hover > a {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1)
}
.welfare-projects-carousel {
    float: left;
    width: 100%
}
.welfare-project {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}
.welfare-project:after, .welfare-project:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .77) 77%, rgba(0, 0, 0, .88) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(77%, rgba(0, 0, 0, .77)), color-stop(100%, rgba(0, 0, 0, .77)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .77) 77%, rgba(0, 0, 0, .88) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .77) 77%, rgba(0, 0, 0, .88) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .77) 77%, rgba(0, 0, 0, .88) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .77) 77%, rgba(0, 0, 0, .88) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c4000000', GradientType=0);
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%
}
.welfare-project:hover:before {
    height: 0
}
.welfare-project:after {
    background: #000;
    bottom: auto;
    height: 0;
    opacity: .75;
    top: 0;
    z-index: 0
}
.project-hover, .project-info {
    z-index: 1;
    position: absolute;
    width: 100%;
    left: 0
}
.welfare-project:hover:after {
    height: 100%
}
.welfare-project > img {
    height: auto;
    width: 100%
}
.welfare-project img {
    width: 100%;
}
.project-info {
    padding: 0 40px 30px;
    bottom: 0
}
.welfare-project:hover .project-info {
    opacity: 0
}
.project-info > h3 {
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
    width: 100%
}
.project-info > h3 a {
    color: inherit
}
.project-info .progress-border {
    border: 1px solid #bcbcbc;
    margin-top: 0;
    padding: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}
.project-info .progress-border .progress {
    background: rgba(0, 0, 0, 0);
    height: 7px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}
.project-info .progress-border .progress .progress-bar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}
.project-info .urgent-progress {
    margin: 0;
    float: right;
    width: 100%
}
.project-info .urgent-progress .goal.raised {
    line-height: 17px;
    margin-top: 15px;
    padding: 0;
    width: 100%
}
.project-info .goal > i {
    float: right;
    font-size: 16px
}
.project-hover {
    padding: 0 20px;
    opacity: 0;
    top: 50%
}
.deal, .special-deals {
    position: relative;
    float: left
}
.welfare-project:hover .project-hover {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.gallery-box:hover > span, .toggle-item h2:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
	transform: scale(0);
}
.project-hover > h3 {
    float: left;
    font-size: 16px;
    margin: 0 0 10px;
    width: 100%
}
.project-hover > h3 a {
    color: #fff
}
.project-hover .goal {
    font-size: 13px;
    float: left;
    width: 100%;
    margin-bottom: 40px
}
.goal.raised > span {
    color: #fff;
    margin-left: 10px
}
.special-deals {
    width: 100%
}
.deal-selector {
    float: left;
    width: 100%
}
.deal {
    border: 0 !important;
    padding-bottom: 30px;
    width: 100% !important;
    cursor: pointer
}
.deal > img {
    height: auto;
    width: 100%
}
.deal h5 {
    background: #fff;
    bottom: 30px;
    font-size: 13px;
    font-weight: 300;
    left: 0;
    margin: 0;
    padding: 13px 10px;
    position: absolute;
    width: 100%;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.deal h5 a {
    color: #545454
}
.deal-desc > ul, .project-progress ul {
    float: left;
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}
.deal-desc > ul li, .project-progress ul li {
    float: left;
    font-size: 11px;
    line-height: 15px;
    margin-right: 6px;
    padding-right: 6px;
    position: relative
}
.deal-desc > ul li:before, .project-progress ul li:before {
    content: "/";
    position: absolute;
    right: -2px;
    top: 0
}
.deal-detail-carousel:before, .event-widget-overlay:before, .gallery-widget .row > div a:before, .urgent-cause-overlay:before, .video-widget:after, .video-widget:before {
    content: ""
}
.deal-desc > ul li a, .project-progress ul li a {
    float: left;
    font-size: 11px;
    line-height: inherit
}
.deal-desc > ul li:last-child, .project-progress ul li:last-child {
    margin: 0;
    padding: 0
}
.deal-desc > ul li:last-child:before, .project-progress ul li:last-child:before {
    display: none
}
.deal-desc > h4 {
    float: left;
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 20px;
    width: 100%
}
.deal-desc > h4 a {
    color: #FFF
}
.deal-desc > span {
    color: #fff;
    float: left;
    font-size: 22px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    width: 100%
}
.deal-desc > span del {
    color: #9a9a9a;
    font-family: arimo;
    font-size: 13px
}
.deal-detail img {
    height: auto;
    width: 100%
}
.deal-detail .row > div {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px;
    padding-left: 19px
}
.deal-desc > p {
    color: #cacaca;
    float: left;
    font-size: 13px;
    margin-bottom: 60px;
    width: 100%
}
.deal-detail-carousel {
    cursor: move;
    float: left;
    position: relative;
    width: 100%;
    z-index: 1000
}
.deal-detail-carousel:before {
    background: url(../images/resource/deal-detail-bg.jpg) 520px 0 no-repeat rgba(0, 0, 0, 0);
    opacity: .1;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}
.project-progress h4 {
    float: left;
    font-size: 20px;
    margin: 0;
    width: 100%
}
.project-progress h4 a {
    color: inherit
}
.choose-us {
    float: left;
    width: 100%
}
.choose-us > p {
    float: left;
    margin-bottom: 30px;
    width: 100%
}
.toggle {
    float: left;
    width: 100%
}
.toggle-item {
    background: #fdfdfd;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 24px 30px;
    -webkit-box-shadow: 0 1px 2px #DFDFDF;
    box-shadow: 0 1px 2px #DFDFDF
}
.toggle-item.activate {
    background: #f8f8f8
}
.toggle-item h2 {
    color: #505050;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    position: relative;
    text-transform: capitalize;
    padding-left: 25px;
    width: 100%
}
.cart-detail h4, .event-overlay-inner h5, .form-field label, .gallery-detail h3, .order-rec > h4, .post-detail > h3, .post-img > span, .post-img > span a, .post-img > span strong, .product-desc > strong, .widget .widget-post ul li a, h2.product-name {
    text-transform: uppercase
}
.toggle-item h2:after, .toggle-item h2:before {
    border: 1px solid #b7b7b7;
    content: "";
    height: 8px;
    width: 8px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    left: 0
}
.toggle-item h2:after {
    transform: scale(0)
}
.toggle-item h2.active:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.content {
    float: left;
    width: 100%
}
.toggle-item h2.active {
    margin: 0 0 15px
}
.content p, .upcoming-detail > h4 {
    margin: 0;
    width: 100%;
    float: left
}
.content p {
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 26px
}
.upcoming-event {
    float: left;
    overflow: hidden;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px #DFDFDF;
    -moz-box-shadow: 0 1px 2px #DFDFDF;
    -ms-box-shadow: 0 1px 2px #DFDFDF;
    -o-box-shadow: 0 1px 2px #DFDFDF;
    box-shadow: 0 1px 2px #DFDFDF
}
.upcoming-img {
    float: left;
    position: relative;
    width: 100%
}
.upcoming-img > img {
    height: auto;
    width: 100%
}

.overlay-countdown {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .78) 99%, rgba(0, 0, 0, .79) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, .78)), color-stop(100%, rgba(0, 0, 0, .79)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .78) 99%, rgba(0, 0, 0, .79) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .78) 99%, rgba(0, 0, 0, .79) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .78) 99%, rgba(0, 0, 0, .79) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .78) 99%, rgba(0, 0, 0, .79) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c9000000', GradientType=0);
    padding: 20px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
.overlay-countdown .countdown-period {
    color: #ccc
}
.countdown-section:before {
    border-color: #e1e1e1
}
.upcoming-detail {
    float: left;
    padding: 30px 50px;
    width: 100%;
    background: #FDFDFD
}
.upcoming-detail > h4 {
    font-size: 15px;
    line-height: 30px;
    font-weight: 800
}
.upcoming-detail > h4 a {
    color: inherit
}
.about-img {
    padding-left: 15px;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 0
}
.about-img img {
    width: 100%
}
.static {
    position: static
}
.video.overlap {
    margin: -90px 0;
    border-radius: 0
}
.urgent-cause-progress {
    float: left;
    position: relative;
    width: 100%
}
.urgent-cause-progress img {
    height: auto;
    width: 100%
}
.urgent-cause-overlay {
    background: rgba(0, 0, 0, .8);
    height: 100%;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.urgent-cause-overlay:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.urgent-cause-inner {
    display: inline-block;
    vertical-align: middle;
    width: 90%
}
.urgent-cause-inner > h3 {
    color: #fff;
    display: inline-block;
    font-family: montserrat;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    max-width: 530px;
    width: 100%
}
.urgent-cause-inner > h3 a {
    color: #fff
}
.blank-space {
    float: left;
    height: 70px;
    width: 100%
}
.all-posts {
    float: left;
    width: 100%;
    margin-bottom: -30px
}
.list-style .post-listview > div {
    display: inline-block;
    float: none;
    margin-left: -3px;
    padding: 0;
    vertical-align: middle
}
.post-listview {
    background: #fdfdfd;
    border-radius: 3px;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 1px 3px #dfdfdf
}
.post-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}
.post-img > img {
    height: auto;
    width: 100%
}
.post-img > span {
    background: #585858;
    color: #fff;
    font-family: montserrat;
    font-size: 11px;
    padding: 13px 40px 13px 0;
    position: absolute;
    bottom: 0;
    right: -1px;
    -ms-border-radius: 3px 0 0;
    border-radius: 3px 0 0
}
.post-listview:hover .post-img > span {
    -webkit-transform: translateY(-43px);
    -moz-transform: translateY(-43px);
    -ms-transform: translateY(-43px);
    -o-transform: translateY(-43px);
    transform: translateY(-43px)
}
.post-img > span > i {
    background: #fff;
    color: #797979;
    float: left;
    height: 43px;
    margin: -13px 30px -13px 0;
    width: 46px;
    font-size: 16px;
    line-height: 43px;
    -webkit-border-radius: 3px 0 0;
    -moz-border-radius: 3px 0 0;
    -ms-border-radius: 3px 0 0;
    -o-border-radius: 3px 0 0;
    border-radius: 3px 0 0
}
.post-detail {
    background: #fdfdfd;
    float: left;
    padding: 20px 70px;
    width: 100%
}
.post-detail > h3 {
    color: #343434;
    float: left;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px;
    width: 100%
}
.post-detail > h3 a {
    color: inherit
}
.post-detail > p {
    float: left;
    font-size: 13px;
    margin-top: 15px;
    width: 100%;
    color: #747474;
    margin-bottom: 0
}
.post-detail .meta {
    position: relative
}
.list-style .post-detail ul.meta li {
    display: inline;
    float: none;
    margin-right: 30px;
    max-width: 50%
}
.event-overlay-inner, .loadmore i, .video-layer > a {
    display: inline-block
}
.post-detail ul.meta li:last-child {
    margin: 0
}
.post-img > span a, .post-img > span strong {
    background: #fff;
    color: #343434;
    font-family: arimo;
    font-size: 11px;
    height: 100%;
    left: 0;
    line-height: 27px;
    padding: 10px 20px;
    position: absolute;
    top: 100%;
    width: 100%
}
.post-img > span strong {
    font-family: archivo narrow;
    font-size: 22px;
    font-weight: 200;
    padding: 10px 5px
}
.loadmore, .widget-title h4 {
    font-family: montserrat;
    width: 100%;
    float: left
}
.post-img > span strong i {
    color: #6e6e6e;
    font-size: 12px;
    font-weight: 200;
    margin-left: 5px
}
.more {
    float: left;
    width: 100%
}
.loadmore {
    background: #fdfdfd;
    color: #797979;
    font-size: 13px;
    font-weight: 800;
    padding: 20px;
    -webkit-box-shadow: 0 1px 3px #dfdfdf;
    -moz-box-shadow: 0 1px 3px #dfdfdf;
    -ms-box-shadow: 0 1px 3px #dfdfdf;
    -o-box-shadow: 0 1px 3px #dfdfdf;
    box-shadow: 0 1px 3px #dfdfdf
}
.widget .widget-post ul li, .woocommerce div.product .woocommerce-tabs .panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
	box-shadow: none;
}
.loadmore i {
    margin-right: 10px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s
}
.loadmore:hover i {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg)
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.post-listview.added {
    -webkit-animation: 1s ease 0s normal none 1 running fadeInUp;
    -moz-animation: 1s ease 0s normal none 1 running fadeInUp;
    -ms-animation: 1s ease 0s normal none 1 running fadeInUp;
    -o-animation: 1s ease 0s normal none 1 running fadeInUp;
    animation: 1s ease 0s normal none 1 running fadeInUp
}
.sidebar .widget, .wpb_wrapper .widget {
    margin-bottom: 45px
}
.widget {
    float: left;
    width: 100%
}
.widget-title {
    float: left;
    width: 100%;
    margin-bottom: 20px
}
.widget-title h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 0;
}
.widget-title > span {
    float: left;
    width: 100%;
    font-family: arimo;
    font-weight: 300;
    font-size: 12px;
    margin-top: 10px;
    color: #505050
}
.blog-widget {
    float: left;
    width: 100%
}
.sidebar .widget li, .sidebar .widget p, .wpb_wrapper .widget li, .wpb_wrapper .widget p {
    color: #888
}
.sidebar .welcome > p, .wpb_wrapper .welcome > p {
    color: #fff
}
.widget-post {
    border-bottom: 1px solid #f4f4f4;
    float: left;
    margin-bottom: 25px;
    padding-bottom: 15px;
    width: 100%
}
.widget-post:last-child {
    margin: 0;
    padding: 0;
    border: 0
}
.widget-post > a {
    float: left;
    margin-right: 15px;
    overflow: hidden
}
.widget-post h5 {
    font-size: 13px;
    line-height: 23px;
    margin: 0 0 8px
}
footer .widget-post h5 {
    color: #FFF
}
.widget-post h5 a {
    color: inherit
}
.sidebar .widget .widget-post ul, .widget .widget-post ul, .wpb_wrapper .widget .widget-post ul {
    float: none;
    margin-top: 5px;
    width: auto
}
.widget .widget-post ul li {
    background: rgba(0, 0, 0, 0);
    float: left;
    line-height: 20px;
    margin: 0;
    padding: 0;
    width: auto;
    box-shadow: none
}
.widget .widget-post ul li:hover {
    background: 0 0
}
.widget .widget-post ul li a {
    float: left;
    font-size: 11px;
    background: 0 0;
    box-shadow: none;
    padding: 0 6px
}
.sidebar .widget .widget-post ul li a span, .wpb_wrapper .widget .widget-post ul li a span {
    float: none
}
.widget .widget-post ul li i {
    font-size: 13px
}
.video-widget {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}
.video-widget > img {
    width: 100%
}
.video-layer {
    padding: 0 40px;
    width: 100%;
    z-index: 1;
    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%)
}
.video-widget h6 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    margin: 20px 0 0
}
.video-widget:after, .video-widget:before {
    background: #000;
    height: 100%;
    width: 100%;
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0
}
.sidebar .volunteer-inner > p, .wpb_wrapper .volunteer-inner > p {
    color: #fff
}
.sidebar .tweet blockquote, .wpb_wrapper .tweet blockquote {
    color: #888
}
.sidebar .widget form input, .wpb_wrapper .widget form input {
    background: #dfdfdf;
    position: relative
}
.sidebar .tagcloud, .sidebar .tagclouds, .wpb_wrapper .tagcloud, .wpb_wrapper .tagclouds {
    margin: -5px 0 0
}
.sidebar .widget ul, .wpb_wrapper .widget ul {
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto
}
.sidebar .widget ul ul, .wpb_wrapper .widget ul ul {
    padding-left: 20px
}
.sidebar .widget li, .wpb_wrapper .widget li {
    float: left;
    font-family: arimo;
    font-size: 12px;
    width: 100%
}
.sidebar .widget li a, .wpb_wrapper .widget li a {
    background: #FDFDFD;
    padding: 15px 25px;
    color: inherit;
    float: left;
    width: 100%;
    font-family: inherit;
    text-align: left;
    line-height: 18px;
    font-size: inherit;
    margin-bottom: 3px;
    -webkit-box-shadow: 0 1px 1px #DFDFDF;
    -moz-box-shadow: 0 1px 1px #DFDFDF;
    -ms-box-shadow: 0 1px 1px #DFDFDF;
    -o-box-shadow: 0 1px 1px #DFDFDF;
    box-shadow: 0 1px 1px #DFDFDF
}
.sidebar .widget li a:hover, .wpb_wrapper .widget li a:hover {
    background: #f8f8f8
}
.sidebar .widget li a span, .wpb_wrapper .widget li a span {
    float: right
}
.sidebar .widget li, .wpb_wrapper .widget li {
    background: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 30px
}
.sidebar .widget li i, .wpb_wrapper .widget li i {
    margin-right: 10px
}
.event-widget {
    float: left;
    overflow: hidden;
    position: relative;
    min-height: 140px;
    width: 100%;
    margin-bottom: 1px
}
.event-widget > img {
    height: auto;
    width: 100%
}
.event-widget-overlay {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0
}
.event-widget-overlay:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.event-overlay-inner {
    vertical-align: middle;
    width: 90%
}
.event-overlay-inner h5 {
    float: left;
    font-size: 13px;
    margin: 0 0 10px;
    width: 100%
}
.event-overlay-inner h5 a {
    color: #fff
}
.event-overlay-inner span {
    color: #fff;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: .4px;
    text-transform: uppercase
}
.event-overlay-inner span i {
    margin-right: 5px
}
.gallery-widget {
    float: left;
    width: 100%;
    margin-bottom: -15px
}
.gallery-widget .row {
    margin: 0 -7.5px
}
.gallery-widget .row > div {
    margin-bottom: 15px;
    padding: 0 7.5px
}
.gallery-widget .row > div a {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}
.gallery-widget .row > div a:before {
    background: #000;
    opacity: 0;
    height: 80%;
    width: 80%;
    position: absolute;
    left: 10%;
    top: 10%;
    -webkit-transition: all .2s ease .3s;
    -moz-transition: all .2s ease .3s;
    -ms-transition: all .2s ease .3s;
    -o-transition: all .2s ease .3s;
    transition: all .2s ease .3s
}
.gallery-widget .row > div a:hover:before {
    opacity: .8;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    transition: all .2s linear
}
.gallery-widget .row > div a img {
    width: 100%
}
.sponsors-carousel {
    float: left;
    padding: 0 20px;
    width: 100%
}
.sponsor {
    background: #fafafa;
    float: left;
    margin-bottom: 2px;
    padding: 30px 20px;
    text-align: center;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px #dfdfdf;
    -moz-box-shadow: 0 1px 2px #dfdfdf;
    -ms-box-shadow: 0 1px 2px #dfdfdf;
    -o-box-shadow: 0 1px 2px #dfdfdf;
    box-shadow: 0 1px 2px #dfdfdf
}
.gray .sponsor {
    background: #FFF
}
.sponsor:hover {
    background: #e0e0e0
}
.sponsor > a {
    float: left;
    text-align: center;
    width: 100%
}
.owl-carousel .sponsor img, .sponsor img {
    display: unset;
    width: auto
}
.sponsors-carousel .owl-nav {
    height: 0;
    left: 0;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 100%
}
.sponsors-carousel .owl-nav > div {
    border: 1px solid #818181;
    color: transparent;
    position: relative;
    float: left;
    height: 33px;
    width: 33px
}
.sponsors-carousel .owl-nav > div:before {
    color: #9f9f9f;
    content: "\f104";
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}
.sponsors-carousel .owl-nav > div.owl-prev {
    margin-left: -25px
}
.sponsors-carousel .owl-nav > div.owl-next {
    float: right;
    margin-left: 0;
    margin-right: -25px
}
.sponsors-carousel .owl-nav > div.owl-next:before {
    content: "\f105"
}
.countries {
    float: left;
    width: 100%
}
.countries-list {
    float: left;
    margin-top: 30px;
    width: 100%
}
.page-top {
    float: left;
    width: 100%;
    padding: 70px 0;
    z-index: 1;
    position: relative
}
.page-top:before {
    background: #000;
    content: "";
    height: 100%;
    width: 100%;
    opacity: .7;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0
}
.page-title {
    float: left;
    text-align: center;
    width: 100%;
    /*margin-top: 70px;*/
}
.page-top h2 {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 28px;
    margin: 0 0 20px;
    width: 100%
}
.page-title > ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}
.page-title > ul li {
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 0 20px;
    position: relative
}
.gallery-detail h3 a, .page-title > ul li a {
    color: inherit
}
.page-title > ul li:before {
    content: "/";
    position: absolute;
    right: -2px;
    top: 1px
}
.page-title > ul li:last-child:before {
    display: none
}
.gallery-page {
    float: left;
    width: 100%;
    margin-bottom: -30px
}
.gallery {
    float: left;
    position: relative;
    width: 100%
}
.gallery-img {
    float: left;
    position: relative;
    overflow: hidden;
    width: 100%
}
.gallery-img img {
    height: auto;
    width: 100%
}
.gallery-detail {
    background: #fff;
    float: left;
    margin: -50px 3% 0;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 94%;
    z-index: 1
}
.gallery-img:hover .gallery-detail {
    opacity: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%)
}
.gallery-detail > ul {
    float: left;
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    width: 100%
}
.gallery-detail > ul li {
    display: inline-block;
    font-family: montserrat;
    font-size: 11px;
    line-height: 10px;
    padding: 0 8px;
    position: relative
}
.checkout-page .cart-box .cart-bottom, .checkout-page .cart-box .cart-detail, .gallery-detail > ul li:last-child:before {
    display: none
}
.gallery-detail > ul li:before {
    content: "/";
    position: absolute;
    right: -2px;
    top: 0
}
.button:before, .input-group span.input-group-btn:before, .input-group:before, .product-detail:before {
    content: ""
}
.gallery-detail h3 {
    float: left;
    font-family: montserrat;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}
.gallery-img.style2 .gallery-detail {
    margin: 0;
    opacity: 1;
    width: 100%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
.cart-box, .cart-table {
    border: 1px solid #dddcdc;
    float: left;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px
}
.cart-heading {
    background: #272727;
    float: left;
    width: 100%;
    cursor: pointer
}
.cart-heading > ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}
.cart-table ul li {
    float: left;
    width: 10%
}
.cart-heading > ul li {
    color: #fff;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    padding: 25px 10px
}
.cart-table ul li.col1 {
    padding: 25px 35px;
    width: 25%
}
.cart-table ul li.col2 {
    width: 15%
}
.cart-item, .cart-item > ul, .cart-list {
    width: 100%;
    float: left
}
.cart-list {
    background: #fff
}
.cart-item {
    border-bottom: 1px solid #dddcdc;
    position: relative;
    z-index: 1
}
.cart-item > ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.cart-item > ul li.col1 {
    padding: 15px 30px
}
.cart-item > ul li.col2 {
    padding: 15px 10px
}
.cart-item img {
    float: left;
    height: 40px;
    margin-right: 15px;
    width: 40px
}
.cart-item i, .cart-item span {
    color: #3f3f3f;
    float: left;
    font-family: arimo;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0
}
.cart-item i {
    font-family: arimo;
    font-size: 14px
}
.cart-item span.remove {
    float: left;
    width: 100%
}
.cart-item i.ti-close {
    font-family: themify;
    cursor: pointer
}
.input-group {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(23%, #fbfbfb), color-stop(58%, #fafafa), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -o-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -ms-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0);
    border: 1px solid #d2d0d0;
    float: left;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: 65%
}
.input-group:before {
    background: #d2d0d0;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 1px
}
.input-group span.input-group-btn {
    border: 0;
    height: 50%;
    width: 30px;
    padding: 0;
    z-index: 5;
    position: absolute;
    right: 1px;
    top: 1px
}
.input-group input.form-control {
    background: rgba(0, 0, 0, 0);
    border: 0;
    box-shadow: none;
    color: #6f6f6f;
    font-family: arimo;
    font-size: 11px
}
.input-group span.input-group-btn:last-child {
    bottom: 1px;
    top: auto
}
.input-group span.input-group-btn button.btn {
    background: 0 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    color: transparent;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 2
}
.input-group span.input-group-btn:before {
    border-bottom: 4px solid #6f6f6f;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: 3px;
    height: 0;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    width: 0;
    z-index: 0
}
.input-group span.input-group-btn:last-child:before {
    border-bottom: 0 none;
    border-top: 4px solid #6f6f6f;
    top: 3px
}
.cart-bottom {
    background: #FFF;
    border-top: 1px solid #dddcdc;
    float: left;
    margin-top: -1px;
    padding: 20px 60px;
    width: 100%
}
.cart-bottom a {
    float: right;
    margin-left: 20px;
    padding: 15px 25px
}
.button, .product-desc form.cart .button {
    background: #363636;
    color: #fff;
    float: left;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: .6px;
    line-height: 16px;
    padding: 12px 25px;
    position: relative;
    z-index: 1
}
.button:hover {
    color: #FFF
}
.button:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    z-index: 0;
    opacity: .3;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.donation-figures li a, .select2-container .select2-selection--single, .wpdonation-button {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0)
}
.cart-heading h5 {
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .7px;
    margin: 0;
    padding: 25px 20px;
    text-align: center;
    width: 100%
}
.cart-box .cart-item {
    padding: 15px 50px
}
.cart-box .cart-item .row > div {
    padding: 0 5px
}
.cart-box .cart-item .row {
    margin: 0 -10px
}
.cart-item:nth-child(2n+2) {
    background: #f9f9f9
}
.shipping {
    /*float: left;*/
    font-size: 16px;
    /*text-align: center;*/
    width: 100%
}
.cart-price {
    color: #343434;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 0;
    width: 100%
}
.cart-price span {
    font-size: 13px;
    font-weight: 300;
    margin-left: 7px
}
.cart-heading h6 {
    color: #fff;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .4px;
    margin: 0;
    padding: 25px 50px
}
.cart-detail h4 {
    color: #343434;
    float: left;
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 25px;
    width: 100%
}
.cart-detail, .cart-detail p {
    color: #3f3f3f;
    font-size: 12px;
    float: left;
    width: 100%
}
.cart-detail {
    background: #fff;
    padding: 65px 100px;
    margin: 0
}
.cart-detail p {
    line-height: 26px
}
.checkbox, .radio {
    height: 25px;
    padding: 0 5px 0 0;
    display: block;
    clear: left
}
.form-field {
    float: left;
    margin-bottom: 10px;
    width: 100%
}
.form-field .radio {
    height: 22px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 18px
}
.form-field label {
    color: #343434;
    font-family: montserrat;
    font-size: 13px;
    line-height: 22px;
    margin: 0
}
.label, .password {
    color: #3f3f3f;
    font-family: arimo;
    font-size: 12px;
    width: 100%;
    float: left
}
.choice {
    float: left;
    margin-bottom: 10px;
    width: 100%
}
.cart-detail .theme-btn {
    margin-right: 20px;
    margin-top: 30px
}
.form .row > div {
    padding: 0 5px
}
.form .row {
    margin: 0 -5px
}
.password {
    margin: 25px 0;
    text-decoration: underline
}
.label {
    font-weight: 100;
    margin-bottom: 9px;
    margin-top: 30px;
    padding: 0;
    text-align: left
}
.cart-bottom .choice {
    margin-bottom: 0;
    margin-top: 10px;
    width: auto
}
.cart-bottom .choice .form-field {
    margin: 0
}
textarea.field {
    min-height: 140px;
    padding: 20px 30px
}
.cart-box .cart-detail .cart-item {
    padding: 0
}
.order-rec {
    background: #fff;
    float: left;
    padding: 70px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}
.order-rec i {
    color: #f9f9f9;
    font-size: 150px;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 70px;
    left: 0
}
.order-rec > h4 {
    float: left;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px;
    width: 100%
}
.order-rec > h4 strong {
    font-size: 30px
}
.order-rec .theme-btn {
    display: table;
    float: none;
    margin: 30px auto 0
}
.product-detail:before {
    background: #fff;
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}
.product-detail {
    background: #fff;
    float: left;
    padding: 50px;
    position: relative;
    width: 100%
}
.product-detail img {
    width: 100%
}
.product-desc {
    float: left;
    padding: 30px 0 0 20px
}
.product-desc > strong {
    float: left;
    font-family: montserrat;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%
}
.product-desc > span, h2.product-name {
    font-family: montserrat;
    margin: 0 0 20px;
    width: 100%;
    float: left
}
.product-desc > strong i {
    color: #888;
    font-size: 12px;
    font-weight: 300;
    padding: 0 10px
}
h2.product-name {
    color: #343434;
    font-size: 22px;
    font-weight: 600
}
.product-desc > span {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px
}
.product-desc > p {
    color: #666;
    font-size: 13px;
    margin-bottom: 30px
}
.product-count {
    float: left;
    width: 140px
}
.product-count h6 {
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin: 8px 15px 0 0
}
.product-count .input-group {
    float: left;
    width: 90px
}
.search-filters, .search-filters > h4 {
    width: 100%;
    float: left
}
.product-desc .share-this {
    float: left;
    margin-bottom: 8px;
    margin-top: 0;
    width: 100%
}
.product-desc .theme-btn {
    float: left;
    margin-top: 20px
}
.search-filters > h4 {
    font-size: 16px;
    margin: 0 0 20px
}
.select2 {
    float: left;
    height: 50px;
    margin-bottom: 10px;
    padding: 0 !important;
    width: 100% !important
}
.select2-container .select2-selection--single {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(23%, #fbfbfb), color-stop(58%, #fafafa), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -o-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -ms-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    border: 0;
    float: left;
    height: 100%;
    padding: 0;
    width: 100%
}
.select2-container .select2-selection--single .select2-selection__rendered {
    color: #646464;
    float: none;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: .3px;
    line-height: 50px;
    padding: 0 40px 0 20px
}
.select2-container span.selection {
    float: left;
    height: 100%;
    line-height: 50px;
    padding: 0;
    width: 100%
}
.select2-container .select2-selection--single .select2-selection__arrow {
    background: url(../images/select2.png) center center no-repeat rgba(0, 0, 0, 0);
    height: 100%;
    right: 0;
    top: 0;
    width: 40px
}
.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none
}
.select2-container .select2-selection--single .select2-selection__arrow:before {
    background: #d2d0d0;
    content: "";
    height: 10px;
    margin-top: -5px;
    width: 1px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0
}
.contact-box, .countries-contact .nav, .countries-contact .nav li, .field, .map, .search-page h5, .search-page > p {
    width: 100%;
    float: left
}
.select2-results__option {
    border-bottom: 1px solid #f3f3f3;
    font-family: montserrat;
    font-size: 11px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #8f8f8f
}
.contact-box, .search-page .contact-form input {
    background: #fff
}
.select2-container--default .select2-results__option[aria-selected=true] {
    color: #FFF
}
.search-filters .select2 {
    margin-bottom: 30px
}
.search-filters {
    margin-bottom: -30px
}
.search-page h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 40px 0 20px
}
.search-page > p {
    color: #646464;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 20px
}
.field {
    border: 1px solid #d2d0d0;
    font-family: arimo;
    font-size: 11px;
    height: 40px;
    letter-spacing: .3px;
    padding: 10px 20px;
    margin-bottom: 10px
}
.map #map-canvas {
    height: 500px;
    margin: 0;
    padding: 0
}
.contact-box {
    padding: 75px 0
}
.countries-contact .nav {
    background: #f9f9f9;
    border: 0;
    padding: 0 120px
}
.countries-contact .nav li {
    margin: 0;
    padding: 20px 3px
}
.countries-contact .nav li a, .countries-contact .nav li.active a {
    background: #fff;
    border: 0;
    color: #545454;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0;
    padding: 15px;
    width: 100%
}
.countries-contact .nav li a img {
    float: left;
    width: auto;
    margin-right: 10px
}
.countries-contact .owl-nav {
    padding: 0 62px;
    width: 100%;
    height: 0;
    position: absolute;
    top: 20px;
    left: 0
}
.countries-contact .owl-nav > div {
    background: #fff;
    color: transparent;
    float: left;
    height: 55px;
    width: 55px;
    line-height: 50px;
    position: relative;
    text-align: center
}
.countries-contact .owl-nav > div.owl-next {
    float: right
}
.countries-contact .owl-nav > div:before {
    color: #000;
    content: "\e629";
    font-family: themify;
    line-height: 55px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.contact-form, .contact-info, .member-img {
    position: relative;
    float: left
}
.countries-contact .owl-nav > div.owl-next:before {
    content: "\e628"
}
#team-detail-img > ul li:before, .big-banner:before, .donation-amount .textfield:after, .frequency li a:before, .member-img:after, .member-img:before, .member-social:before, .popup-centralize:before, footer .widget ul li:before, footer:before {
    content: ""
}
.countries-contact {
    float: left;
    padding: 65px 60px 0;
    width: 100%
}
.contact-info {
    width: 100%
}
.contact-info > p {
    color: #646464;
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 28px;
    margin-bottom: 50px
}
.contact-info strong {
    color: #545454;
    float: left;
    font-family: montserrat;
    font-weight: 700;
    margin-bottom: 15px;
    width: 100%
}
.error_message, .success_page h1 {
    font-weight: 600;
    text-transform: uppercase
}
.contact-info strong i {
    margin-right: 10px
}
.contact-info span {
    color: #646464;
    float: left;
    font-family: arimo;
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 50px;
    width: 100%
}
.contact-form {
    width: 100%
}
.contact-form input, .contact-form textarea {
    background: #f9f9f9;
    border: 0;
    box-shadow: none;
    color: #929292;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 50px;
    letter-spacing: .3px;
    margin-bottom: 10px;
    padding: 15px 20px;
    width: 100%;
    max-width: 100%
}
.contact-form textarea {
    min-height: 130px;
    min-width: 100%
}
.contact-form button {
    background: #000;
    border: 0;
    color: #fff;
    float: left;
    font-family: arimo;
    font-size: 12px;
    letter-spacing: .5px;
    margin-top: 15px;
    padding: 13px 26px;
    text-transform: uppercase;
    width: auto
}
.full-border {
    border-bottom: 1px dashed #c2c2c2;
    float: left;
    margin: 30px 0;
    width: 100%
}
div#message {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}
.error_message {
    background: url(../images/error.gif) 10px center no-repeat #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
    display: block;
    float: left;
    font-family: archivo narrow;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 35px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.loader {
    padding: 0 10px
}
#contact #success_page h1 {
    background: url(../images/success.gif) left no-repeat;
    padding-left: 22px
}
acronym {
    border-bottom: 1px dotted #ccc
}
.success_page {
    background-color: #dff0d8;
    color: #3c763d;
    border: 1px solid transparent;
    margin-bottom: 20px;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.success_page h1 {
    font-size: 20px;
    margin: 0
}
.success_page p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0
}
.members {
    float: left;
    width: 100%;
    margin-bottom: -30px
}
.team-member {
    background: #fff;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}
.member-img {
    width: 100%;
    overflow: hidden
}
.member-img > img {
    height: auto;
    width: 100%
}
.team-member:hover .member-img 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)
}
.member-img:after, .member-img:before {
    border-bottom: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}
.member-img:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    border-top: none;
    border-right: none;
    border-left: 50px solid transparent;
    border-bottom: 50px solid #FFF
}
.member-img:hover:before {
    left: -50px
}
.member-social, .member-social:before {
    padding: 10px;
    width: 100%;
    position: absolute;
    left: 0
}
.member-img:hover:after {
    right: -50px
}
.member-social {
    z-index: 1;
    bottom: 0
}
.team-member:hover .member-social {
    bottom: 30px
}
.member-social:before {
    background: padding-box content-box #000;
    opacity: .95;
    height: 100%;
    z-index: -1;
    top: 0
}
.member-social > span {
    color: #fff;
    float: left;
    font-family: arimo;
    font-size: 14px;
    padding: 13px 0 13px 20px
}
.social-links {
    float: right;
    padding: 23px 20px 22px 0
}
.member-img img,
.upcoming-img img {width: 100%;}
.social-links > a, .social-links > a:hover {
    color: #fff;
    float: left;
    font-size: 12px;
    height: 25px;
    line-height: 26px;
    margin-right: 5px;
    text-align: center;
    width: 20px
}
.social-links > a:hover {
    background: #FFF;
    color: #afafaf
}
.team-member > h4 {
    color: #303030;
    float: left;
    font-size: 18px;
    margin: 0;
    padding: 25px 20px 8px;
    width: 100%
}
.team-member > h4 a {
    color: inherit
}
.team-member > i {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 400;
    padding: 0 20px 30px;
    width: 100%
}
.join-team > h4, .skills h5 {
    font-weight: 600;
    text-transform: uppercase
}
.team-detail {
    background: #fff;
    float: left;
    width: 100%
}
.team-detail > div {
    padding: 0
}
#team-detail-img {
    float: left;
    position: relative;
    width: 100%
}
#team-detail-img > img {
    height: auto;
    width: 100%
}
.team-detail .member-social {
    bottom: 50px;
    left: 20%;
    width: 60%
}
.team-detail .member-social span {
    padding: 20px 0 20px 30px
}
.team-detail .social-links {
    padding: 18px 20px 18px 0
}
.team-detail .social-links > a {
    font-size: 16px;
    height: 25px;
    line-height: 30px;
    width: 30px
}
#team-detail-img > ul {
    direction: rtl;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 25px
}
#team-detail-img > ul li {
    display: table;
    margin-bottom: 10px;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1
}
#team-detail-img > ul li:hover {
    margin-right: 0
}
#team-detail-img > ul li span {
    color: #fff;
    font-size: 16px;
    height: 60px;
    left: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px
}
#team-detail-img p {
    color: #fff;
    direction: ltr;
    float: left;
    font-family: arimo;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    padding: 20px 20px 20px 60px;
    text-align: left
}
#team-detail-img > ul li:hover p {
    width: auto
}
#team-detail-img p i {
    display: inline-block;
    margin-right: 20px
}
#team-detail-img p a {
    color: inherit
}
#team-detail-img > ul li:before {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}
.team-desc {
    float: left;
    padding: 70px 45px 0;
    width: 100%
}
.team-desc > p {
    letter-spacing: 0;
    margin: 0 0 45px
}
#team-detail-img > ul li:hover p {
    margin: 0 !important
}
.join-team {
    background: #fff;
    float: left;
    padding: 75px 100px;
    text-align: center;
    width: 100%
}
.join-team > h4 {
    float: left;
    font-size: 22px;
    margin: 0 0 15px;
    width: 100%
}
.join-team > p {
    color: #666;
    float: left;
    font-size: 13px;
    width: 100%
}
.join-team .theme-btn {
    display: inline-block;
    float: none;
    margin-top: 30px
}
.all-skills {
    float: left;
    margin-bottom: -30px;
    width: 100%
}
.skills {
    float: left;
    margin-bottom: 30px;
    width: 100%
}
.skills > span {
    border: 1px solid #8f8f8f;
    float: left;
    font-size: 30px;
    height: 93px;
    line-height: 93px;
    margin-right: 20px;
    text-align: center;
    width: 93px
}
.skills h5 {
    font-size: 16px;
    margin: 0 0 10px;
    font-family: montserrat
}
.skills > p {
    color: #666;
    font-family: arimo;
    font-size: 13px;
    line-height: 25px
}
.event-time {
    color: #888;
    float: left;
    font-family: arimo;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 22px;
    margin-right: 40px
}
.event-time i {
    margin-right: 5px
}
.event-org {
    border-top: 1px dashed #bfbfbf;
    float: left;
    margin-top: 25px;
    padding-top: 25px;
    width: 100%
}
.event-org > h4 {
    color: #2A2929;
    float: left;
    font-size: 17px;
    margin: 0 30px 0 0;
    text-transform: uppercase;
    font-family: montserrat
}
.event-org > h4 span {
    font-weight: 700
}
.event-org > ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto !important;
}
.event-org li {
    color: #888;
    float: left;
    margin-left: 50px;
    font-size: 12px;
    width: auto !important;
}
.event-org li:first-child {
    margin: 0
}
.event-org li i {
    margin-right: 5px
}
.charity-events {
    float: left;
    width: 100%;
    margin-bottom: -30px
}
.charity-events .upcoming-event {
    margin-bottom: 30px
}
.all-projects {
    float: left;
    width: 100%;
    margin-bottom: -30px
}
.all-projects .welfare-project {
    margin-bottom: 30px
}
.donation-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, .8);
    overflow-x: hidden;
    overflow-y: scroll
}
.donation-popup .container {
    position: relative;
    height: 100%;
    width: 1300px
}
.popup-centralize {
    position: absolute;
    overflow: hidden;
    padding: 100px;
    width: 100%;
    left: 0;
    margin-top: 100px;
    margin-bottom: 100px;
    z-index: 1;
}
.popup-centralize:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f6f4f4;
    opacity: .9
}
.frequency li a, .payment-box {
    position: relative;
    float: left
}
.donation-intro {
    float: left;
    width: 100%;
    margin-bottom: 50px
}
.make-donation {
    float: left;
    width: 100%
}
.make-donation span {
    float: left;
    width: 100%;
    color: #505050;
    font-family: montserrat;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 300
}
.make-donation h5 {
    float: left;
    width: 100%;
    font-size: 45px;
    font-family: montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px
}
.make-donation h5 i {
    font-size: 30px;
    font-weight: 300;
    text-transform: capitalize
}
.banner-inner > h5 strong, .proceed, .simple-info h5 {
    text-transform: uppercase
}
.make-donation p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #646464
}
.cause-selectbox .select2-container .select2-selection--single {
    background: rgba(255, 255, 255, .8);
    height: 50px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important
}
.cause-selectbox .select2-container {
    height: 50px
}
.cause-selectbox .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    padding: 0 40px 0 20px
}
.cause-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
    height: 50px
}
.frequency, .frequency li:first-child:nth-last-child(1), .frequency li:first-child:nth-last-child(1) ~ li {
    width: 100%
}
.payment-box {
    width: 100%;
    background: #FFF;
    overflow: hidden;
    padding-bottom: 50px;
    margin-top: 30px;
    -webkit-box-shadow: 0 0 4px #BBB !important;
    -moz-box-shadow: 0 0 4px #BBB !important;
    -ms-box-shadow: 0 0 4px #BBB !important;
    -o-box-shadow: 0 0 4px #BBB !important;
    box-shadow: 0 0 4px #BBB !important
}
.frequency {
    float: left;
    padding: 0;
    list-style: none;
    margin-bottom: 50px
}
.frequency li:first-child:nth-last-child(2), .frequency li:first-child:nth-last-child(2) ~ li {
    width: 50%
}
.frequency li:first-child:nth-last-child(3), .frequency li:first-child:nth-last-child(3) ~ li {
    width: 33.334%
}
.frequency li:first-child:nth-last-child(4), .frequency li:first-child:nth-last-child(4) ~ li {
    width: 25%
}
.frequency li:first-child:nth-last-child(5), .frequency li:first-child:nth-last-child(5) ~ li {
    width: 20%
}
.frequency li:first-child:nth-last-child(6), .frequency li:first-child:nth-last-child(6) ~ li {
    width: 16.666%
}
.frequency li:first-child:nth-last-child(7), .frequency li:first-child:nth-last-child(7) ~ li {
    width: 14.285%
}
.frequency li:first-child:nth-last-child(8), .frequency li:first-child:nth-last-child(8) ~ li {
    width: 12.5%
}
.frequency li {
    float: left;
    text-align: center;
    padding-right: 1px
}
.frequency li:last-child {
    padding: 0
}
.frequency li a {
    padding: 20px;
    width: 100%;
    z-index: 1;
    font-family: montserrat;
    font-size: 15px;
    color: #FFF;
    font-weight: 300
}
.frequency li a:before {
    background: #515151;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.your-donation {
    float: left;
    width: 100%;
    text-align: center
}
.popup-title {
    font-family: montserrat;
    font-size: 22px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 20px
}
ul.donation-figures {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
ul.donation-figures li {
    display: inline-block;
    margin: 0
}
.donation-figures li a, .wpdonation-button {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(23%, #fbfbfb), color-stop(58%, #fafafa), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -o-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: -ms-linear-gradient(top, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #fff 0, #fbfbfb 23%, #fafafa 58%, #f8f8f8 100%);
    color: #5d5d5d;
    float: left;
    font-family: montserrat;
    font-size: 15px;
    line-height: 25px;
    padding: 7px 20px;
    border: 1px solid #C5C5C5
}
.donation-figures li a.active, .wpdonation-button {
    background-image: none;
    color: #FFF
}
.textfield {
    float: left;
    position: relative;
    width: 100%
}
.textfield input, .textfield textarea {
    border: 1px solid #D2CFCF;
    color: #A8A8A8;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    letter-spacing: .5px;
    height: 49px;
    padding: 10px 20px;
    width: 100%;
    background: #F9F8F8
}
.textfield input::-moz-placeholder, .textfield textarea::-moz-placeholder {
    opacity: 1;
    color: #8f8f8f
}
.textfield input::-webkit-placeholder, .textfield textarea::-webkit-placeholder {
    opacity: 1;
    color: #8f8f8f
}
.donation-amount .textfield textarea {
    text-align: center;
    min-height: 120px;
    font-size: 20px;
    line-height: 90px;
    font-family: montserrat;
    color: #333;
    background: #f5f5f5
}
.donation-amount .textfield textarea::-moz-placeholder {
    font-size: 12px
}
.donation-amount {
    float: left;
    margin-top: 50px;
    width: 100%
}
.donation-amount .textfield:after {
    background: #fff;
    border: 0;
    height: 57px;
    margin-left: -28.5px;
    margin-top: -6.5px;
    width: 57px;
    z-index: 0
}
.wpdonation-box ul {
    border: 0
}
.wpdonation-box .nav {
    float: left;
    text-align: center;
    width: 100%
}
.wpdonation-box .nav li {
    display: inline-block;
    float: none;
    margin: 0 5px
}
.wpdonation-box .nav li a, .wpdonation-box .nav li a:hover, .wpdonation-box .nav li.active a {
    background: #4a4a4a;
    border: 0;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 13px 50px
}
.wpdonation-box > .tab-content {
    float: left;
    padding-top: 50px;
    width: 100%
}
.payment-type h3 {
    color: #4d4c4c;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 20px;
    text-align: center;
    width: 100%
}
.proceed, .proceed:hover {
    color: #fff
}
.wpdonation-box .tab-content .tab-content {
    float: left;
    margin-top: 10px;
    padding: 0 60px;
    width: 100%
}
.wpdonation-box .tab-content .tab-content p {
    float: left;
    font-family: montserrat;
    margin-bottom: 30px;
    text-align: center;
    width: 100%
}
.textfield > img {
    position: absolute;
    right: 10px;
    top: 10px
}
.wp-donation-system button {
    background: #4a4a4a;
    border: 0;
    color: #fff;
    display: table-caption;
    float: none;
    font-family: arimo;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 30px auto 0;
    padding: 14px 50px;
    text-transform: uppercase
}
.donate-now {
    float: left;
    width: 100%;
    text-align: center
}
.proceed {
    display: inline-block;
    margin-top: 40px;
    padding: 13px 40px;
    background: #000;
    font-family: montserrat;
    font-size: 13px
}
.personal-detail, .select-payment {
    float: left;
    width: 100%;
    margin-top: 40px;
    padding: 0 50px
}
.payment-type .nav {
    float: left;
    text-align: center;
    width: 100%;
    border: 0
}
.payment-type .nav li {
    display: inline-block;
    float: none;
    margin: 5px
}
footer .widget .contact-widget ul li:before, footer .widget-title > span {
    display: none
}
.footer-widgets, .form, .payment-type > .tab-content, footer, footer .widget ul {
    float: left;
    width: 100%
}
.payment-type .nav li a, .payment-type .nav li a:hover, .payment-type .nav li.active a {
    background: #4A4A4A;
    border: 0;
    color: #FFF;
    line-height: 20px;
    margin: 0;
    padding: 13px 50px;
    font-family: montserrat;
    font-size: 13px
}
.payment-type > .tab-content {
    padding-top: 50px
}
.payment-type .tab-content p {
    float: left;
    font-family: montserrat;
    margin-bottom: 30px;
    text-align: center;
    width: 100%
}
.form {
    margin-bottom: -20px
}
.banner-inner > h5, .banner-subtitle, .form > div {
    margin-bottom: 20px
}
footer {
    position: relative;
    z-index: 90
}
footer:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #181723;
    opacity: .7;
    z-index: -1
}
.footer-widgets {
    margin-bottom: -30px
}
footer .widget-title h4 {
    color: #FFF;
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    letter-spacing: .5px
}
footer .widget-title h4 span {
    font-weight: inherit
}
footer .widget ul {
    padding: 0;
    list-style: none
}
footer .widget p, footer .widget ul li, footer .widget ul li a {
    color: #eeeefe
}
footer .widget ul li {
    font-size: 13px;
    line-height: 35px;
    padding-left: 20px;
    position: relative
}
footer .widget ul li:before {
    position: absolute;
    left: 0;
    top: 14px;
    width: 6px;
    height: 6px;
    background: #A6A5A5
}
.contact-widget h5, .footer-bar, .newsletter-signup, .tweet, .tweet blockquote, .twitter-feed {
    float: left;
    width: 100%
}
footer .widget ul li i {
    margin-right: 10px;
    font-size: 14px
}
footer .widget .contact-widget ul li {
    padding: 0;
    font-size: 12px
}
.footer-bar-title, .newsletter-signup form {
    display: inline-block;
    vertical-align: middle
}
.contact-widget h5 {
    color: #fff;
    font-family: montserrat;
    font-size: 24px;
    margin: 0 0 30px
}
.contact-widget h5 span {
    font-weight: 400
}
.tweet blockquote {
    padding: 0;
    border: 0;
    font-family: arimo;
    font-size: 13px;
    color: #efeeee;
    line-height: 30px
}
.footer-bar {
    background: #111120;
    padding: 30px 0
}
.footer-bar-title {
    max-width: 35%;
    color: #FFF;
    margin: 0;
    font-family: montserrat;
    font-size: 17px;
    padding-right: 20px
}
.newsletter-signup form {
    width: 64%
}
.newsletter-signup form input {
    height: 40px;
    display: table-cell;
    width: 66%;
    margin-right: 2%;
    font-family: arimo;
    font-size: 12px;
    color: #525151;
    padding: 10px 20px;
    border: 0
}
.newsletter-signup form button:hover, .social a {
    color: #fff
}
.newsletter-signup form button {
    display: table-cell;
    width: 30%;
    height: 40px;
    padding: 10px
}
.footer-social-btns {
    float: right;
    text-align: right;
    width: 100%
}
.bg-image, .big-banner, .close, .close:hover, .message, .news-title, .simple-info, .social a {
    text-align: center
}
.social {
    display: inline-block;
    vertical-align: middle
}
.social a {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: 11px;
    line-height: 44px;
    background: #25253c
}
.social a i {
    float: left;
    line-height: 42px;
    width: 100%
}
footer .widget-post {
    padding: 0;
    border: 0
}
.widget .widget-post ul li:before {
    display: none
}
.bottom-bar {
    float: left;
    width: 100%;
    padding: 20px 0
}
.bottom-links {
    padding: 0;
    margin: 0;
    list-style: none
}
.bottom-links > ul {
    float: left;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}
.bottom-links a, .bottom-links li {
    border-right: 1px solid #464556;
    color: #cbcbcb;
    display: inline-block;
    font-family: montserrat;
    font-size: 13px;
    line-height: 9px;
    padding: 0 15px;
    font-weight: 300
}
.bottom-links a:last-child, .bottom-links li:last-child {
    border: 0
}
.bottom-links li a {
    padding: 0;
    color: inherit
}
.bottom-bar p {
    color: #afafaf;
    font-family: montserrat;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    text-align: right
}
.bottom-bar p a {
    color: inherit
}
.poptrox-overlay, .poptrox-popup {
    z-index: 2147483647 !important
}
.close, .close:hover {
    background: #4d4d4d;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    opacity: 1;
    position: absolute;
    right: 50px;
    top: 0;
    width: 40px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -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 .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}
.owl-carousel {
    display: none;
    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
}
.column.overlap:before, .news:before, .simple-info-overlay:before {
    content: ""
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
    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-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;
    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 .owl-carousel {
    display: block
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}
.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 .1s ease;
    -moz-transition: scale .1s ease;
    -ms-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s 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-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    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 .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.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: #fff;
    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: 700
}
.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;
    border-style: solid;
    border-width: 5px 4px 0;
    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;
    border-width: 0 4px 5px
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    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: 700;
    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: 700;
    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: 1px solid #000;
    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--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    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: 0 0;
    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: #fff
}
.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, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 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: 700;
    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, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 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;
    border-style: solid;
    border-width: 5px 4px 0;
    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: 4px 0 0 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: 0 0;
    border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}
.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, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 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, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    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: 700;
    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;
    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: #fff;
    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: #fff
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}
.message-by, .message-by > strong, .simple-info p, .simple-info-inner {
    display: inline-block
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}
.column.overlap {
    position: relative
}
.column.overlap:before {
    background: #FFF;
    height: 100%;
    left: 0;
    margin-left: -15px;
    margin-top: -30px;
    padding: 30px 15px;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}
.gray .column.overlap:before {
    background: #f9f9f9
}
.simple-info {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1
}
.bg-image {
    opacity: .2;
    float: left;
    width: 100%;
    z-index: -1
}
.simple-info-overlay {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%
}
.simple-info-overlay:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}
.simple-info-inner {
    vertical-align: middle;
    width: 90%
}
.simple-info h5 {
    float: left;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    margin: 0;
    width: 100%
}
.simple-info h5 span {
    float: left;
    font-size: 25px;
    font-weight: 300;
    text-transform: capitalize;
    width: 100%
}
.simple-info p {
    color: #505050;
    font-size: 15px;
    margin: 0 20%;
    width: 60%
}
.simple-info .theme-btn {
    margin-top: 30px
}
.news-room {
    float: left;
    margin-bottom: -30px;
    width: 100%
}
.news {
    float: left;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    width: 100%
}
.news-title, .news:before {
    position: absolute;
    left: 0;
    width: 100%
}
.news:before {
    background: #000;
    height: 100%;
    opacity: .7;
    top: 0
}
.news > img {
    width: 100%
}
.news-title {
    padding: 0 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.news-title > h3 {
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 25px;
    margin: 0 0 10px;
    text-transform: uppercase;
    width: 100%
}
.news-title > h3 a {
    color: inherit
}
.news-title > span {
    color: #fff;
    font-size: 11px
}
.news-title > span i {
    margin-right: 5px
}
.dark .banner-text > strong {
    color: #303030
}
.dark .banner-info > span, .dark .counting > i {
    color: #646464
}
.who-we-text .theme-btn {
    margin-top: 30px
}
.row.narrow {
    margin: 0 -5px
}
.row.narrow .gallery-page {
    margin-bottom: -10px
}
.row.narrow .gallery-page > div {
    padding: 0 5px
}
.row.narrow .gallery {
    margin-bottom: 10px
}
.message {
    float: left;
    padding: 0 140px;
    width: 100%
}
.message blockquote {
    border: 0;
    color: #646464;
    float: left;
    font-family: arimo;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 40px;
    padding: 0 100px;
    position: relative;
    width: 100%
}
.message blockquote .quote-end, .message blockquote .quote-start {
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    z-index: -1
}
.fancy-counter-box, .fancy-counters, .mockup-img {
    float: left;
    position: relative
}
.message blockquote .quote-end {
    left: auto;
    right: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.message-by > img {
    border: 5px solid #eee
}
.message-by > strong {
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: .2px;
    text-transform: uppercase;
    vertical-align: middle
}
.message-by > strong span {
    display: table;
    color: #707070;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 7px;
    text-transform: capitalize
}
#pagination > ul > li, .fancy-counter-box > h5, .featured-video-cap > span, .featuredtext-capinner > i, .featuredtext-capinner > span, .gallery-detail-title, .mod-gallery-detail h3, .option-set li a, .service-detail h3, .simple-parallax-text h6, .simple-parallax-text > span, .single-donate-info > i, .sl-4.slide-subtitle, .sl-6.slide-title, .widget_product_search > form input[type=submit], nav.comment-navigation h1 {
    text-transform: uppercase
}
.title.style4 {
    margin-bottom: 20px;
    text-align: left
}
.title.style4 h2 {
    color: #303030;
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 5px
}
.simple-parallax-text {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%
}
.simple-parallax-text > span {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 22px;
    margin-bottom: 10px;
    width: 100%
}
.simple-parallax-text h6 {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 60px;
    font-weight: 600;
    margin: 0 0 30px;
    width: 100%
}
.simple-parallax-text > p {
    color: #fff;
    float: left;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 33px;
    margin-bottom: 60px;
    padding: 0 30px;
    width: 100%
}
.simple-parallax-text > p strong {
    font-size: 22px
}
.mockup-img {
    margin-bottom: -70px
}
.fancy-counters {
    margin-bottom: -30px;
    width: 100%
}
.fancy-counter-box {
    background: rgba(250, 250, 250, .8);
    border-radius: 0;
    padding: 40px;
    text-align: center;
    width: 100%;
    margin-bottom: 30px
}
.fancy-counters .row > div:after, .fancy-counters .row > div:before {
    background: #fff;
    content: "";
    position: absolute
}
.fancy-counters .row > div:after {
    bottom: 0;
    height: 30px;
    left: 0;
    width: 100%
}
.fancy-counters .row > div:before {
    height: 100%;
    right: -15px;
    top: 0;
    width: 30px
}
.person-donate-info, .person-thumb {
    position: relative;
    min-height: 505px
}
.fancy-counter-box > h5, .person-donate-info, .person-donate-sec, .person-thumb {
    float: left;
    width: 100%
}
.fancy-counter-box > h5 {
    font-family: montserrat;
    font-weight: 600;
    margin: 0 0 10px
}
.fancy-counter-box strong {
    float: left;
    font-family: montserrat;
    font-size: 30px;
    font-weight: 400;
    width: 100%
}
.person-donate-sec .row {
    margin: 0
}
.person-donate-sec .row > div {
    padding: 0
}
.person-thumb {
    height: 100%
}
.person-donate-info {
    padding: 50px 40px;
    background-image: url(../images/single-info-bg.jpg);
    background-size: cover;
    z-index: 0
}
.single-donate-info {
    float: none;
    left: 0;
    padding: 0 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}
.single-donate-info > h4, .single-donate-info > i {
    padding-right: 100px;
    float: left;
    letter-spacing: .3px
}
.person-donate-info:before, .person-donate:before {
    height: 100%;
    opacity: .85;
    top: 0;
    left: 0;
    width: 100%;
    content: ""
}
.person-donate-info:before {
    position: absolute;
    background: #fff;
    z-index: -1
}
.single-donate-info > span {
    color: #505050;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .3px;
    margin-bottom: 10px;
    width: 100%
}
.single-donate-info > h3 {
    float: left;
    margin: 0 0 16px;
    width: 100%;
    font-family: montserrat;
    font-size: 33px;
    font-weight: 300;
    letter-spacing: .3px
}
.single-donate-info > p {
    float: left;
    margin-bottom: 30px;
    width: 100%
}
.single-donate-info > h4 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px;
    width: 100%
}
.single-donate-info > i {
    color: #707070;
    font-family: montserrat;
    font-size: 13px;
    margin-top: 3px;
    width: 100%
}
.person-donate {
    background-image: url(../images/single-info-donate.jpg);
    background-size: cover;
    float: left;
    min-height: 505px;
    padding: 30px 90px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0
}
.person-donate:before {
    background: #fff;
    position: absolute;
    z-index: -1
}
.person-donates > ul {
    float: left;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}
.person-donates {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    padding: 0 90px
}
.person-donates > ul > li {
    margin-bottom: 11px;
    float: left;
    width: 100%
}
.single-donate-car {
    float: left;
    width: 100%
}
.single-donate-car .owl-nav {
    bottom: 120px;
    left: 50%;
    margin-left: 130px;
    position: absolute;
    transform: translateX(-50%)
}
.single-donate-car .owl-nav > div {
    color: transparent;
    float: left;
    position: relative;
    margin: 0 7px
}
.single-donate-car .owl-nav > div:before {
    color: #252525;
    content: "";
    font-family: fontawesome;
    font-size: 60px;
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
    background-image: url(../images/arrow.png)
}
.donatees-info h3, .donatees-info > a, .donatees-info > h4 {
    font-family: montserrat;
    float: left
}
.single-donate-car .owl-nav > .owl-next:before {
    background-image: url(../images/arrow2.png)
}
.donatess, .white-bg input, .white-bg textarea {
    background: #fff
}
.donation-page {
    float: left;
    width: 100%
}
.donation-page .popup-centralize {
    float: left;
    margin: 0;
    position: relative;
    width: 100%
}
.donatees-sec {
    float: left;
    margin-bottom: -30px;
    width: 100%
}
.donatess {
    float: left;
    width: 100%;
    margin-bottom: 30px
}
.donatess img, .donatess > span {
    float: left;
    width: 100%
}
.donatees-info {
    float: left;
    padding: 30px 28px;
    width: 100%
}
.donatees-info > h4 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .3px;
    margin: 0;
    width: 100%
}
.donatees-info > h4 > i {
    color: #6f6462;
    font-size: 12px;
    font-weight: 400
}
.donatees-info h3 {
    color: #303030;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .4px;
    margin: 12px 0;
    width: 100%
}
.donatees-info > a {
    color: #6f6462;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 19px;
    margin-top: 8px;
    width: 100%
}
.ask-question p {
    color: #646464;
    float: left;
    font-size: 13px;
    margin: 0;
    text-align: center;
    width: 100%
}
.white-bg button {
    display: inline-block;
    float: none
}
.white-bg {
    padding: 40px 112px 0;
    text-align: center
}
.become-volunteer .title, .become-volunteer p, .white-bg span {
    text-align: left
}
.ask-question {
    background: url(../images/sec-bg.jpg) 0 0/cover;
    border-radius: 2px;
    float: left;
    padding: 90px 19%;
    position: relative;
    width: 100%;
    z-index: 1
}
.ask-question:before {
    background: rgba(242, 242, 241, .95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}
.become-volunteer {
    padding: 90px 70px
}
.volunteer-thumb {
    float: left;
    width: 100%
}
.volunteer-thumb > img {
    width: 100%
}
.become-volunteer .white-bg {
    padding: 40px 0 0
}
.become-volunteer .white-bg button {
    float: left
}
.white-bg span {
    color: #646464;
    float: left;
    font-family: arimo;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: .3px;
    margin: 10px 0 20px;
    width: 100%
}
.video-img a:after {
    content: "\f144";
    font-size: 60px
}
.menu-item-has-children.all-demos > a:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
.select2-container {
    z-index: 2147483647
}
.modern-gallery {
    float: left;
    margin-bottom: 30px;
    width: 100%
}
.mod-gallery-img {
    float: left;
    position: relative;
    width: 100%
}
.mod-gallery-img > img {
    height: auto;
    width: 100%
}
.mod-gallery-info {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}
.mod-gallery-info > a {
    background: #404040;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    line-height: 28px;
    margin: 0 10px;
    min-width: 130px;
    overflow: hidden;
    text-align: center
}
.gallery-detail-top, .mod-gallery-detail {
    background: #fff;
    padding: 50px;
    float: left;
    text-align: center
}
.mod-gallery-info > a i {
    float: left;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    width: 32px
}
.mod-gallery-detail {
    width: 100%
}
.mod-gallery-detail h3 {
    color: #343434;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    width: 100%
}
.mod-gallery-detail h3 a {
    color: inherit
}
.mod-gallery-detail .meta li {
    display: inline-block;
    margin: 0 5px
}
.gallery-detail-page {
    float: left;
    width: 100%
}
.gallery-detail-top {
    width: 100%;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
.gallery-detail-top li {
    display: inline-block;
    margin: 0 10px
}
.gallery-detail-title {
    color: #343434;
    float: left;
    font-size: 20px;
    font-weight: 800;
    margin: 20px 0;
    width: 100%
}
.gallery-detail-top .share-this {
    display: inline-block;
    float: none
}
.gallery-filters {
    float: left;
    margin-bottom: 40px;
    width: 100%
}
.gallery-box {
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
    z-index: 1
}
.gallery-box > img {
    width: 100%
}
.gallery-box > span {
    color: #fff;
    font-size: 26px;
    height: 58px;
    left: 20px;
    line-height: 63px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 54px;
    z-index: 1
}
.gallery-box:before, .gallery-box > span:before {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: absolute;
    content: ""
}
.gallery-box:hover > span {
    transform: scale(0)
}
.gallery-box > span:before {
    opacity: .9;
    z-index: -1
}
.gallery-box:before {
    background: #000;
    opacity: 0;
    z-index: 0
}
.gallery-box:hover:before {
    opacity: .7
}
.gallery-box > a {
    font-family: montserrat;
    font-size: 70px;
    height: 70px;
    left: 50%;
    line-height: 60px;
    margin-left: -35px;
    margin-top: -35px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 70px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}
.gallery-box:hover > a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.options {
    background: #414141;
    float: left;
    margin-bottom: 70px;
    overflow: hidden;
    width: 100%;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.option-combo {
    float: left;
    text-align: center;
    width: 100%
}
.option-set {
    display: inline-block;
    list-style: none;
    margin: 0 0 -5px;
    padding: 0
}
.option-set li {
    float: left
}
.option-set li a {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 700;
    padding: 20px 25px
}
.option-set li a.selected {
    background: #000
}
.services-listing {
    float: left;
    margin-bottom: -30px;
    width: 100%
}
.service {
    background: #fff;
    display: table;
    margin-bottom: 30px;
    width: 100%
}
.service-detail, .service-img {
    display: table-cell;
    vertical-align: middle
}
.service-img {
    position: relative
}
.service-detail {
    padding: 20px 60px 20px 70px
}
.service-img > span {
    background: #fff;
    font-size: 30px;
    height: 93px;
    line-height: 90px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 40px;
    width: 93px;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%)
}
.service-detail > span {
    float: left;
    font-family: arimo;
    font-size: 12px;
    width: 100%
}
.service-detail h3 {
    color: #343434;
    float: left;
    line-height: 26px;
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0 20px;
    width: 100%
}
.service-detail h3 a {
    color: inherit
}
.service-detail > p {
    color: #666;
    font-size: 13px;
    margin: 0;
    width: 100%
}
.service-detail-page {
    float: left;
    width: 100%
}
.service-detail-page > h2 {
    color: #343434;
    float: left;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 25px;
    text-align: center;
    width: 100%
}
.service-detail-img {
    float: left;
    padding-top: 47px;
    margin-bottom: 50px;
    position: relative;
    width: 100%
}
.service-detail-img > img {
    width: 100%
}
.service-detail-img > span {
    background: #fff;
    height: 93px;
    left: 50%;
    line-height: 93px;
    margin-left: -47.5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 93px
}
.service-features-wrapper {
    background: #fff;
    float: left;
    padding: 60px 50px;
    width: 100%
}
.service-features-wrapper > span {
    color: #a0a0a0;
    float: left;
    font-size: 11px;
    width: 100%
}
.service-features-wrapper h3 {
    color: #2a2929;
    float: left;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 30px;
    text-transform: uppercase;
    width: 100%
}
nav > ul > li.multi-columns > ul {
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%) translateY(-10px);
    -moz-transform: translate(-50%) translateY(-10px);
    -ms-transform: translate(-50%) translateY(-10px);
    -o-transform: translate(-50%) translateY(-10px);
    transform: translate(-50%) translateY(-10px);
    visibility: hidden;
    width: 520px
}
nav > ul > li.multi-columns.menu-item-has-children:hover > ul {
    left: 50%;
    opacity: 1;
    -webkit-transform: translate(-50%) translateY(0);
    -moz-transform: translate(-50%) translateY(0);
    -ms-transform: translate(-50%) translateY(0);
    -o-transform: translate(-50%) translateY(0);
    transform: translate(-50%) translateY(0);
    visibility: visible
}
nav > ul > li.multi-columns > ul > li {
    width: 50%
}
nav > ul > li.multi-columns > ul > li > ul {
    z-index: 2
}
#pagination {
    float: left;
    margin-top: 70px;
    text-align: center;
    width: 100%
}
.blog-list #pagination {
    margin-bottom: 50px
}
#pagination > ul {
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 30px 40px
}
#pagination > ul > li.first-item:hover:after, #pagination > ul > li.last-item:hover:after, #pagination > ul > li:hover > a:before, #pagination > ul > li:hover > span:before {
    display: none
}
#pagination > ul > li {
    color: #555;
    float: left;
    font-family: arimo;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 48px
}
#pagination > ul > li > a, #pagination > ul > li > span {
    background: 0 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #555;
    float: left;
    line-height: 36px;
    margin-left: 0;
    padding: 0 10px;
    position: relative;
    width: 100%;
    z-index: 2
}
#pagination > ul > li.first-item > a, #pagination > ul > li.last-item > a {
    color: #767676;
    font-size: 11px
}
#pagination > ul > li:before {
    background: #d3d3d3;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    z-index: 1
}
#pagination > ul > li.first-item, #pagination > ul > li.last-item {
    width: 89px
}
#pagination > ul > li.first-item:before, #pagination > ul > li.last-item:before, #pagination > ul > li:after {
    border: 1px solid #d3d3d3;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(.5);
    -moz-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    transform: scaleX(.5);
    width: 100%
}
#pagination > ul > li.active:after, #pagination > ul > li.first-item:after, #pagination > ul > li.last-item:after, #pagination > ul > li:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
#pagination > ul > li.first-item {
    margin-right: 25px
}
#pagination > ul > li.last-item {
    margin-left: 25px
}
#pagination > ul > li.active.first-item > a, #pagination > ul > li.active.last-item > a, #pagination > ul > li.active > span, #pagination > ul > li.first-item:hover > a, #pagination > ul > li.last-item:hover > a {
    color: #fff
}
#pagination > ul > li.active > span:after, #pagination > ul > li:hover > span:after {
    opacity: 0
}
.bubblingG {
    text-align: center;
    width: 78px;
    height: 49px;
    margin: auto
}
.bubblingG span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 24px auto;
    background: #000;
    -o-border-radius: 49px;
    -ms-border-radius: 49px;
    -webkit-border-radius: 49px;
    -moz-border-radius: 49px;
	border-radius: 49px;
    animation: bubblingG 1.5s infinite alternate;
    -o-animation: bubblingG 1.5s infinite alternate;
    -ms-animation: bubblingG 1.5s infinite alternate;
    -webkit-animation: bubblingG 1.5s infinite alternate;
    -moz-animation: bubblingG 1.5s infinite alternate
}
#bubblingG_1 {
    animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s
}
#bubblingG_2 {
    animation-delay: .45s;
    -o-animation-delay: .45s;
    -ms-animation-delay: .45s;
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s
}
#bubblingG_3 {
    animation-delay: .9s;
    -o-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s
}

@-o-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #000;
        -o-transform: translateY(0)
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: #fff;
        -o-transform: translateY(-20px)
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #000;
        -webkit-transform: translateY(0)
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: #fff;
        -webkit-transform: translateY(-20px)
    }
}
@-ms-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #000;
        -ms-transform: translateY(0);
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: #fff;
        -ms-transform: translateY(-20px);
    }
}
@-moz-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #000;
        -moz-transform: translateY(0)
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: #fff;
        -moz-transform: translateY(-20px)
    }
}
@keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: #000;
        transform: translateY(0)
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: #fff;
        transform: translateY(-20px)
    }
}
.loader-overlay > .bubblingG {
    top: 50%;
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}
.loader-overlay {
    z-index: 10000000069999999;
    position: fixed;
    text-align: center;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    top: 0
}
.imaage-carousel img, .urgent-cause img {
    height: auto;
    width: 100%
}
.payment-info {
    float: left;
    margin-top: 30px
}
.countdown-row {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}
.cause-intro .image-carousel, .cause-intro .urgentcause-gallery, .cause-intro .video {
    margin-bottom: 40px
}
.service-detail-img > span {
    font-size: 30px
}
.skills h5 > a {
    color: inherit
}
.comment-form > p input, .comment-form > p textarea, .comments > form .field {
    background: #fff;
    border: 1px solid #d2d0d0;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 40px;
    letter-spacing: .3px;
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    z-index: 999;
}
.comments > form .theme-btn {
    border: none
}
.wpb_layerslider_element {
    margin-bottom: 0 !important
}
.woocommerce a.button {
    color: #fff
}
.woocommerce input.button {
    margin-right: 20px
}
.urgentcause-gallery > div.col-md-5 a img {
    min-height: 151px
}
.service-box > span {
    color: #a5a5a6;
    font-size: 70px
}
.cause-title h5 > a {
    color: inherit
}
.comment-form > p input.submit:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    color: #fff
}
.help-needed > .row > div.col-md-4 .urgent:hover > img {
    -webkit-transform: translateX(10px) scale(1.07);
    -moz-transform: translateX(10px) scale(1.07);
    -ms-transform: translateX(10px) scale(1.07);
    -o-transform: translateX(10px) scale(1.07);
    transform: translateX(10px) scale(1.07)
}
.widget-post > a img {
    max-width: 80px;
    height: auto
}
.contact-form input.search {
    position: static;
    right: 0;
    width: 100%
}
.urgentcause-gallery > div.col-md-4 a img {
    min-height: 254px
}
.review > img {
    width: 45px;
    height: auto
}
.product-detail .images {
    width: 100% !important
}
.woocommerce-tabs.wc-tabs-wrapper {
    background: #fff;
    float: left;
    margin: 30px 0;
    padding: 30px;
    width: 100%
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding-left: 0;
    border-bottom: 1px solid #eee
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border: 0;
    background: #fbfbfb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none
}
.woocommerce div.product .woocommerce-tabs .panel {
    border: 0;
    box-shadow: none
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active > a {
    margin-top: 4px
}
.comment-form > p input.submit {
    height: 45px;
    padding: 0 30px !important;
    width: auto
}
.woocommerce-ordering > select {
    border: 1px solid #eee;
    height: 40px;
    float: left;
    padding: 0 15px;
    width: 100%
}
figure.aligncenter, figure.alignnone {
    width: 100% !important;
    float: left
}
.woocommerce-ordering > select option {
    color: #555;
    font-family: montserrat;
    font-size: 13px;
    padding: 15px
}
.post-listview.sticky, .post-listview.sticky .post-detail {
    background: rgba(0, 0, 0, 0);
    text-align: left
}
.post-listview.sticky {
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}
.alignleft {
    float: left;
    margin-right: 20px
}
.alignright {
    float: right;
    margin-left: 20px
}
.size-full {
    display: inline-block
}
figure.aligncenter {
    margin: 20px 0;
    text-align: center
}
.aligncenter {
    height: auto;
    margin: 20px 0
}
.comments-thread .comment ol ol, .comments-thread .comment ul ul {
    margin: 0;
    padding-left: 25px
}
.comments-thread .comment ol li, .comments-thread .comment ul li {
    margin-bottom: 0
}
.blog-detail-page p > iframe {
    height: 500px
}
.gallery-icon.landscape > a {
    float: left;
    margin-right: 20px
}
figure {
    padding: 10px
}
figcaption {
    margin-top: 15px
}
figure img {
    max-width: 100%
}
.coupon {
    float: right;
    margin-left: 10px
}
.checkbox, .radio {
    background: rgba(0, 0, 0, 0);
    float: none;
    margin-bottom: 0;
    margin-top: 0;
    width: auto
}
.input-checkbox {
    float: left;
    margin-top: 7px !important;
    width: auto
}
.textwidget img {
    height: auto;
    width: 100%
}
.postform, .textwidget select {
    height: 50px;
    border: 1px solid #eee;
    width: 100%;
    float: left
}
.textwidget select {
    padding: 0 15px
}
.textwidget select option {
    float: left;
    padding: 15px;
    width: 100%
}
.rsswidget {
    color: inherit
}
.postform {
    padding: 0 15px
}
.postform > option {
    float: left;
    padding: 15px;
    width: 100%
}
.widget_categories ul li span {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.donation-modal-preloader, .poptrox-popup .nav-next > div, .poptrox-popup .nav-previous > div {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.widget_categories ul li {
    position: relative
}
#monster-widget-placeholder-2 > select {
    border: 1px solid #eee;
    float: left;
    padding: 0 15px;
    width: 100%
}
#monster-widget-placeholder-2 > select > option {
    float: left;
    padding: 15px;
    width: 100%
}
.calendar_wrap table {
    float: left;
    width: 100%
}
.donation-modal-wraper {
    background: #3d3d3d;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    opacity: .5;
    width: 100%;
    z-index: 999999;
    display: none
}
.donation-modal-preloader {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
    display: none
}
.donation-modal-preloader > i {
    display: block;
    width: 16px;
    height: 16px;
    background: #000;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    opacity: 1;
    -webkit--webkit-transform: translate3d(60px, 0, 0);
    -moz--webkit-transform: translate3d(60px, 0, 0);
    -ms--webkit-transform: translate3d(60px, 0, 0);
    -o--webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
    overflow: hidden;
    text-indent: -9999px;
    border: 2px solid #fff;
}
.donation-modal-preloader i:nth-child(1) {
    background: #d14836;
    -webkit-animation: google 1.75s ease-in-out infinite;
    -moz-animation: google 1.75s ease-in-out infinite;
    -ms-animation: google 1.75s ease-in-out infinite;
    -o-animation: google 1.75s ease-in-out infinite;
    animation: google 1.75s ease-in-out infinite
}
.donation-modal-preloader i:nth-child(2) {
    background: #e9b330;
    -webkit-animation: google 1.75s ease-in-out infinite .3s;
    -moz-animation: google 1.75s ease-in-out infinite .3s;
    -ms-animation: google 1.75s ease-in-out infinite .3s;
    -o-animation: google 1.75s ease-in-out infinite .3s;
    animation: google 1.75s ease-in-out infinite .3s
}
.donation-modal-preloader i:nth-child(3) {
    background: #4285f4;
    -webkit-animation: google 1.75s ease-in-out infinite .6s;
    -moz-animation: google 1.75s ease-in-out infinite .6s;
    -ms-animation: google 1.75s ease-in-out infinite .6s;
    -o-animation: google 1.75s ease-in-out infinite .6s;
    animation: google 1.75s ease-in-out infinite .6s
}
@-webkit-keyframes google {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        -moz-transform: translate3d(60px, 0, 0);
        -ms-transform: translate3d(60px, 0, 0);
        -o-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        -moz-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        -o-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}
@-o-keyframes google {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        -moz-transform: translate3d(60px, 0, 0);
        -ms-transform: translate3d(60px, 0, 0);
        -o-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        -moz-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        -o-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}
@keyframes google {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        -moz-transform: translate3d(60px, 0, 0);
        -ms-transform: translate3d(60px, 0, 0);
        -o-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        -moz-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        -o-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}
.reset_variations:hover, .woocommerce-review-link:hover {
    opacity: .8
}
.featured-video-cap, .woocommerce .widget_shopping_cart_content ul.cart_list li a.remove {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.donation-popup {
    z-index: 999991
}
.your-donation {
    margin-top: 0
}
.textfield {
    margin-bottom: 20px
}
.recuring-credit-card, .recuring-paypal, .single-credit-card {
    display: none;
    float: left;
    margin-top: 20px;
    width: 100%
}
.wpdonation-box .form > div {
    margin-bottom: 0
}
.btn-back {
    border: none;
    color: #fff;
    left: 20px;
    font-family: arimo;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
    position: absolute
}
.btn-back:hover {
    background: 0 0;
    border: 3px solid;
    color: #000
}
#step1-error, #step2-error {
    display: none;
    float: left;
    width: 100%
}
.modalOpen {
    overflow-X: hidden;
    overflow-Y: hidden
}
#bank_transcation {
    display: none;
    height: 570px;
    overflow-y: auto;
    position: absolute;
    top: 0;
}
img.contact-loader {
    display: none
}
.calendar_wrap table td, .calendar_wrap table th {
    padding: 5px
}
.layerslider_widget .ls-wp-fullwidth-helper {
    float: left;
    left: 0 !important;
    width: 100% !important
}
.layerslider_widget .ls-wp-container {
    float: left;
    max-width: 100% !important;
    width: 100% !important
}
.wpb_wrapper .woocommerce ul.product_list_widget li {
    background: #fdfdfd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #dfdfdf;
    -moz-box-shadow: 0 1px 1px #dfdfdf;
    -ms-box-shadow: 0 1px 1px #dfdfdf;
    -o-box-shadow: 0 1px 1px #dfdfdf;
    box-shadow: 0 1px 1px #dfdfdf;
    float: left;
    margin-bottom: 3px;
    padding: 15px 25px;
    width: 100%
}
.cart-item .field, .woocommerce ul.product_list_widget li > a:hover {
    background: rgba(0, 0, 0, 0)
}
.woocommerce ul.product_list_widget li a {
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    width: auto
}
.woocommerce ul.product_list_widget li a span {
    float: left;
    margin-top: 7px
}
.woocommerce ul.product_list_widget li a img {
    float: left;
    margin-right: 10px
}
.woocommerce ul.product_list_widget li > span {
    float: right;
    font-size: 15px;
    width: auto
}
.woocommerce ul.product_list_widget li > span span {
    font-size: inherit;
    margin-top: 0;
    width: auto
}
.wpb_wrapper .contact-widget h5 {
    color: #303030
}
.widget_product_search > form input.search-field {
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #929292;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}
.widget_product_search > form input[type=submit] {
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-top: 20px;
    padding: 13px 26px
}
.wp-donation-system h6 {
    padding: 30px 80px;
    position: relative
}
.date-range .field {
    float: right;
    margin-left: 0;
    margin-right: 0
}
.date-range > div:last-child {
    margin-bottom: 0
}
.date-range {
    margin-right: 40px
}
.donation-fields {
    margin-top: 70px
}
.datepick-popup {
    z-index: 2147483647
}
.urgent-cause-inner > strong {
    color: #fff;
    display: inline-block;
    float: none;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 40px;
    width: 100%
}
.blackish .title > h2, .blackish .title > span {
    color: #fff
}
.product-loop > del, .product-loop > ins {
    display: inline-block;
    font-size: 17px
}
.product-loop > del .amount, .product-loop > ins .amount {
    font-size: inherit
}
.product-loop > del .amount span, .product-loop > ins .amount span {
    color: inherit;
    float: none;
    font-size: inherit;
    width: auto
}
.product-loop {
    padding-bottom: 30px;
    text-align: center
}
.product-loop > del {
    margin-right: 5px;
    color: #9f9f9f;
    font-size: 14px
}
.product-loop > del span {
    text-decoration: line-through
}
.cart .theme-btn:hover, .cart-bottom .theme-btn:hover, .cart-item .theme-btn:hover, .comments > form .theme-btn:hover, .form-submit .submit, .woocommerce-Button {
    color: #fff !important
}
.woocommerce-Price-amount.amount > span {
    color: inherit;
    display: inline-block;
    float: none;
    font-size: inherit;
    width: auto
}
.products .product-loop, .products-list .product-loop {
    padding-bottom: 0
}
.cart-item .field {
    height: 50px;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%
}
.cart-item select {
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    height: 40px;
    padding: 0 10px;
    width: 100%
}
.cart-price .woocommerce-Price-amount.amount {
    float: none;
    width: auto
}
.cart-box .woocommerce-Price-amount.amount {
    float: none;
    font-size: inherit;
    width: auto
}
.cart-item span {
    line-height: initial
}
.product {
    clear: both
}
.shop_table .woocommerce-Price-amount.amount {
    float: right;
    font-size: inherit;
    padding: 0;
    width: auto
}
.contact-box .title {
    margin-bottom: 0
}
.cart .theme-btn {
    margin-left: 20px;
    margin-top: 0
}
.price .woocommerce-Price-amount.amount {
    color: inherit
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-left: 100px
}
.woocommerce #reviews #comments ol.commentlist li .comment_container img {
    max-width: 100%;
    width: 60px
}
.woocommerce a.remove:hover {
    background: 0 0 !important
}
.cart_item .amount {
    margin-top: 15px;
    padding: 0
}
.cart_item .product-count h6 {
    margin-top: 13px
}
.calendar_wrap > table tr td, .calendar_wrap > table tr th {
    padding: 5px
}
.sidebar .widget_archive > ul li, .sidebar .widget_recent_comments > ul li, .sidebar .widget_rss > ul li, .wpb_wrapper .widget_archive > ul li, .wpb_wrapper .widget_product_categories > ul li, .wpb_wrapper .widget_recent_entries > ul li, .wpb_wrapper .widget_rss > ul li {
    background: #fdfdfd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #dfdfdf;
    -moz-box-shadow: 0 1px 1px #dfdfdf;
    -ms-box-shadow: 0 1px 1px #dfdfdf;
    -o-box-shadow: 0 1px 1px #dfdfdf;
    box-shadow: 0 1px 1px #dfdfdf;
    line-height: 50px;
    margin-bottom: 3px;
    padding-right: 25px;
    text-align: right
}
.sidebar .widget_archive > ul li a:hover, .sidebar .widget_recent_comments > ul li a:hover, .sidebar .widget_rss > ul li a:hover, .tweet > blockquote, .wpb_wrapper .widget_archive > ul li a:hover, .wpb_wrapper .widget_product_categories > ul li a:hover, .wpb_wrapper .widget_recent_entries > ul li a:hover, .wpb_wrapper .widget_rss > ul li a:hover {
    background: rgba(0, 0, 0, 0)
}
.sidebar .widget_recent_comments > ul li, .sidebar .widget_rss > ul li, .wpb_wrapper .widget_recent_entries > ul li, .wpb_wrapper .widget_rss > ul li {
    line-height: initial;
    padding: 15px 20px;
    text-align: left
}
.sidebar .widget_rss > ul li a.rsswidget, .wpb_wrapper .widget_recent_entries > ul li a, .wpb_wrapper .widget_rss > ul li a {
    padding: 0
}
.sidebar .widget_recent_comments ul li a {
    padding: 0 !important
}
.sidebar .widget_archive > ul li a, .sidebar .widget_recent_comments > ul li a, .sidebar .widget_rss > ul li a, .wpb_wrapper .widget_archive > ul li a, .wpb_wrapper .widget_product_categories > ul li a, .wpb_wrapper .widget_recent_entries > ul li a, .wpb_wrapper .widget_rss > ul li a {
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    float: left;
    margin-bottom: 0;
    width: auto
}
.sidebar .widget_recent_comments > ul li a, .sidebar .widget_rss > ul li a.rsswidget {
    float: none
}
.comment-detail {
    float: left;
    width: calc(100% - 30%)
}
.comment-detail blockquote {
    margin: 10px 0;
    padding: 10px 80px
}
.comment-detail table {
    float: left;
    margin: 5px 0;
    width: 100%
}
.comment-detail table tr td, .comment-detail table tr th {
    border: 1px solid #dcdcdc;
    padding: 5px
}
.comments-thread .comment-detail ol, .comments-thread .comment-detail ul {
    float: left;
    margin: 10px 0;
    padding-left: 20px;
    width: 100%
}
.comments-thread .comment-detail ul {
    list-style: circle
}
.comments-thread .comment-detail ul ul {
    list-style-type: square
}
.comments-thread .comment-detail ol li, .comments-thread .comment-detail ul li {
    float: left;
    width: 100%
}
.comment-detail img {
    max-width: 100%
}
nav.comment-navigation {
    float: left;
    text-align: center;
    width: 100%
}
nav.comment-navigation h1 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px
}
.comment-navigation .nav-previous {
    float: left
}
.comment-navigation .nav-next {
    float: right
}
.comments-thread .comment-detail h2 {
    float: left;
    margin: 5px 0;
    width: 100%
}
.comments-thread .comment-detail pre {
    margin-top: 10px
}
.page-content ol, .page-content ul, .page-content > h2, table {
    margin: 5px 0;
    float: left;
    width: 100%
}
table td, table th {
    border: 1px solid #dcdcdc;
    padding: 5px
}
.page-content ol, .page-content ul {
    padding-left: 20px
}
.page-content ol li, .page-content ul li {
    float: left;
    width: 100%
}
.post-password-form input[type=submit] {
    padding: 5px 40px
}
.video-player {
    float: left;
    margin: 20px 0;
    text-align: center;
    width: 100%
}
.videopress-placeholder {
    display: inline-block
}
.gallery {
    margin-bottom: 1.5em
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}
.gallery-columns-2 .gallery-item {
    max-width: 50%
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
    max-width: 25%
}
.gallery-columns-5 .gallery-item {
    max-width: 20%
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}
.featuredtext-carousel > img, img.alignnone {
    max-width: 100%
}
.gallery-caption {
    display: block
}
.blog-detail-page .gallery figcaption {
    float: left;
    width: 100%
}
.blog-detail-page .gallery .gallery-icon > a {
    display: inline-block;
    float: none;
    margin-right: 0
}
.added.theme-btn, .none {
    display: none
}
.blog-detail-page figcaption {
    float: left;
    margin-top: 0;
    padding: 15px 20px;
    text-align: center;
    width: 100%
}
.blog-detail-page img {
    height: auto;
    max-width: 100%
}
.tweet > blockquote {
    font-style: initial;
    font-weight: initial;
    margin: 5px 0
}
.help-needed .col-md-4 .cause-title h5 {
    font-size: 18px;
    line-height: 26px
}
.wpdonation-box .theme-btn {
    margin-left: 15px;
    margin-top: 20px
}
.wpdonation-box .theme-btn:hover, .wpdonation-payment a:hover {
    color: #fff !important
}
.form-row textarea.input-text {
    min-height: 170px
}
.select2-chosen {
    height: 40px;
    line-height: 40px
}
.widget_shopping_cart_content .woocommerce-Price-amount.amount {
    font-size: inherit;
    width: auto;
    float: none
}
.woocommerce .widget_shopping_cart_content ul.cart_list li a.remove {
    left: 5px;
    top: 50%;
    transform: translateY(-50%)
}
.date-range .field input {
    padding: 0
}
img.alignnone {
    height: auto
}
#single_payment_close,
#single_payment_closes {
    border: 0
}
div.form .select2 {
    margin-bottom: 20px
}
.textfield textarea {
    min-height: 150px
}
.amount {
    font-size: inherit
}
.deal-desc > span del {
    float: left;
    font-weight: 400;
    margin-left: 0;
    margin-right: 10px
}
.deal-desc > span ins {
    float: left;
    width: auto
}
.theme-btn.theme-mini-btn {
    color: #fff;
    font-size: 11px;
    padding: 8px 22px
}
.woocommerce-message .theme-btn.theme-mini-btn {
    float: right
}
.cart_item .amount span {
    margin-right: 2px;
    margin-top: 0;
    padding: 0
}
.cart-item > ul li:nth-last-child(3) {
    padding-top: 25px
}
.input-text {
    border: 1px solid #d2d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: arimo;
    font-size: 11px;
    height: 46px;
    padding: 0 20px
}
.theme-btn.theme-mini-btn:hover {
    color: #fff
}
.order_details {
    float: left;
    list-style: none;
    padding-left: 0;
    width: 100%
}
.order_details > li {
    float: left;
    width: auto !important
}
.form-control:focus {
    border-color: #d2d2d2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}
.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0
}
.woocommerce nav.woocommerce-MyAccount-navigation {
    float: left
}
.woocommerce nav.woocommerce-MyAccount-navigation > ul {
    margin-top: 0;
    padding-left: 0
}
.woocommerce nav.woocommerce-MyAccount-navigation > ul li {
    float: left;
    margin-bottom: 1px;
    width: 100%
}
.woocommerce nav.woocommerce-MyAccount-navigation > ul li a {
    background: #fff;
    float: left;
    padding: 15px 20px;
    width: 100%
}
.msg-box {
    float: left;
    margin-top: 10px;
    width: 100%
}
.menu-parent, div.menu {
    position: relative;
    float: left;
    top: auto;
    left: auto
}
.sticky .menu .theme-btn, .sticky .menu-parent .theme-btn {
    margin-top: 14px
}
.service-features-wrapper h3 i, .title > h2 i, .widget-title > h4 i {
    font-style: normal
}
.shop_table .cart_item .amount {
    color: #333 !important
}
.place-order .theme-btn.theme-mini-btn {
    margin-top: 13px
}
.select-cause .amount, .urgent-cause .amount {
    font-size: 36px
}
#pagination > ul > li > span {
    color: #fff
}
.all-projects .product-loop {
    padding-bottom: 0
}
#responsive-header .topbar.light {
    background: #fff
}
.show {
    display: block
}
.product-desc table.variations {
    float: left;
    width: 100%
}
.product-desc table.variations td.label {
    margin-bottom: 0;
    margin-top: 10px
}
.product-desc table.variations td.value select {
    border: 1px solid #dcdcdc;
    height: 40px;
    padding: 0 15px
}
span.onsale {
    height: 45px;
    line-height: 45px !important;
    padding: 0 !important;
    width: 45px
}
.featured-video-sec {
    float: left;
    position: relative;
    width: 100%
}
.featured-video-sec::before {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}
.featured-video-sec > iframe {
    height: 600px
}
.featured-video-cap {
    left: 0;
    padding: 0 20%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}
.featured-video-cap > strong {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 1px;
    width: 100%
}
.featured-video-cap > span {
    color: #fff;
    float: left;
    font-family: arimo;
    font-size: 22px;
    letter-spacing: 1.2px;
    margin-top: 5px;
    width: 100%
}
.featured-video-cap > a {
    color: #fff;
    display: inline-block;
    font-size: 90px;
    line-height: initial;
    margin-top: 35px
}
.featured-video-cap > a.active:before {
    content: "\f28b"
}
.sl-4.simple-line {
    background: #7e5b5b;
    height: 17px;
    width: 657px
}
.sl-4.slide-desc {
    font-family: arimo;
    color: #fff;
    letter-spacing: .8px
}
.sl-6.slide-desc {
    color: #fff
}
.sl-6.slide-desc i {
    font-size: 30px;
    font-style: normal;
    margin-right: 7px
}
.featuredtext-carousel {
    float: left;
    position: relative;
    width: 100%
}
.featuredtext-capcarousel {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.featuredtext-cap {
    float: left;
    width: 100%
}
.featuredtext-capinner {
    display: inline-block;
    max-width: 830px
}
.featuredtext-capinner > i {
    color: #fff;
    float: left;
    font-family: arimo;
    font-size: 35px;
    font-style: normal;
    letter-spacing: .6px;
    line-height: initial;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all .3s ease .3s;
    -moz-transition: all .3s ease .3s;
    -ms-transition: all .3s ease .3s;
    -o-transition: all .3s ease .3s;
    transition: all .3s ease .3s;
    width: 100%
}
.featuredtext-capinner > img, .featuredtext-capinner > strong {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
	transform: translateY(-50px);
    opacity: 0
}
.featuredtext-capinner > strong {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 70px;
    line-height: 80px;
    margin: 5px 0 15px;
    transform: translateY(-50px);
    -webkit-transition: all .3s ease .6s;
    -moz-transition: all .3s ease .6s;
    -ms-transition: all .3s ease .6s;
    -o-transition: all .3s ease .6s;
    transition: all .3s ease .6s;
    width: 100%
}
.featuredtext-capinner > img {
    transform: translateY(-50px);
    -webkit-transition: all .3s ease .9s;
    -moz-transition: all .3s ease .9s;
    -ms-transition: all .3s ease .9s;
    -o-transition: all .3s ease .9s;
    transition: all .3s ease .9s
}
.featuredtext-capinner > span {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 28px;
    letter-spacing: 1.8px;
    line-height: initial;
    margin-top: 30px;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all .3s ease 1.2s;
    -moz-transition: all .3s ease 1.2s;
    -ms-transition: all .3s ease 1.2s;
    -o-transition: all .3s ease 1.2s;
    transition: all .3s ease 1.2s;
    width: 100%
}
.featuredtext-cap .owl-item.active .featuredtext-capinner > i, .featuredtext-cap .owl-item.active .featuredtext-capinner > img, .featuredtext-cap .owl-item.active .featuredtext-capinner > span, .featuredtext-cap .owl-item.active .featuredtext-capinner > strong {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
.controls-wrapper {
    opacity: 0 !important
}
.poptrox-popup .nav-next, .poptrox-popup .nav-previous {
    background: #000;
    color: transparent !important;
    height: 50px !important;
    left: 35px !important;
    opacity: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px !important
}
.poptrox-popup .nav-next > div, .poptrox-popup .nav-previous > div {
    height: initial !important;
    left: 50% !important;
    margin-top: 0 !important;
    transform: translate(-50%, -50%);
    width: initial !important
}
.blog-detail-page h2, .blog-detail-page ol, .blog-detail-page ol li, .blog-detail-page ul, .blog-detail-page ul li {
    float: left;
    width: 100%
}
.poptrox-popup .nav-next {
    left: auto !important;
    right: 35px !important
}
.poptrox-popup .nav-next > div::before, .poptrox-popup .nav-previous > div::before {
    color: #fff;
    content: "\f053";
    font-family: fontawesome;
    font-size: 18px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.poptrox-popup .nav-next > div::before {
    content: "\f054"
}
.poptrox-popup:hover .nav-previous {
    left: 10px !important;
    opacity: .5 !important
}
.poptrox-popup:hover .nav-next {
    opacity: .5 !important;
    right: 10px !important
}
.poptrox-popup .nav-next:hover, .poptrox-popup .nav-previous:hover {
    opacity: 1 !important
}
#pagination > ul > li:last-child::before {
    display: none
}
img {
    height: auto
}
.blog-detail-page ol ol, .blog-detail-page ul ul {
    padding-left: 20px
}
.blog-detail-page dl dd, .blog-detail-page dl dt {
    margin: 5px 0
}
.blog-detail-page ul.meta li {
    width: auto
}
img.contact-loader {
    display: none;
    margin-left: 10px;
    margin-top: 30px;
}
.ask-question img.contact-loader {
    margin-top: 0;
}
.become-volunteer img.contact-loader {
    float: left;
    margin-top: 30px;
}
.widget_calendar .widget-title {
    margin-bottom: 7px;
}
.widget .recentcomments > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    float: none !important;
    width: auto !important;
}
.payment_methods > li label {
    cursor: pointer;
}
.responsive-light #responsive-menu {
    background: #fff none repeat scroll 0 0;
}
.responsive-light .menu-links {
    background: #fff none repeat scroll 0 0;
}
.responsive-light .menu-links > ul li::after {
    background: #f7f7f7 none repeat scroll 0 0;
}
.responsive-light .menu-links > ul li::before {
    display: none;
}
.responsive-light .menu-links > ul li a {
    color: #909090;
}
.menu-links > ul li a {
    padding: 12px 0;
}
.featured-video-cap.active > a.play2,
.featured-video-cap > a.pause2 {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.featured-video-cap.active > a.pause2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.event-desc .theme-btn.theme-mini-btn {
    margin-top: 6px;
}
.event-desc {
    margin-top: 15px;
    padding-top: 15px;
}
#responsive-header .topbar .theme-btn {
    margin-bottom: -10px;
    margin-left: -21px;
    margin-top: 10px;
    text-align: center;
    width: 116%;
}
#responsive-header .topbar .theme-btn::before {
    display: none;
}
.banner-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2147483647;
    background: rgba(0, 0, 0, .8)
}
.banner-inner,
.big-banner:before {
    display: block;
    vertical-align: middle
}
/*.big-banner{
	background:url(../images/big-banner.jpg) 0 0/100% 100% no-repeat rgba(0,0,0,0);
	height:90%;
	width:80%;
	position:absolute;
	left:10%;top:5%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.big-banner:before{height:100%}
.banner-inner{width:98%}*/
.banner-inner > h5 {
    color: #303030;
    float: left;
    font-size: 40px;
    font-weight: 200;
    width: 100%
}
.banner-subtitle {
    float: left;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 200;
    width: 100%
}
.banner-inner > strong {
    color: #4d4d4d;
    float: left;
    font-family: montserrat;
    font-size: 150px;
    font-weight: 700;
    width: 100%;
    line-height: 120px;
    margin: 20px 0
}
.banner-inner > strong i {
    margin-right: 11px
}
.big-banner .theme-btn {
    margin-top: 40px
}
.big-banner {
    height: 80%;
    left: 50%;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 1;
}
.big-banner.light {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}
.banner-inner {
    padding: 70px;
    position: relative;
    z-index: 1;
}
.banner-popup-layer {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: inherit;
    left: 0;
    opacity: 0.8;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.light .banner-inner {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}
.dark .banner-inner {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
}
.dark .banner-inner > h5 {
    color: #fafafa;
}
.dark .banner-subtitle {
    color: #fff;
}
.dark .banner-inner > strong {
    color: #fff;
}
.service-box > img {
    max-width: 100%;
}
/*.wp-donation-system button {*/
/*    margin-top: 0;*/
/*}*/

.simple-info {
    float: left;
    padding: 50px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.bg-image {
    float: left;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.simple-info .bg-image img {
    float: left;
    height: 100%;
    width: 100%;
}
.social_media {
    float: right;
}
.social_media > li {
    margin-right: 7px;
    padding-right: 2px;
}

.paragraph_default > p {
}
.paragraph_default {
    float: left;
    text-align: center;
    width: 100%;
}
.paragraph_default > p {
    color: #e47257;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}

/*========== Web Elements ==========*/

/*===== Call Us to Action =====*/
.callus-action {
    float: left;
    margin-bottom: 10px;
    padding: 55px 60px 55px 88px;
    position: relative;
    width: 100%;
}
.callus1 {background: #eee none repeat scroll 0 0;}
.callus-content {
    float: left;
    width: 80%;
}
.callus-content > img {
    float: left;
    margin-right: 25px;
}
.callus-content > h2 {
    color: #555555;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 3px;
    margin-top: 8px;
}
.callus-content > p {
    color: #444;
    font-size: 14px;
}
.callus-action > a {
    background: #dcdcdc none repeat scroll 0 0;
    color: #ffffff;
    float: right;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    padding: 17px 35px;
}
.callus6 {
    background: #fff;
    border: 3px solid #d7d7d7;
}
.callus2,
.callus3 > a,
.callus5 > a,
.callus4 {background: #313131 none repeat scroll 0 0 !important;}
.center-align {
    padding-bottom: 65px;
    padding-top: 60px;
    text-align: center;
}
.center-align .callus-content {width: 100%}
.center-align .callus-content > h2 {
    color: #333333;
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
}
.center-align .callus-content > p {
    display: inline-block;
    font-style: italic;
    max-width: 620px;
}
.center-align.callus-action > a {
    display: inline-block;
    float: none;
    margin-top: 15px;
}
.callus-action > a img {margin-right: 10px;}
.callus2 .callus-content h2,
.callus3 .callus-content h2,
.callus4 .callus-content h2,
.callus5 .callus-content h2 {color: #ffffff;}
.callus2 p {color: #dddddd;}
.callus3 p {color: #f5f5f5;}
.callus4 p {color: #dedede;}
.callus5 p {color: #f3f3f3;}
/*===== Buttons =====*/
/*=== Button Style 1 ===*/
.button-div {
    float: left;
    width: 100%;
}
.button-div > h2 {
    color: #1e1e1e;
    font-size: 32px;
    font-weight: 700;
}
.button-sets {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 20%;
}
.button-sets > li {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.btns {
    border: 2px solid !important;
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 700;
    padding: 18px 25px;
    position: relative;
    letter-spacing: .3px;
    z-index: 1;
    text-transform: uppercase;
}
.btns > img {margin-right: 10px;}
.theme-btn.grn-skin,
.grn-skin {
    background: #a0c94b;
    border-color: #a0c94b !important;
}
.sml-radius {
    -webkit-border-radius: 2.67px;
    -moz-border-radius: 2.67px;
    -ms-border-radius: 2.67px;
    -o-border-radius: 2.67px;
    border-radius: 2.67px;
    overflow: hidden;
}
.lrg-btn,
.theme-btn.lrg-btn {
    font-size: 12px;
    padding-left: 40px;
    padding-right: 40px;
}
.nth-lrg-btn,
.theme-btn.nth-lrg-btn {
    font-size: 12px;
    padding-left: 36px;
    padding-right: 36px;
}
.mid-btn,
.theme-btn.mid-btn {
    font-size: 11px;
    padding-left: 33px;
    padding-right: 33px;
}
.sml-btn,
.theme-btn.sml-btn {
    font-size: 11px;
    padding-left: 30px;
    padding-right: 30px;
}
.drk-skin,
.theme-btn.drk-skin {
    background: #383838 none repeat scroll 0 0;
    border-color: #383838 !important;
}
.drk-bor-skin,
.theme-btn.drk-bor-skin {
    border-color: #333;
    color: #545454;
    background: transparent;
}
.thm-bor-skin,
.theme-btn.thm-bor-skin {background: transparent;}
.lrg2-btn {
    font-size: 12px;
    padding-left: 50px;
    padding-right: 50px;
}
.btn2:before, 
.btn2:after {
    border-bottom: 11px solid rgba(0, 0, 0, 0);
    border-left: 11px solid rgba(0, 0, 0, 0.2);
    border-top: 11px solid rgba(0, 0, 0, 0);
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn2:after {
    border-left: 0 none;
    border-right: 11px solid rgba(0, 0, 0, 0.2);
    left: auto;
    right: 0;
}
.nth-lrg2-btn {
    font-size: 11px;
    padding-left: 50px;
    padding-right: 50px;
}
.mid2-btn {
    font-size: 11.22px;
    padding-left: 40px;
    padding-right: 40px;
}
.sml2-btn {
    font-size: 10px;
    padding-left: 40px;
    padding-right: 40px;
}
.lgt-skin {
    background: #f3f3f3 none repeat scroll 0 0;
    border-color: #f3f3f3 !important;
    color: #474747;
}
.btns:hover {letter-spacing: 0.4px;}
.drk-bor-skin:before {border-left-color: #333;}
.drk-bor-skin:after,
.theme-btn.drk-bor-skin:before {border-right-color: #333;}
.drk-skin:before {border-left-color: #111;}
.drk-skin:after,
.theme-btn.drk-skin:before {border-right-color: #111;}
.drk-bor-skin:hover {
    background: #333333 none repeat scroll 0 0;
    border-color: #333333 !important;
}
.i-img > i {
    float: left;
    height: 57px;
    margin-right: 30px;
    width: 55px;
}
.i-img {
    border: 0 none !important;
    line-height: 57px;
    padding: 0 30px 0 0;
    text-align: center;
}
.thm-skin.i-img > i {background: #c45c44 none repeat scroll 0 0;}
.grn-skin.i-img > i, 
.drk-bor-skin.i-img > i {background: #333333 none repeat scroll 0 0;}
.drk-bor-skin.i-img, 
.thm-bor-skin.i-img {
    border: 2px solid !important;
    line-height: 55px;
}
.drk-bor-skin.i-img > i, 
.thm-bor-skin.i-img > i {height: 55px;}
.thm-bor-skin.i-img:hover,
.drk-bor-skin.i-img:hover,
.grn-skin.i-img:hover,
.drk-skin.i-img:hover,
.thm-skin.i-img:hover,
.thm-skin:hover,
.drk-skin:hover,
.grn-skin:hover,
.drk-bor-skin:hover,
.thm-bor-skin:hover {color: #fff;}
.drk-bor-skin.i-img:hover {border-color: #333 !important;}
.nth-lrg-btn.i-img {padding-right: 26px;}
.nth-lrg-btn.i-img > i {margin-right: 26px;}
.mid-btn.i-img {padding-right: 24px;}
.mid-btn.i-img > i {margin-right: 24px;}
.sml-btn.i-img {padding-right: 20px;}
.sml-btn.i-img > i {margin-right: 20px;}
.lgt-skin:hover {color: #333;}
/*===== Progress Bars =====*/
.progressbars-style {
    float: left;
    width: 100%;
}
.progressbars-style > h2 {
    color: #404040;
    float: left;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
}
.progressbars-style > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.progressbars-style > ul > li {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.progressbars-style > ul li span, 
.progressbars-style ul li i {
    color: #444;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin-bottom: 15px;
}
.progressbars-style ul li i {
    float: right;
    font-style: normal;
    margin-right: 35px;
}
.progressbars-style ul li .progress {
    background: #e9e9e9 none repeat scroll 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 15px;
    margin-bottom: 0;
    width: 100%;
}
.progressbars-style ul li .progress-bar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
/*=== Progress Bars Style 1 ===*/
.progressbars-style1 ul li .progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.progressbars-style1 ul li .progress-bar {
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/*=== Progress Bars Style 2 ===*/
.progressbars-style2 ul li .progress {background: transparent;}
.progressbars-style2 ul li .progress-bar {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.progressbars-style2 ul li .fr-bg {background: #00e4ff none repeat scroll 0 0;}
.progressbars-style2 ul li .lightpurple-bg {background: #ff00f0 none repeat scroll 0 0;}
.progressbars-style2 ul li .lightgreen-bg {background: #a2ff00 none repeat scroll 0 0;}
/*=== Progress Bars Style 3 ===*/
.progressbars-style3 > ul {
    display: inline-block;
    text-align: center;
}
.progressbars-style3 > ul > li {
    float: left;
    max-width: 195px;
    padding: 0 15px;
    position: relative;
    width: 100%;
}
.progressbars-style3 > ul li .progress {
    align-items: flex-end;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: flex;
    float: left;
    left: 50%;
    max-width: 112px;
    min-height: 258px;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.progressbars-style3 ul li .progress span {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 4px 18px;
    position: absolute;
    top: 40px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.progressbars-style3 ul li .blue-bg {width: 100%;}
.progressbars-style3 > ul li > span {
    margin-bottom: 0;
    margin-top: 30px;
    width: 100%;
}
/*=== Progress Bars Style 4 ===*/
.progressbars-style4 ul li .progress-bar {background-color: #717171;}
.progressbars-style4 ul li .progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/*=== Progress Bars Style 5 ===*/
.progressbars-style5 ul li .progress {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.progressbars-style5 ul li .progress-bar {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/*===== Social Media =====*/
.socialmedia-div {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.socialmedia-btns {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
.socialmedia-btns > li {
    float: left;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 10px;
}
.socialmedia-btns > li:last-child {margin-right: 0;}
.socialmedia-btns > li > a {
    color: inherit;
    float: left;
    height: 50px;
    line-height: 50px;
    position: relative;
    width: 50px;
    z-index: 1;
    overflow: hidden;
}
.light-social > li {color: #464646;}
.light-social > li > a {background: #f3f3f3 none repeat scroll 0 0;}
.light-social > li:hover > a {
    background: #333;
    color: #fff;
}
.social-halfradius > li > a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.social-radius > li:hover > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.col-bg-social > li > a.facebook,
.col-bor-social > li:hover > a.facebook {background: #3b5998;}
.col-bg-social > li > a.twitter,
.col-bor-social > li:hover > a.twitter {background: #00aced;}
.col-bg-social > li > a.google,
.col-bor-social > li:hover > a.google {background: #dd4b39;}
.col-bg-social > li > a.linkedin,
.col-bor-social > li:hover > a.linkedin {background: #007bb6;}
.col-bg-social > li > a.dribbble,
.col-bor-social > li:hover > a.dribbble {background: #ea4c89;}
.col-bg-social > li > a.pinterest,
.col-bor-social > li:hover > a.pinterest {background: #cb2027;}

.col-bg-social > li:hover > a.facebook,
.col-bg-social > li:hover > a.twitter,
.col-bg-social > li:hover > a.google,
.col-bg-social > li:hover > a.linkedin,
.col-bg-social > li:hover > a.dribbble,
.col-bg-social > li:hover > a.pinterest,

.thm-social > li:hover > a {background: transparent;}

.col-bor-social > li:hover > a.facebook,
.col-bor-social > li:hover > a.twitter,
.col-bor-social > li:hover > a.google,
.col-bor-social > li:hover > a.linkedin,
.col-bor-social > li:hover > a.dribbble,
.col-bor-social > li:hover > a.pinterest,

.col-bg-social > li > a.facebook,
.col-bg-social > li > a.twitter,
.col-bg-social > li > a.google,
.col-bg-social > li > a.linkedin,
.col-bg-social > li > a.dribbble,
.col-bg-social > li > a.pinterest,

.thm-social > li > a {color: #fff;}

.col-bor-social > li > a.facebook,
.col-bor-social > li > a.twitter,
.col-bor-social > li > a.google,
.col-bor-social > li > a.linkedin,
.col-bor-social > li > a.dribbble,
.col-bor-social > li > a.pinterest,

.col-bg-social > li > a.facebook,
.col-bg-social > li > a.twitter,
.col-bg-social > li > a.google,
.col-bg-social > li > a.linkedin,
.col-bg-social > li > a.dribbble,
.col-bg-social > li > a.pinterest,

.thm-social > li > a,
.dar-bor-social > li > a,
.dar-bg-social > li > a {border: 2px solid;}
.dar-bor-social > li > a {
    border-color: #000;
    color: #444;
}
.dar-bor-social > li:hover > a {
    background: #333;
    color: #fff;
}
.dar-bg-social > li > a {
    border-color: #333;
    background: #333;
    color: #fff;
}
.dar-bg-social > li:hover > a {
    background: #f3f3f3;
    border-color: #f3f3f3;
    color: #464646;
}
.col-bor-social > li > a.facebook,
.col-bg-social > li:hover > a.facebook {color: #3b5998;}
.col-bor-social > li > a.twitter,
.col-bg-social > li:hover > a.twitter {color: #00aced;}
.col-bor-social > li > a.google,
.col-bg-social > li:hover > a.google {color: #dd4b39;}
.col-bor-social > li > a.linkedin,
.col-bg-social > li:hover > a.linkedin {color: #007bb6;}
.col-bor-social > li > a.dribbble,
.col-bg-social > li:hover > a.dribbble {color: #ea4c89;}
.col-bor-social > li > a.pinterest,
.col-bg-social > li:hover > a.pinterest {color: #cb2027;}

.col-bg-social > li > a.facebook,
.col-bor-social > li > a.facebook {border-color: #3b5998;}
.col-bg-social > li > a.twitter,
.col-bor-social > li > a.twitter {border-color: #00aced;}
.col-bg-social > li > a.google,
.col-bor-social > li > a.google {border-color: #dd4b39;}
.col-bg-social > li > a.linkedin,
.col-bor-social > li > a.linkedin {border-color: #007bb6;}
.col-bg-social > li > a.dribbble,
.col-bor-social > li > a.dribbble {border-color: #ea4c89;}
.col-bg-social > li > a.pinterest,
.col-bor-social > li > a.pinterest {border-color: #cb2027;}
/*===== Toggels Style =====*/
.toggle2 {
    float: left;
    margin-top: -5px;
    width: 100%;
}
.toggle-item2 {
    float: left;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.toggle-item2 > h3 {
    background: #2f2f2f;
    color: #FFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    padding: 20px 25px 20px 45px;
    position: relative;
    width: 100%;
    font-family: raleway;
}
.toggle-item2 > h3 > span {
    background: #FFF none repeat scroll 0 0;
    color: #444;
    float: right;
    font-size: 13px;
    height: 21px;
    line-height: 21px;
    position: absolute;
    right: 25px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 21px;
}
.toggle-item2 > h3.active > span {background:#EFEFEF}
.toggle-item2 > h3.active > span > i {
    position: relative;
    top: 50%;
    -webkit-transform: rotate(180deg) translateY(60%);
    -moz-transform: rotate(180deg) translateY(60%);
    -ms-transform: rotate(180deg) translateY(60%);
    -o-transform: rotate(180deg) translateY(60%);
    transform: rotate(180deg) translateY(60%);
}
.toggle-item2 > h3.active {background: transparent none repeat scroll 0 0;}
.toggle-item2 .content {
    float: left;
    display: none;
    padding: 0 45px 30px;
    width: 100%;
}
.simple-text > p {
    color: #555555;
    font-size: 14px;
    line-height: 26px;
}
.toggle-style4 .toggle-item2.activate > h3,
.toggle-style5 .toggle-item2.activate > h3,
.toggle-style6 .toggle-item2.activate > h3,
.toggle-style7 .toggle-item2.activate > h3 {font-size: 14px;}
/*=== Toggels 2 ===*/
.toggle-style2 .toggle-item2 > h3.active > span {background: #fff none repeat scroll 0 0;}
.toggle-style2 .simple-text > p {color: #eeeeee;}
/*=== Toggels 3 ===*/
.toggle-style3 .toggle-item2 > h3 {
    background: #ededed none repeat scroll 0 0;
    color: #444;
}
.toggle-style3 .toggle-item2 > h3 > span {
    background: #e4e4e4 none repeat scroll 0 0;
    color: #444;
}
.toggle-style3 .toggle-item2.activate {background: #272727 none repeat scroll 0 0;}
.toggle-style3 .toggle-item2 > h3.active {background: transparent none repeat scroll 0 0;}
.toggle-style3 .simple-text > p {color: #fff;}
.toggle-style3 .toggle-item2 > h3.active > span {color: #858585;}
/*=== Toggels 4 ===*/
.toggle-style4 .toggle-item2 > h3 > i {
    color: #fff;
    height: 46px;
    line-height: 46px;
    margin-right: 30px;
    margin-top: 0;
    text-align: center;
    width: 46px;
}
.toggle-style4 .toggle-item2 > h3 {
    background: #ededed none repeat scroll 0 0;
    color: #444444;
    line-height: 46px;
    padding: 5px 20px 5px 5px;
}
.toggle-style4 .toggle-item2 > h3.active {color: #fff;}
.toggle-style4 .toggle-item2 > h3.active > i {background: #2f2f2f;}
.toggle-style4 .content {margin-top: 30px;}
/*=== Toggels 5 ===*/
.toggle-style5 .toggle-item2 > h3 {
    background: #2f2f2f none repeat scroll 0 0;
    color: #fff;
}
.toggle-style5 .toggle-item2 > h3.active > i {
    background: #fff;
    color: #2f2f2f;
}
/*=== Toggels 6 ===*/
.toggle-style6 .toggle-item2 > h3 > i {
    background: #2f2f2f none repeat scroll 0 0 !important;
    color: #fff !important;
}
.toggle-style6 .toggle-item2 > h3 {
    background: transparent none repeat scroll 0 0;
    color: #444;
}
.toggle-style6 .toggle-item2 > h3.active {background: transparent none repeat scroll 0 0 !important;}
.toggle-style6 .content {
    margin-top: 0px;
    padding-left: 80px;
}
/*=== toggels 7 ===*/
.toggle-style7 .toggle-item2 > h3 {
    background: transparent none repeat scroll 0 0;
    color: #444;
    line-height: 44px;
    padding: 10px 35px;
}
.toggle-style7 .toggle-item2 > h3 > i {
    background: #2f2f2f none repeat scroll 0 0;
    color: #fff;
    height: 42px;
    line-height: 42px;
    margin-right: 25px;
    text-align: center;
    width: 42px;
}
.toggle-style7 .toggle-item2 > h3.active > i {color: #fff;}
.toggle-style7 .toggle-item2 {
    border: 2px solid #bcbcbc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.toggle-style7 .content {padding-left: 110px;}
/*=== Toggles 8 ===*/
.toggle-style8 .toggle-item2 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.toggle-style8 .toggle-item2 .content p {color: #fff;}
.toggle-style8 .toggle-item2 {background: #2f2f2f none repeat scroll 0 0;}
.toggle-style8 .toggle-item2 > h3 > i {margin-right: 12px;}
.toggle-style8 .toggle-item2 .content {padding-left: 70px;}
/*=== Toggles 9 ===*/
.toggle-style9 .toggle-item2 {
    background: #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
.toggle-style9 .toggle-item2 > h3 {
    background: transparent;
    color: #444;
}
.toggle-style9 .toggle-item2.activate {background: #2f2f2f none repeat scroll 0 0 !important;}
.toggle-style9 .toggle-item2 .content {padding-left: 45px;}
/*===== Drop Caps =====*/
.dropcaps-style {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.dropcaps-style > p {
    color: #666;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}
.dropcaps-style > p strong {
    border: 3px solid;
    float: left;
    font-family: montserrat;
    font-size: 45px;
    font-weight: 700;
    height: 70px;
    line-height: 70px;
    margin-right: 40px;
    text-align: center;
    width: 70px;
}
/*=== Drop Caps Style 1 ===*/
.dropcap-style1 > p strong {
    border-color: #333;
    color: #333;
}
/*=== Drop Caps Style 3 ===*/
.dropcap-style3 > p strong {color: #fff;}
/*=== Drop Caps Style 4 ===*/
.dropcap-style4 > p strong {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
/*=== Drop Caps Style 5 & 6 ===*/
.dropcap-style5 > p strong, 
.dropcap-style6 > p strong {
    border: 4px solid;
    float: left;
    font-size: 28px;
    letter-spacing: 0.9px;
    line-height: 60px;
    margin: 40px 10px 35px -33px;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 135px;
}
.dropcap-style5 > p strong {
    border-color: #333;
    color: #333;
}
.dropcap-style6 > p strong {color: #fff;}
/*=== Drop Caps Style 7 & 8 ===*/
.dropcap-style7 > p strong, 
.dropcap-style8 > p strong {
    border: 0 none;
    font-size: 95px;
    height: auto;
    width: auto;
}
.dropcap-style7 > p strong {color: #333;}
/*=== Drop Caps Style 9, 10 & 11 ===*/
.dropcap-style9,
.dropcap-style10,
.dropcap-style11,
.dropcap-style12 {padding: 50px;}
.dropcap-style9 {background: #eee none repeat scroll 0 0;}
.dropcap-style10 {background: #333;}
.dropcap-style9 > p strong {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
.dropcap-style10 > p,
.dropcap-style11 > p {color: #fff;}
.dropcap-style10 > p strong {color: #fff;}
.dropcap-style11 > p strong {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
/*=== Drop Caps Style 12 ===*/
.dropcap-style12 {
    border: 5px solid #333;
    padding: 45px 50px;
}
.dropcap-style12 > p strong {color: #fff;}
/*=== Drop Caps Style 13, 14 & 15 ===*/
.bg-layer {
    float: left;
    padding: 60px 50px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.bg-layer:before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.dropcap-style13:before {background: #f7f7f7;}
.dropcap-style14:before {background: #333;}
.bg-layer > p > strong {
    font-size: 40px;
    margin-right: 30px;
}
.dropcap-style13 > p strong {
    background: #333333 none repeat scroll 0 0;
    border-color: #333333;
    color: #ffffff;
}
.dropcap-style14 > p strong,
.dropcap-style14 > p,
.dropcap-style15 > p {color: #ffffff;}
.dropcap-style15 > p strong {
    background: #ffffff none repeat scroll 0 0;
    border-color: #ffffff;
}
/*===== Messages Boxes =====*/
.messageboxes-page > h3 {
    color: #404040;
    float: left;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
}
.messageboxes-style {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.messagebox > span {
    float: left;
    font-family: montserrat;
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 100%;
}
.messagebox > h3 {
    color: #323232;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 800;
}
.messageboxes-style p {
    color: #444;
    font-size: 14px;
    margin-bottom: 0;
}
/*=== Message Box Style 1 ===*/
.messagebox-style1 {padding-left: 20px;}
.messagebox {
    float: left;
    width: 100%;
    padding: 50px 55px;
}
.messagebox-style1 .messagebox {
    border: 1px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}
.messagebox-style1-1 .messagebox {border-color: #e0e0e0;}
.messagebox-style1 .messagebox:before, 
.messagebox-style1-1 .messagebox:after {
    border-bottom: 35px solid #e0e0e0;
    border-left: 24px solid transparent;
    content: "";
    left: -24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.messagebox-style1-1 .messagebox:after {
    border-bottom-color: #fff;
    border-bottom-width: 31px;
    border-left-width: 23px;
    left: -23px;
    top: 50.2%;
}
.messagebox-style1-2 .messagebox:before {border-bottom-color: #f9f9f9;}
.messagebox-style1-2 .messagebox {
    background: #f3f3f3 none repeat scroll 0 0;
    border-color: #f3f3f3;
}
.messagebox-style1-3 .messagebox:before {border-bottom-color: #3b3b3b;}
.messagebox-style1-3 .messagebox {
    background: #2f2f2f none repeat scroll 0 0;
    border-color: #2f2f2f;
}
.messagebox-style1-3 .messagebox > h3 {color: #fff;}
.messagebox-style1-3 .messagebox > p {color: #ececec;}
.messagebox-style1-4 > .messagebox > span, 
.messagebox-style1-4 .messagebox > h3 {color: #fff !important;}
.messagebox-style1-4 .messagebox > p {color: #fefefe;}
/*=== Message Box Style 2 ===*/
.messagebox-style2 {border-top: 2px solid;}
.message-title {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.messagebox-style2-1 {background: #9fca45 none repeat scroll 0 0;}
.messagebox-style2-1 {border-top-color: #9fca45 !important;}
.messagebox-style2-1 .message-title {background: #80a532 none repeat scroll 0 0;}
.messagebox-style2-1 .message-title > h3 {color: #fff;}
.message-title > i {
    background: #232323 none repeat scroll 0 0;
    float: left;
    height: 95px;
    line-height: 95px;
    position: relative;
    text-align: center;
    width: 100px;
}
.message-title > h3 {
    color: #232323;
    display: table;
    font-size: 16px;
    font-weight: 700;
    line-height: 95px;
    padding-left: 50px;
    text-transform: uppercase;
    margin: 0;
}
.messagebox-style2 p {padding: 30px 65px;}
.message-title > i:before {
    border-bottom: 7px solid transparent;
    border-right: 12px solid #80a532;
    border-top: 7px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.messagebox-style2-1 .message-title > i:before {border-right-color: #e4c9c9;}
.messagebox-style2-2 {background: #f4f4f4 none repeat scroll 0 0;}
.messagebox-style2-2 .message-title {background: #f0f0f0 none repeat scroll 0 0;}
.messagebox-style2-2 .message-title > i:before {border-right-color: #f0f0f0;}
.messagebox-style2-3 {background: #3b3b3b none repeat scroll 0 0;}
.messagebox-style2-3 > p {color: #ececec;}
.messagebox-style2-3 .message-title {background: #232323 none repeat scroll 0 0;}
.messagebox-style2-3 .message-title > h3 {color: #fff;}
.messagebox-style2-3 .message-title > i:before {border-right-color: #232323;}
.messagebox-style2-4 > p {color: #fafafa;}
.messagebox-style2-4 .message-title > h3 {color: #fff;}
.messagebox-style2-4 .message-title {background: #cc6148 none repeat scroll 0 0;}
.messagebox-style2-4 .message-title > i:before {border-right-color: #cc6148;}
/*=== Message Box Style 3 ===*/
.messagebox-style3 {padding-left: 45px;}
.messagebox-style3 .messagebox {
    border: 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 50px 65px 50px 85px;
    position: relative;
}
.messagebox-style3-1 .messagebox {border-color: #e0e0e0;}
.messagebox-style3-1 .messagebox > i:before {
    border: 1px solid #e0e0e0;
    content: "";
    height: 81px;
    left: 0;
    position: absolute;
    top: 0;
    width: 81px;
}
.messagebox-style3 .messagebox > i {
    background: #fff none repeat scroll 0 0;
    border: 9px solid #fff;
    height: 99px;
    left: -45px;
    line-height: 80px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 99px;
}
.messagebox-style3-2 .messagebox {
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #f4f4f4;
}
.messagebox-style3-2 .messagebox > i {background: #f4f4f4 none repeat scroll 0 0;}
.messagebox-style3-3 .messagebox {
    background: #3b3b3b none repeat scroll 0 0;
    border-color: #3b3b3b;
}
.messagebox-style3-3 .messagebox > i {background: #3b3b3b none repeat scroll 0 0;}
.messagebox-style3-3 .messagebox > h3 {color: #fff;}
.messagebox-style3-3 .messagebox > p {color: #ececec;}
.messagebox-style3-4 .messagebox > span, 
.messagebox-style3-4 .messagebox > h3 {color: #fff !important;}
.messagebox-style3-4 .messagebox > p {color: #fefefe;}
/*===== Tabs Syles =====*/
/*=== Tabs1 ===*/
.tabs-styles {
    float: left;
    width: 100%;
}
.tabs-styles .nav {
    border-bottom: 0 none;
    float: left;
    width: 100%;
}
.tabs-styles .nav > li {
    color: #444;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0;
    margin-right: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.tabs-styles .nav > li > a {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: inherit;
    margin-right: 0;
    padding: 15px 30px;
}
.tabs-styles .nav > li.active > a {color: #fff;}
.tabs-styles .nav > li.active > a:hover, 
.tabs-styles .nav > li.active > a, 
.tabs-styles .nav > li.active > a:focus {border: 0 none;}
.tabs-styles .nav > li > a > i {
    font-size: 14px;
    margin-right: 5px;
}
.tabs1 {text-align: center;}
.tabs1 .nav-tabs {
    display: inline-block;
    float: none;
    width: auto;
}
.tabs1 .tab-content {
    background: #f6f6f6 none repeat scroll 0 0;
    float: left;
    padding: 30px 75px;
    width: 100%;
}
.tabs1 .nav-tabs > li {padding-bottom: 0;}
.tabs-styles p {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;

}
/*=== Tabs2 ===*/
.tabs2 .nav > li:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 0;
}
.tabs2 .nav > li.active:before {width: 100%;}
.gray .tabs2 .nav > li > a {background: #fff none repeat scroll 0 0;}
.tabs2 .tab-content {
    float: left;
    width: 100%;
}
.tabs2 .tab-content .tab-pane {
    background: #fff none repeat scroll 0 0;
    border: 3px solid;
    float: left;
    padding: 40px 45px;
    width: 100%;
}
.tabs2 .tab-content .tab-pane p {
    color: #555;
    font-size: 14px;
    line-height: 26px;
}
/*=== Tabs 3 ===*/
.tabs3 {
    border: 3px solid #555;
    padding: 60px;
}
.tabs3 > .nav-tabs {margin-bottom: 25px;}
.tabs3 .tab-content {
    float: left;
    width: 100%;
}
.tabs3 .nav > li > a {
    background: #555 none repeat scroll 0 0;
    color: #fff;
}
/*=== Tabs 4 ===*/
.tabs4 {
    border: 3px solid #eaeaea;
    padding: 50px 40px;
}
.tabs4 .nav-tabs {
    margin-right: 50px;
    max-width: 182px;
}
.tabs4 .nav-tabs > li {
    margin-right: 0;
    width: 100%;
}
.tabs4 .nav > li > a {padding: 20px 30px;}
.tabs4 .tab-content {display: table;}
.tabs4 p {margin-top: 25px;}
/*=== Tabs 5 ===*/
.gray-bg {
    background: #f0f0f0 none repeat scroll 0 0;
    border-color: #f0f0f0;
}
.gray-bg .nav > li > a {background: #fff none repeat scroll 0 0;}
/*=== Tabs 6 ===*/
.bg-img {
    border: 0 none;
    position: relative;
}
.bg-img:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
}
.bg-img .tab-content {
    position: relative;
    z-index: 1;
}
.bg-img p {color: #eee;}
.bg-img .nav > li > a {
    background: #444 none repeat scroll 0 0;
    color: #fff;
}
/*===== Counters Styles =====*/
.counter-styles .counter-box {margin-bottom: 30px;}
.counters-style2 .counter-box {background: #2f2f2f none repeat scroll 0 0;}
.counters-style2 .counter-box > strong, 
.counters-style3 .counter-box > strong, 
.counters-style3 .counter-box > span,
.counters-style5 .counter-box > strong,
.counters-style7 .counter-box > strong,
.counters-style7 .counter-box > span {color: #fff;}
.counters-style2 .counter-box > i, 
.counters-style3 .counter-box > i,
.counters-style5 .counter-box > i,
.counters-style7 .counter-box > i {opacity: 0.1;}
.counters-style4 .counter-box {
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.counters-style4 .counter-box > i {color: #f0f0f0;}
.counters-style6 .counter-box > i {
    color: #000;
    opacity: .05;
}
.counters-style5 .counter-box,
.counters-style6 .counter-box,
.counters-style7 .counter-box {
    background: transparent none repeat scroll 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.counters-style5 > .row > div:before,
.counters-style6 > .row > div:before,
.counters-style7 > .row > div:before {
    border-right: 1px dashed #5e5e5e;
    content: "";
    height: 60px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.counters-style6 > .row > div:before {border-color: #a2a2a2;}
.counters-style7 > .row > div:before {border-color: #e0e0e0;}
.counters-style5 > .row > div:last-child:before,
.counters-style6 > .row > div:last-child:before,
.counters-style7 > .row > div:last-child:before {display: none;}
/*===== Service Styles =====*/
.services-listing.style2 .service {
}
.services-listing.style2 .service > div {
    display: block;
    float: left;
    text-align: center;
    width: 100%;
}
.services-listing.style2 .service-img > span {
    background: #fcfcfc none repeat scroll 0 0;
    bottom: -14px;
    height: 100px;
    left: 50%;
    top: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
    z-index: 1;
}
.services-listing.style2 div.service-detail {
    background: #fdfdfd none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
    margin-left: 5%;
    margin-top: -38px;
    padding-bottom: 35px;
    padding-top: 55px;
    position: relative;
    width: 90%;
}
.services-listing.style2 div.service-detail > h3 {
    color: #323232;
    font-size: 17px;
    margin-bottom: 5px;
}
.services-listing.style2 div.service-detail > span {
    color: #868686;
    font-size: 13px;
}
.services-listing.style2 .service:hover .service-img > span {bottom: -10px;}
/*===== Services Style 3 =====*/
.service-style3 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}
.service-style3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .8;
    background: #000;
    z-index: -1;
}
.service-style3 > .row > div:before {
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    bottom: 0;
    width: 30px;
    background: #fff;
}
.service-style3 > .row > div {position: relative;}
.service-style3 .service-box {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 50px 20px;
}
.service-style3 > .row > div:first-child:before {display: none;}
.service-style3 .service-box > span {
    display: inline-block;
    height: 102px;
    width: 102px;
    line-height: 102px;
    background: #fff;
}
.service-style3 .service-box > h3 {
    margin-top: 30px;
    color: #fff;
}
.service-style3 .service-box > p {
    color: #e0e0e0;
    line-height: 26px;
    font-size: 13px;
}

#responsive-menu .menu-links > ul li.menu-item-has-children > i {
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 1;
}

.inline-list.social_media li a {
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}
.inline-list.social_media > li a i {
    margin-right: 0;
}

.topbar ul.inline-list:first-child {margin-left: 0;}


.col-md-6 .causes-carousel .fancy-overlay {
    padding: 40px 25px;
    position: static;
    width: 100%;
}
.needed .owl-carousel .owl-nav,
.help-needed .owl-carousel .owl-nav,
.causes-carousel .owl-nav {
    color: transparent;
    margin-top: -17.5px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.needed .owl-carousel .owl-nav > div,
.help-needed .owl-carousel .owl-nav > div,
.causes-carousel .owl-nav > div {
    background: #fff none repeat scroll 0 0;
    height: 35px;
    margin-top: -10px;
    position: absolute;
    width: 35px;
}
.needed .owl-carousel .owl-nav > div.owl-prev,
.help-needed .owl-carousel .owl-nav > div.owl-prev,
.causes-carousel .owl-nav > div.owl-prev {
    left: 0;
}
.needed .owl-carousel .owl-nav > div.owl-next,
.help-needed .owl-carousel .owl-nav > div.owl-next,
.causes-carousel .owl-nav > div.owl-next {
    right: 0;
}
.needed .owl-carousel .owl-nav > div::before,
.help-needed .owl-carousel .owl-nav > div::before,
.causes-carousel .owl-nav > div::before {
    color: #777;
    content: "";
    font-family: fontawesome;
    font-size: 17px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.needed .owl-carousel .owl-nav > div.owl-prev::before,
.help-needed .owl-carousel .owl-nav > div.owl-prev::before,
.causes-carousel .owl-nav > div.owl-prev::before {
    content: "\f104";
}
.needed .owl-carousel .owl-nav > div.owl-next::before,
.help-needed .owl-carousel .owl-nav > div.owl-next::before,
.causes-carousel .owl-nav > div.owl-next::before {
    content: "\f105";
}
.needed .owl-carousel .owl-nav > div:hover:before,
.help-needed .owl-carousel .owl-nav > div:hover:before,
.causes-carousel .owl-nav > div:hover:before {color: #fff;}

.needed .owl-carousel .owl-dots,
.help-needed .owl-carousel .owl-dots,
.causes-carousel .owl-dots {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.needed .owl-carousel .owl-dots > div,
.help-needed .owl-carousel .owl-dots > div,
.causes-carousel .owl-dots > div {
    background: #777 none repeat scroll 0 0;
    float: left;
    height: 10px;
    margin: 0 2.5px;
    width: 10px;
}
.causes-carousel {
     padding-bottom: 50px;
 }

.search .newsletter-signup form input {
    background: #fff none repeat scroll 0 0;
    padding: 0 20px;
    position: static;
    width: 66%;
}
.search .newsletter-signup form button {
    border-radius: 5px;
    color: #fff;
    float: right;
    font-size: 12px;
    padding: 0 20px;
    width: auto;
}
.cause-donation {
    width: 50%;
}
.cause-donation > i {
    /*margin-top: -5px;*/
}
.member-social span {
    color: #fff;
    /*line-height: 45px;*/
}
.col-md-4 .cause-donation {
    padding-left: 20px;
}
.collected-amount {
    float: left;
}
.col-md-4 .urgent-detail > a {
    right: 20px;
}


.col-md-3 .urgent:hover > img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.col-md-3 .urgent-detail {
    float: left;
    padding: 0 20px;
    position: relative;
}
.col-md-3 .urgent-detail .cause-title {
    float: left;
    padding: 20px 0px 0;
    position: static;
    width: 100%;
}
.col-md-3 .cause-title > h5 {
    font-size: 18px;
    line-height: 25px;
}
.col-md-3 .cause-donation {
    float: left;
    margin-top: 15px;
    padding-bottom: 20px;
    padding-left: 0px;
    position: static;
    width: 100%;
}
.col-md-3 .cause-donation > span {
    font-size: 25px;
    margin-right:5px;
}
.col-md-3 .urgent-detail > a {
    float: left;
    left: 0;
    margin-top: 40px;
    position: relative;
}
.col-md-3 .urgent {
    min-height: 448px;
}
a.theme-btn:focus {color: #fff;}
.blackish .urgentcause-detail h3,
.blackish .amount,
.blackish .amount > span {color: #fff;}
.contact-form select {
    float: left;
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    font-size: 11px;
    border: 0;
    font-family: arimo;
    color: #929292;
}
.contact-form .builder-checkbox input,
.contact-form .builder-radio input {
    width: auto;
    height: auto;
    margin-right: 10px;
}
.contact-form .builder-checkbox,
.contact-form .builder-radio {
    text-align: left;
    float: left;
    margin: 10px 0 0 0;
    width: 33.334%;
}
/*.topbar.light .inline-list > li {*/
    /*color: #888;*/
/*}*/
/*.topbar .inline-list > li {*/
    /*color: #fff;*/
/*}*/
/*.topbar .fa.fa-home{ color: #fff; }*/
/*.topbar.light .fa.fa-home{ color: #e47257 ; }*/
/*.topbar .fa.fa-phone{ color: #fff; }*/
/*.topbar.light .fa.fa-phone{ color: #e47257 ; }*/
/*.topbar .fa.fa-unlock{ color: #fff; }*/
/*.topbar.light .fa.fa-unlock{ color: #e47257 ; }*/

.vc_column-gap-0 > div{padding: 0 0px;}
.vc_column-gap-1 > div{padding: 0 1px;}
.vc_column-gap-2 > div{padding: 0 2px;}
.vc_column-gap-3 > div{padding: 0 3px;}
.vc_column-gap-4 > div{padding: 0 4px;}
.vc_column-gap-5 > div{padding: 0 5px;}
.vc_column-gap-10 > div{padding: 0 10px;}
.vc_column-gap-15 > div{padding: 0 15px;}
.vc_column-gap-20 > div{padding: 0 20px;}
.vc_column-gap-25 > div{padding: 0 25px;}
.vc_column-gap-30 > div{padding: 0 30px;}
.vc_column-gap-35 > div{padding: 0 35px;}


.col-md-3 .fancy-cause .fancy-overlay, .col-md-4 .fancy-cause .fancy-overlay {
    background: transparent none repeat scroll 0 0;
    float: left;
    padding: 30px 0 0;
    position: static;
    width: 100%;
}
.col-md-3 .fancy-cause-detail > h4 {
    font-size: 16px;
}
.col-md-3 .fancy-cause-detail > p {
    line-height: 24px;
    margin-bottom: 25px;
}
.col-md-3 .help-us {
    float: left;
    width: 100%;
}
.col-md-3 .help-us > i, .col-md-4 .help-us > i {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.col-md-3 .help-us > strong, .col-md-4 .help-us > strong {
    font-size: 23px;
    margin-top: -6px;
}
.col-md-3 .fancy-cause, .col-md-4 .fancy-cause, .col-md-6 .fancy-cause {
    margin-bottom: 30px;
    padding: 0;
}
.col-md-4 .fancy-cause {
    min-height: 488px;
}
.easy-donation .donation-figures {
    display: inline-block;
}
.easy-donation .nav.nav-tabs {
    display: inline-block !important;
}
.post-intro iframe {
     height: 500px;
     margin-bottom: 40px;
 }

.simple-blog-carousel {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.simple-blog-carousel .owl-nav {
    color: transparent;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}
.simple-blog-carousel .owl-nav > div {
    background-color: #000000;
    height: 40px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
}
.simple-blog-carousel .owl-nav > div.owl-next {
    right: 0;
}
.simple-blog-carousel .owl-nav > div.owl-prev {
    left: 0;
}
.simple-blog-carousel .owl-nav > div::before {
    bottom: 0;
    color: #ffffff;
    content: "";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.simple-blog-carousel .owl-nav > div.owl-prev::before {
    content: "\f104";
}
.simple-blog-carousel .owl-nav > div.owl-next::before {
    content: "\f105";
}
.donation-modal-preloader .my_loader {
    width: 50px;
    height: 50px;
    background-color: #4CC987;

    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: absolute;
    top: 50%;

    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
.signup-form .close-btn:hover {
    color: #ffffff;
}
.member-img .member-social span {
    line-height: 44px;
}
.col-md-9 .gallery-box > span {
    font-size: 16px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    width: 40px;
}
.wp-audio-shortcode {
    margin-bottom: 30px;
}
.service-img > span img {
    width: 50px;
    height: 50px;
}
.service-box > span img {
    width: 50px;
    height: 50px;
}
.charity-events .col-md-3 .overlay-countdown {
    padding: 20px 10px;
}
.charity-events .col-md-3 .overlay-countdown ul li.countdown-section p {
    text-transform: capitalize;
}
.woocommerce-error {padding-left: 45px !important;}
.terms {margin: 15px 0 0 !important;}
.comment-form-rating p.stars {
    display: inline-block;
    line-height: 16px;
}
.comment-form-rating label {
    width: 100%;
    margin-bottom: -1px;
}
/*===== 404 Error Page =====*/
.error-page {
    float: left;
    text-align: center;
    width: 100%;
}
.error-inner {
    display: inline-block;
    max-width: 650px;
    position: relative;
    width: 100%;
}
.error-inner > i {
    color: #ffffff;
    font-size: 480px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
.error-inner > h3 {
    color: #353535;
    font-size: 300px;
    font-weight: 700;
    margin: 0;
}
.error-inner > h3 i {
    font-style: normal;
}
.error-inner > strong {
    font-family: montserrat;
    font-size: 26px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.error-inner > p {
    color: #666666;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 20px 0 0;
    max-width: 80%;
}
.error-inner > form {
    display: inline-block;
    margin-top: 30px;
    max-width: 500px;
    position: relative;
    width: 100%;
}
.error-inner > form input {
    border: 0 none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    height: 55px;
    padding: 10px 30px;
    width: 100%;
}
.error-inner form > button {
    background-color: transparent;
    border: 0 none;
    bottom: 0;
    color: #939393;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}
#history_wrap .delet_record {display: none;}
/*===== Coming Soon =====*/
.coming-layer:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #000010;
    opacity: .7;
}
.coming-soon-page {
    float: left;
    width: 100%;
}
.coming-soon-inner {
    float: left;
    max-width: 780px;
    width: 100%;
}
.coming-soon-inner > h4 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
    margin-top: 0;
}
.coming-soon-timer {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.ClassyCountdown-wrapper > div {
    float: left;
    margin-right: 3%;
    position: relative;
    width: 22%;
}
.ClassyCountdown-wrapper > div > span {
    color: #fff !important;
    font-family: montserrat !important;
    font-size: 60px !important;
    font-weight: 700 !important;
    left: 50%;
    line-height: initial !important;
    margin-top: 0 !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ClassyCountdown-wrapper > div > span span {
    float: left;
    font-weight: 400;
    font-size: 14px !important;
    margin-top: -10px;
    width: 100%;
}
.coming-soon-inner > p {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0.4px;
    line-height: 30px;
}
form.coming-sub-form {
    border-bottom: 2px solid #fff;
    float: left;
    margin-top: 0;
    padding: 20px 0;
    position: relative;
    width: 500px;
}
form.coming-sub-form input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: roboto;
    font-size: 14px;
    font-style: italic;
}
form.coming-sub-form button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 12px;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.coming-bottom {
    background: #000 none repeat scroll 0 0;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.coming-bottom p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
}
/*--- new cause demo header ---*/
.logo-area {
    border-bottom: 1px solid #65605b;
    float: left;
    padding: 20px 80px;
    width: 100%;
    transition: all 0.5s linear 0s;
    z-index:99999;
}
.cause-logo {
    float: left;
}
.causemenu-btn {
    float: right;
}
.causemenu-btn > button {
    border-radius: 5px 5px 5px 20px;
}

.logo-area.sticked {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    box-shadow: 0 0 4px #ccc;
    padding: 20px 80px;
    position: fixed;
    transition: all 0.5s linear 0.2s;
}
.sideheader.fancy.show {
    left: initial;
    right: 0;
}
.sideheader.fancy {
    left: initial;
    right: -380px;
}
.logo-area.show .cause-logo {
}
.logo-area.show .causemenu-btn {
    margin-right: 270px;
    transition: all 0.37s linear 0s;
}
.logo-area.show .causemenu-btn button {
    border-radius: 5px 0 0 20px;
}
/*--- home5 new featured area ---*/
.row.merged > div {
    padding: 0;
    margin: 0;
}
.col-featured-area {
    float: left;
    width: 100%;
}
.unique-post {
    color: #fff;
    float: left;
    position: relative;
    width: 100%;
}
.unique-post > img {
    float: left;
    width: 100%;
}
.upper-meta {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.unique-post::before {
    background: rgba(4, 4, 4, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.upper-meta > span {
    display: inline-block;
    font: bold 20px "montserrat";
    letter-spacing: -0.12px;
    text-transform: uppercase;
    width: 100%;
}
.upper-meta > h3 {
    color: #fff;
    font: bold 45px/45px "montserrat";
    margin: 0;
    padding-bottom: 38px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.upper-meta > span i {
    font-style: normal;
    margin-left: 5px;
}
.upper-meta > a {
    font: 900 17px "lato";
    letter-spacing: -0.1px;
}
.upper-meta > h3::before {
    background: #fff none repeat scroll 0 0;
    bottom: 28px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    width: 43px;
}
.sideheader.fancy:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 135px;
  background-color: #e47257;
  z-index: -1;
}
.popup ~ p {display: none;}
.wp-donation-system .easy-donation .donation-title .search > button {
    margin-top: 0;
}
.wp-donation-system button.clear-filter{padding:17px 5px;}
.donation-fields > .row > div {
    padding: 3px;
}

.gallery > a {
    display: inline-block;
    width: 100%;
}
.gallery-page .gallery a img {
    float: left;
    width: 100%;
}
.gallery-page .col-md-3 .gallery-detail h3{font-size: 11px;}

.help-needed .col-md-3 .urgent::before {
    display: none;
}
.urgent > img {
    float: left;
    width: 100%;
}
.help-needed .col-md-3 .urgent-detail {
    background: #2f2f2f none repeat scroll 0 0;
}
.help-needed .col-md-3 .cause-title > h5 {
    font-size: 14px;
    line-height: 21px;
}
.help-needed .col-md-3 .collected-amount {
    font-size: 22px;
}
.help-needed .col-md-3 .cause-donation > i {
    float: right;
    margin-right: 0;
    margin-top: 13px;
}
.donation-title h1{
	margin-top: 30px;
	float:left;
	width: auto;
}

.datepick-nav {
    height: 30px;
    line-height: 28px;
    width: 100%;
	padding: 0 25px;
}
.datepick-month table tr td a:hover{color: #fff;}
.datepick-month-header {
    height: 30px;
    line-height: 30px;
}
.datepick-month {
    height: 180px;
	line-height: 19.5px;
    width: 100%;
}
.datepick {
    width: 250px !important;
	font-size: 85%;
}
.datepick-month-header {
    width: 247px !important;
}
.datepick-month table {
    width: 100% !important;
	margin-top:0;
}
.datepick-month table tr td .datepick-today {
    color: #fff;
}
.datepick-month table thead tr {
    height: 30px;
}
.datepick-ctrl {
    background: #999999 none repeat scroll 0 0;
    height: 30px;
    line-height: 30px;
	padding: 0 20px;
}
.datepick-ctrl .datepick-cmd:hover {
    color: #fff;
	background: none;
}
a.datepick-cmd {
    height: 100%;
}
.datepick-month-header select, .datepick-month-header input {
    margin: 0 21px;
}

.datepick-cmd:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    text-decoration: underline;
}
.datepick-ctrl .datepick-cmd:hover{background:none;}
.datepick-month td .datepick-weekend{background: #eee;}
.datepick-month-year{background: #696969;}

/*Water Charity Demo*/
.feature-area {
    float: left;
    position: relative;
    width: 100%;
}

.overlap2{
    margin-top:-100px;
    float:left;
    width:100%;
}
.featured-carousel {
    float: left;
    list-style: outside none none;
    padding-left: 0;
    width: 100%;
    margin:0;
}
.featured-carousel > li {
    display: inline-block;
}
.featured-carousel img {
    float: left;
    width: 100%;
}
header.transparent .menu {
    background: transparent none repeat scroll 0 0;
}
header.transparent .menu nav > ul > li > a {
    color: #fff;
}
header.transparent.stick.sticky .menu {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

.over-meta {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width:100%;
}
.box {
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translateY(-50%);
    width: 27%;
    z-index: 1;
}
.box > .icon {
    border-radius: 50%;
    color: #fff;
    font-size: 29px;
    font-weight: bold;
    left: 54%;
    line-height: 80px;
    position: relative;
    text-align: center;
    top: 30px;
    transform: translate(-50%);
    width: 80px;
}
.box > h4 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    display: block;
    float: left;
    font: 14px/69px "Montserrat";
    height: 69px;
    letter-spacing: 0.3px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 368px;
}
.donation {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    float: left;
    height: 218px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 368px;
}
.donation > form {
    float: left;
    left: 50%;
    position: relative;
    top: 40px;
    transform: translate(-50%);
}
.donation > form > .lab {
    text-align: center;
    float:left;
    width:100%;
}

.lab::before {
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 10px;
    content: "";
    height: 63px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 290px;
    z-index: -1;
}

.donation > form > .lab > label {
    color: #b5b5b5;
    font: 15px/41.25px "Montserrat";
    left: 70px;
    letter-spacing: 0.3px;
    position: absolute;
    top: 10px;
}
.donation > form > .lab > input {
    background-color: #f3f3f3;
    font: 15px/60px "Montserrat";
    letter-spacing: 0.3px;
    width: 60%;
    border:none;
    padding:0 30px;
}
.donation > form > .lab > span {
    font: 15px/10px "Montserrat";
    letter-spacing: 0.3px;
}
.lab > button {
    border: medium none;
    border-radius: 30px;
    color: #fff;
    font: 12px/57px "Montserrat";
    letter-spacing: 0.3px;
    margin-top: 25px;
    text-transform: uppercase;
    width: 209px;
}
.text-meta {
    float: left;
    left: 12%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-12%, -30%);
}
.text-meta > h2 {
    color: #fff;
    font: bold 45px "Montserrat";
    letter-spacing: 0.3px;
}

.text-meta > span {
    font: bold 12px "Montserrat";
    letter-spacing: 5px;
}
.text-meta > p {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.3px;
    margin: 10px auto 0;
    max-width: 70%;
}
/*---- service section ---*/
.mission {
    display: inline-block;
    float: left;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
}
.row.merged > div {
    margin: 0;
    padding: 0;
}
.services {
    box-shadow: 7px 13px 5px #e8e7e7;
    float: left;
    padding-top: 55px;
    position: relative;
    width: 100%;
    padding-bottom:28px;
}

.mission .row.merged > div:nth-child(2) .services:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
}
.mission .row.merged > div:nth-child(2) .services {
    float: left;
    position: relative;
    width: 100%;
}

.services > h4 {
    color: #fff;
    font: 14.23px/20.09px "Montserrat";
    letter-spacing: 0.3px;
    margin-top:20px;
}
.services > p {
    color: #fff;
    display: inline-block;
    font: 13px/22px "Arimo";
    letter-spacing: 0.3px;
    text-align: center;
    width: 90%;
}
.services > a {
    color: #fbfbfb;
    display: inline-block;
    font: 12px/36px "Arimo";
    letter-spacing: 0.3px;
}

.mission > .donors {
    float: left;
    margin-top: 3px;
    position: relative;
    width: 100%;
}

.post-title-new {
    float: left;
    margin-bottom: 45px;
    position: relative;
    text-align: center;
    width: 100%;
}
.post-title-new > em {
    color: #13191f;
    float: left;
    font: 13px/15.6px "Montserrat";
    letter-spacing: 3px;
    width: 100%;
}
.post-title-new > h2 {
    color: #13191f;
    float: left;
    font: bold 35px/42px "Montserrat";
    letter-spacing: -0.3px;
    width: 100%;
}
.post-title-new > p {
    color: #616161;
    float: none;
    font: 17px/30px "Roboto";
    margin: 0 auto;
    max-width: 65%;
    text-align: center;
    width: 100%;
}

.title-2 {
    float: left;
    margin-bottom: 42px;
    text-align: center;
    width: 100%;
}
.title-2 > h2 {
    color: #13191f;
    font: bold 36px/0 "Montserrat";
}
.title-2 > i {
    color: #13191f;
    float: left;
    font: 15px "Montserrat";
    letter-spacing: 0.3px;
    margin-top: 20px;
    width: 100%;
}
.banner .text {
    float: right;
    position: absolute;
    right: 140px;
    text-align: left;
    text-transform: capitalize;
    top: 60px;
    width: 35%;
}
.banner .text > p {
    color: #13191f;
    font: 28px/40px "Montserrat";
    letter-spacing: 0.1px;
    margin-bottom: 49px;
}
.bg {
    float: left;
    position: relative;
    width: 100%;
}
.banner {
    float: left;
    position: relative;
    width: 100%;
}
.bg > img {
    float: left;
    width: 100%;
}

.button-radius {
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font: 12px "Montserrat";
    letter-spacing: 0.3px;
    padding: 18px 40px;
    text-transform: uppercase;
}
.button-radius:hover{color:#fff;}
/*our cause and stories section ----*/

.our-stories {
    float: left;
    position: relative;
    width: 100%;
}
.stories-avatar {
    float: left;
    position: relative;
    width: 100%;
}
.stories-avatar img {
    float: left;
    position: relative;
    width: 100%;
}
.stories-meta {
    background-color: #fff;
    box-shadow: 10px 10px 5px #e8e7e7;
    float: left;
    padding: 20px 40px;
    width: 100%;
}
.stories-meta > span {
    color: #909090;
    font: 12px "Montserrat";
    letter-spacing: 0.1px;
    text-transform: capitalize;
}
.stories-meta > span > em {
    font: 12px/40px "Montserrat";
}
.stories-meta > h4 {
    color: #444444;
    font: bold 17px "Montserrat";
    letter-spacing: 0.1px;
    margin: 0 0 10px;
    padding: 0;
}
.stories-meta > h4 a{color:inherit;}

.stories-meta > .days-left {
    float: left;
    position: relative;
}
.stories-meta > .days-left > span {
    color: #909090;
    font: 12px/40px "Montserrat";
    letter-spacing: 0.1px;
}
.stories-meta > .days-left > span > i {
    padding-right: 4px;
}
.stories-meta > .amount-need {
    float: right;
    position: relative;
}
.stories-meta > .amount-need > span {
    font: 12px/40px "Montserrat";
    letter-spacing: 0.1px;
    text-transform: capitalize;
    color:#909090;
}
.stories-meta > .amount-need > span > em {
    font: 18px/40px "Montserrat";
    letter-spacing: 0.1px;
}
/*--- parallax section ---*/

.technology-counter {
    float: left;
    text-align: center;
    width: 100%;
}
.technology-counter > span {
    font: bold 15px "Montserrat";
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.technology-counter > h2 {
    color: #f9f9f9;
    font: bold 36px "Montserrat";
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.technology-counter > ul {
    float: none;
    list-style: outside none none;
    margin: 20px auto 40px;
    padding-left: 0;
    width: 100%;
}
.technology-counter ul li {
    border-right: 2px solid #eeeeee;
    color: #eeeeee;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 0;
    padding: 0 55px;
}
.technology-counter ul li:last-child {
    border-right: medium none;
}
.technology-counter ul li i {
    margin-right: 10px;
}
/*--- services ---*/

.services-box {
    float: left;
    padding: 70px 0 90px;
    position: relative;
    text-align: center;
    width: 100%;
}
.services-box > i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 150px;
    opacity: .1;
    left: 0;
    right: 0;
}
.services-meta {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.services-box::before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.95;
    position: absolute;
    top: 0;
    width: 100%;
}
.services-meta > h3 {
    color: #fff;
    float: left;
    font: bold 36px "Montserrat";
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}

.services-meta > i {
    color: #1d1d1d;
    float: left;
    font: 15px "Montserrat";
    padding-bottom: 12px;
    padding-top: 8px;
    width: 100%;
}

.services-meta > span {
    color: #fff;
    font: bold 24px "Montserrat";
    text-transform: uppercase;
    float:left;
    width:100%;
}
.services-meta > p {
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    margin: 0 auto;
    max-width: 60%;
    padding-bottom: 30px;
    padding-top: 5px;
}

.services-meta .button-radius {
    background: #13191f none repeat scroll 0 0;
}
.services-box::after {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    content: "";
    height: 170px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
/*--- blog new posts ---*/
.new-blog-post {
    float: left;
    position: relative;
    width: 100%;
}
.blog-avatar {
    float: left;
    position: relative;
    width: 100%;
}
.blog-avatar > img {
    float: left;
    width: 100%;
}
.blog-avatar > a {
    bottom: -22px;
    font-size: 40px;
    position: absolute;
    right: 15px;
    display:inline-block;
    line-height:0;
}

.blog-avatar a i {
    border-radius: 50%;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.blog-avatar i img {
    margin-top: -4px;
}

.blog-meta {
    float: left;
    padding-top: 45px;
    width: 100%;
}
.blog-meta > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
    width: 100%;
}
.blog-meta ul li {
    color: #b9b9b9;
    display: inline;
    font: 11px "Montserrat";
    letter-spacing: 0.1px;
    margin-right: 5px;
    text-transform: uppercase;
}
.blog-meta ul li span {
    color: #333;
}
.blog-meta ul li i {
    font-style: normal;
}
.blog-meta > h2 {
    color: #14191f;
    float: left;
    font: 17px/24px "Montserrat";
    margin-top: 10px;
    width: 100%;
}
.blog-meta > p {
    color: #555555;
    float: left;
    font-size: 15px;
    width: 100%;
}
/*---- countdown circle counter ---*/
.clock {
    margin-bottom: 20px;
}
#canvas-days{
    border-color:red !important;
}
.clock-item .inner {
    position: relative;
    width: 100%;
    float:left;
}

.kineticjs-content > canvas {
    border: 1px solid #999 !important;
    border-radius: 100%;
    width:135px !important;
    height:135px !important;
}
.clock-canvas {
    display: flex;
}
.kineticjs-content {
    width: initial !important;
}
.text {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-60%, -60%);
    width: 100%;
}

.text .val {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    font-family:Montserrat;
}

.text .type-time {
    font-size: 12px;
    font-family:Montserrat;
    color:#fff;
}

@media (min-width: 768px) and (max-width: 991px) {
    .clock-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .clock-item {
        margin: 0px 30px 30px 30px;
    }
}