/* Varna - Charity HTML Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Sticky Header
5. Main Slider
6. Page Title
7. Work Section
8. About Section
9. About Section Two
10. Causes Section
11. Cause Single
12. Fun Facts Section
13. Who We Are Section
14. Volunteer Section
15. Donation And Events
16. Testimonial Section
17. Testimonial And Donation
18. News Section / News Section Two
19. News Detail
20. Event Section
21. Event Grid View Section
22. Event Single Post
23. Pricing Section
24. Subscribe Section
25. Main Footer
26. Sidebar Page Container (defaul Layout)
27. Sidebar Page Container (Dark Layout)
28. Comment Area
29. Comment Form
30. Contact Page Section
31. Error Page Section

**********************************************/


/*** 

====================================================================
			Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Condiment|Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*
font-family: 'Poppins', sans-serif;
font-family: 'Condiment', cursive;
*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
    font-size: 14px;
    color: #666666;
    line-height: 1.7em;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #fcc005;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.2em;
    font-family: 'Poppins', sans-serif;
}

textarea {
    overflow: hidden;
}

p,
.text {
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 400;
    color: #888888;
    margin: 0;
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-ms-input-placeholder {
    color: inherit;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
    z-index: 99;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.theme-btn {
    display: inline-block;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.centered {
    text-align: center !important;
}

.style-font {
    font-family: 'Condiment', cursive;
}


/*Btn Style One*/

.btn-style-one {
    position: relative;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    padding: 20px 38px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    background: #ea7325;
    background: -moz-linear-gradient(45deg, #ea7325 1%, #fcc005 100%);
    background: -webkit-linear-gradient(45deg, #ea7325 1%, #fcc005 100%);
    background: linear-gradient(45deg, #ea7325 1%, #fcc005 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ea7325', endColorstr='#fcc005', GradientType=1);
}

.btn-style-one:hover {
    color: #ffffff;
}

.btn-style-one:hover:before {
    opacity: 1;
}

.btn-style-one:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ea7325;
    background: -moz-linear-gradient(45deg, #fcc005 1%, #ea7325 100%);
    background: -webkit-linear-gradient(45deg, #fcc005 1%, #ea7325 100%);
    background: linear-gradient(45deg, #fcc005 1%, #ea7325 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcc005', endColorstr='#ea7325', GradientType=1);
    content: "";
    opacity: 0;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}

button.theme-btn:before {
    display: none;
}

button.theme-btn:hover {
    opacity: .8;
}

.btn-style-one span {
    position: relative;
    display: block;
    z-index: 1;
}


/*Btn Style Two*/

.btn-style-two {
    position: relative;
    padding: 13px 25px;
    line-height: 25px;
    text-transform: capitalize;
    background: #fcc005;
    color: #ffffff;
    border: 2px solid #fcc005;
    font-size: 14px;
    font-weight: 500;
}

.btn-style-two:hover {
    background: none;
    color: #fcc005;
}


/*Btn Style Three*/

.btn-style-three {
    position: relative;
    padding: 15px 38px;
    line-height: 25px;
    text-transform: capitalize;
    background: #2c2b2e;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.btn-style-three:hover {
    background: #fcc005;
    color: #ffffff;
}


/*Btn Style Four*/

.btn-style-four {
    position: relative;
    padding: 15px 40px;
    line-height: 30px;
    text-transform: uppercase;
    background: #232428;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    border: 2px solid #232428;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.btn-style-four:hover {
    background: none;
    color: #ffffff;
    border-color: #232428;
}

.list-style-one {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.list-style-one li {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    padding-left: 15px;
}

.list-style-one li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 25px;
    color: #1b1c24;
    font-weight: 400;
    font-family: "Fontawesome";
    content: "\f105";
}

.theme_color {
    color: #fcc005;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/preloader.svg);
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}


/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #1b1a1c;
    display: none;
    border-radius: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    background: #fcc005;
}


/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
}

.main-header .header-top {
    position: relative;
    background-color: #1b1c24;
    border-bottom: 1px solid #959599;
}

.main-header .top-left {
    position: relative;
}

.main-header .top-left .contact-info li {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    color: #888888;
    font-weight: 400;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #424242;
}

.main-header .top-left .contact-info li a {
    color: #888888;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .top-left .contact-info li a:hover {
    color: #ffffff;
}

.main-header .top-left .contact-info li a .fa {
    color: #f8ac0d;
    padding-right: 5px;
}

.main-header .top-right {
    position: relative;
}

.main-header .top-right .lang {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
    color: #bbbbbb;
    font-weight: 400;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
    margin-right: 25px;
}

.main-header .top-right .lang a {
    color: #bbbbbb;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .top-right .lang .fa {
    color: #f8ac0d;
    padding-right: 5px;
}

.main-header .top-right .lang a:hover {
    color: #ffffff;
}

.main-header .top-right .login-info {
    position: relative;
    float: left;
}

.main-header .top-right .login-info a {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    color: #888888;
    font-weight: 400;
    margin-right: 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .top-right .login-info a:last-child {
    margin-right: 0px;
}

.main-header .top-right .login-info a .fa {
    padding-right: 5px;
}

.main-header .top-right .login-info a:after {
    position: absolute;
    right: -10px;
    display: inline-block;
    font-size: 10px;
    line-height: 20px;
    content: "/";
    color: #888888;
}

.main-header .top-right .login-info a:last-child:after {
    display: none;
}

.main-header .top-right .login-info a:hover {
    color: #ffffff;
}

.main-header .header-lower {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 40px;
    width: 100%;
}

.main-header .main-box {
    position: relative;
    padding: 0 50px;
    left: 0px;
    top: 0px;
    z-index: 999;
    max-width: 1700px;
    margin: 0 auto;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-style-two .main-box {
    padding: 0px;
}

.main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0px;
    z-index: 10;
    padding: 10px 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .nav-toggler button {
    position: relative;
    display: block;
    color: #444444;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
    background: none;
}

.main-header .nav-outer {
    position: relative;
    float: right;
}

.main-menu {
    position: relative;
    float: left;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation {
    position: relative;
    margin: 0px;
}

.main-menu .navigation>li {
    position: relative;
    float: left;
    margin-left: 50px;
    padding: 35px 0px 40px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li>a:before {
    position: absolute;
    left: 50%;
    bottom: -5px;
    height: 2px;
    width: 0%;
    transition: all 300ms ease;
    background-color: #f8ac0d;
    content: "";
    z-index: -1;
}

.main-menu .navigation>li.current a:before,
.main-menu .navigation>li:hover a:before {
    left: 0;
    width: 100%;
}

.main-menu .navigation>li:last-child {
    margin-right: 0px;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li.dropdown>a {
    padding-right: 15px;
}

.main-menu .navigation>li.dropdown>a:after {
    position: absolute;
    font-family: 'Fontawesome';
    content: "\f107";
    right: 0px;
    top: 0px;
    width: 10px;
    height: 25px;
    display: block;
    color: #ffffff;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 120%;
    width: 240px;
    padding: 0px;
    z-index: 100;
    display: none;
    background: #ffffff;
    border-top: 2px solid #fcc005;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #292929;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #ffffff;
    background: #fcc005;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'Fontawesome';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 12px;
    width: 10px;
    height: 20px;
    display: block;
    color: #292929;
    font-weight: 900;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 20px;
    width: 240px;
    padding: 0px;
    z-index: 100;
    display: none;
    background: #ffffff;
    border-top: 2px solid #fcc005;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #292929;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #ffffff;
    background: #fcc005;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 11px;
    width: 10px;
    height: 20px;
    display: block;
    color: #292929;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 15px;
    top: 7px;
    width: 36px;
    height: 32px;
    text-align: center;
    color: #ffffff;
    line-height: 32px;
    font-size: 20px;
    font-weight: normal;
    border: 1px solid #ffffff;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 220px;
    padding: 0px 0px;
    z-index: 100;
    background: #2b2b2b;
    border-top: 2px solid #fcc005;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #ffffff;
    background: #fcc005;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 11px;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: -2px;
    width: 220px;
    padding: 0px;
    z-index: 100;
    display: none;
    background: #2b2b2b;
    border-top: 2px solid #fcc005;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
    color: #ffffff;
    background: #fcc005;
}

.main-menu .navigation>li.dropdown:hover>ul {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}


/*================================================
			Sticky Header
==================================================*/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    background: rgba(47, 46, 50, .80);
    z-index: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.sticky-header .logo {
    padding: 10px 0px;
}

.fixed-header .sticky-header {
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    background: rgba(47, 46, 50, .90);
}

.main-header .sticky-header .main-menu .navigation>li {
    margin-right: 0px;
    margin: 0px;
    padding: 0;
}

.main-header .sticky-header .main-menu .navigation>li>a {
    color: #ffffff;
    padding: 20px 15px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    min-height: 0px;
    background: none;
    border: 0px;
    margin-right: 0px;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .sticky-header .main-menu .navigation>li:hover>a,
.main-header .sticky-header .main-menu .navigation>li.current>a,
.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {
    opacity: 1;
    background-color: #fcc005;
    color: #ffffff;
}

.main-header .sticky-header .main-menu .navigation>li>a:before,
.main-header .sticky-header .main-menu .navigation>li>a:after {
    display: none;
}


/*================================================
			 Header Styl Two
==================================================*/

.main-header.header-style-two {
    position: relative;
    background-color: #ffffff;
}

.header-style-two .main-box .logo-box {
    padding: 20px 0;
}

.header-style-two .main-menu .navigation>li {
    padding: 50px 0px 45px;
    margin-left: 30px;
}

.main-header.header-style-two .header-lower {
    position: relative;
    background-color: #ffffff;
    margin-top: 0;
}

.header-style-two .main-menu .navigation>li.dropdown>a:after,
.header-style-two .main-menu .navigation>li>a {
    color: #333333;
    font-weight: 500;
}

.main-header .option-box {
    float: right;
    margin-left: 80px;
}

.main-header .option-box .language {
    position: relative;
    float: left;
    padding: 48px 0 40px;
}

.main-header .language .dropdown-menu {
    top: 100%;
    right: 0px;
    left: auto;
    width: 170px;
    border-radius: 0px;
    background-color: #222222;
    border: none;
    padding: 0px;
    border-top: 3px solid #fcc005;
    margin-top: 0px;
}

.main-header .language {
    margin-left: 30px !important;
}

.main-header .language>a {
    width: auto !important;
    height: auto !important;
    color: #888888 !important;
    padding: 0px 0px;
    font-size: 14px;
    background: none !important;
    text-transform: capitalize;
    display: inline-block;
    border: 0px;
    font-weight: 400;
    line-height: 1em;
}

.main-header .language a:hover {
    background: none;
}

.main-header .language .flag-icon {
    display: inline-block;
    position: relative;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
}

.main-header .language .flag-icon img {
    width: 100%;
    height: auto;
    display: block;
}

.main-header .language .dropdown-menu>li {
    padding-right: 0px !important;
    margin: 0px !important;
    float: none;
    display: block !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.main-header .language .dropdown-menu>li:last-child {
    border-bottom: none;
}

.main-header .language .dropdown-menu>li>a {
    padding: 8px 20px !important;
    width: auto;
    height: auto;
    display: block;
    color: #ffffff;
    text-align: left;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .language .dropdown-menu>li>a:hover {
    color: #ffffff !important;
    background-color: #fcc005;
}


/*=== Search Box ===*/

.search-box-outer {
    position: relative;
    float: left;
    color: #ffffff;
    margin-left: 20px;
    padding: 54px 0px 0px;
}

.main-header .search-box-btn {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    padding: 0px;
    margin: 0px;
    font-weight: 600;
    cursor: pointer;
    background: none;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn:hover {
    color: #fcc005;
}

.main-header .dropdown-menu {
    top: 65px;
    right: 0;
    border-top: 3px solid #fcc005;
    padding: 0px;
    width: 280px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

.main-header .search-box-outer .dropdown-menu>li {
    padding: 0px;
    border: none;
    background: none;
}

.main-header .search-panel .form-container {
    padding: 25px 20px;
}

.main-header .search-panel .form-group {
    position: relative;
    margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 7px 40px 7px 15px;
    height: 40px;
    color: #000000;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
    border-color: #fcc005;
}

.main-header .search-panel .search-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #555555;
    font-size: 12px;
    background: none;
    cursor: pointer;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-panel .search-btn:hover {
    color: #fcc005;
}


/*** 

====================================================================
			Main Slider style
====================================================================

***/

.main-slider {
    position: relative;
    z-index: 10;
}

.main-slider .tp-caption {
    z-index: 5;
}

.main-slider h4 {
    font-size: 14px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 13px;
    text-transform: uppercase;
}

.main-slider h2 {
    font-size: 60px;
    line-height: 80px;
    color: #ffffff;
    font-weight: 700;
}

.main-slider h2 .style-font {
    font-weight: 400;
}

.main-slider p {
    position: relative;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    line-height: 24px;
}

.main-slider .theme-btn {
    display: inline-block;
    margin: 0 15px 10px;
    z-index: 999999 !important;
}

.main-slider .play-btn {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    padding: 20px 0 20px 80px;
    color: #ffffff;
}

.main-slider .play-btn .icon {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center !important;
    height: 3.5em;
    width: 3.5em;
    line-height: 3.5em;
    font-size: 18px;
    color: #ffffff;
    background-color: #fab708;
    border-radius: 50%;
    padding-left: 3px;
    margin-right: 5px;
}

.main-slider .play-btn span {
    color: #fcc005;
}

.main-slider .tp-dottedoverlay {
    background: rgba(0, 0, 0, 0.10);
}

.main-slider .tp-dottedoverlay:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern.png);
    background-repeat: repeat;
    content: "";
    z-index: 1;
}

.main-slider.style-two h2 {
    line-height: 100px;
}

.main-slider .donate-form {
    position: relative;
    padding: 40px 30px 30px;
    background-color: rgba(27, 28, 36, .50);
}

.main-slider .donate-form .row {
    margin: 0 -10px;
}

.main-slider .donate-form .form-group {
    position: relative;
    padding: 0 10px;
    margin-bottom: 10px;
}

.donate-form input,
.donate-form select,
.donate-form textarea {
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
    padding: 14px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .10);
    display: block;
    width: 100%;
}

.donate-form input:focus,
.donate-form select:focus,
.donate-form textarea:focus {
    border: 1px solid #ffffff;
}

.donate-form .theme-btn {
    font-size: 12px;
    line-height: 20px;
    padding: 15px 45px;
    margin: 0;
    min-width: 180px;
    width: 100%;
    text-align: center !important;
}


/*** 

====================================================================
				Section Title
====================================================================

***/

.sec-title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 25px;
    z-index: 9;
}

.sec-title>.title {
    position: relative;
    font-size: 14px;
    line-height: 1.2em;
    color: #333333;
    font-weight: 600;
    display: block;
    letter-spacing: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.sec-title>h2 {
    position: relative;
    line-height: 1.1em;
    font-size: 45px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}

.sec-title>h2 span {
    font-family: "Condiment", cursive;
    font-weight: 400;
}

.sec-title.light>span,
.sec-title.light h2 {
    color: #ffffff;
}

.sec-title .separator {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 80px;
    background: #fcc005;
    background: -moz-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: -webkit-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: linear-gradient( #fcc005 1%, #ea7325 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcc005', endColorstr='#ea7325', GradientType=1);
}

.sec-title .separator:after {
    position: absolute;
    right: -15px;
    height: 5px;
    width: 10px;
    content: "";
    background-color: #fcc005;
}

.sec-title .separator-two {
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 30px;
    height: 15px;
    width: 20px;
    border: 5px solid #ffffff;
    background: #fcc005;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sec-title .separator-two:before,
.sec-title .separator-two:after {
    position: absolute;
    left: -35px;
    bottom: 0;
    height: 5px;
    width: 30px;
    background: #fcc005;
    background: -moz-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: -webkit-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: linear-gradient( #fcc005 1%, #ea7325 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcc005', endColorstr='#ea7325', GradientType=1);
    content: "";
}

.sec-title .separator-two:after {
    left: auto;
    right: -35px;
}

.sec-title.text-center .separator-two {
    left: 50%;
    margin-left: -5px;
}


/*** 

====================================================================
					Page Title
====================================================================

***/

.page-title {
    position: relative;
    padding: 175px 0 180px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

.page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .20);
    content: "";
}

.page-title:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern.png);
    background-repeat: repeat;
    content: "";
}

.page-title h1 {
    position: relative;
    font-size: 50px;
    line-height: 1.2em;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 5px;
    z-index: 9;
    letter-spacing: 2px;
}

.page-title .bread-crumb li {
    position: relative;
    font-size: 12px;
    line-height: 24px;
    color: #f9b00b;
    font-weight: 400;
    margin-right: 7px;
    padding-right: 7px;
    text-transform: capitalize;
    cursor: default;
    display: inline-block;
    z-index: 9;
}

.page-title .bread-crumb li a {
    color: #ffffff;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover {
    color: #f9b00b;
}

.page-title .bread-crumb li:after {
    position: absolute;
    content: '/';
    right: -5px;
    font-weight: 400;
    top: 0px;
    color: #ffffff;
    z-index: 9;
}

.page-title .bread-crumb li:last-child::after {
    display: none;
}

.page-title .bread-crumb li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}


/***

===================================================================
				Work Section
===================================================================

****/

.work-section {
    position: relative;
    padding: 95px 0 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.work-step {
    position: relative;
    margin-bottom: 40px;
}

.work-step .inner-box {
    position: relative;
    padding: 0 30px;
    text-align: left;
}

.work-step h2 {
    font-size: 50px;
    line-height: 1em;
    color: #fcc005;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: .5px;
}

.work-step h4 {
    font-size: 20px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 5px;
}

.work-step h4 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.work-step h4 a:hover {
    color: #fcc005;
}

.work-step p {
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
}

.work-section.style-two {
    padding: 0;
}

.work-section.style-two .work-step {
    margin-top: -80px;
    margin-bottom: 0;
    position: relative;
    z-index: 99;
    background: #f2f2f2;
}

.work-section.style-two .work-step h2 {
    margin-bottom: 15px;
    color: #1b1c24;
}

.work-section.style-two .work-step h4 a {
    margin-bottom: 5px;
    color: #222222;
}

.work-section.style-two .work-step .inner-box {
    padding: 65px 30px 70px;
}

.work-section.style-two .work-step:nth-child(3n+2) {
    background-color: #1b1c24;
}

.work-section.style-two .work-step:nth-child(3n+2) h2 {
    color: #fcc005;
}

.work-section.style-two .work-step:nth-child(3n+2) h4 a {
    color: #ffffff;
}

.work-section.style-two .work-step:nth-child(3n+2) p {
    color: #888888;
}

.work-section.style-two .work-step:nth-child(3n+3) {
    background: #ea7325;
    background: -moz-linear-gradient(45deg, #ea7325 1%, #fcc005 100%);
    background: -webkit-linear-gradient(45deg, #ea7325 1%, #fcc005 100%);
    background: linear-gradient(45deg, #ea7325 1%, #fcc005 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ea7325', endColorstr='#fcc005', GradientType=1);
}

.work-section.style-two .work-step:nth-child(3n+3) h2 {
    color: #ffffff;
}

.work-section.style-two .work-step:nth-child(3n+3) h4 a {
    color: #222222;
}

.work-section.style-two .work-step:nth-child(3n+3) p {
    color: #ffffff;
}

.work-section.style-two.alternate {
    padding-bottom: 130px;
}

.work-section.style-two.alternate .work-step {
    margin-top: -40px;
}


/*** 

====================================================================
				About Section
====================================================================

***/

.about-section {
    position: relative;
    background-color: #f4f4f4;
    padding: 175px 0 120px;
}

.about-section .content-column {
    position: relative;
    margin-bottom: 30px;
}

.about-section .content-column .inner-column {
    position: relative;
    padding-left: 60px;
}

.about-section .content-column .text {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 20px;
}

.about-section .our-help {
    position: relative;
    max-width: 320px;
    margin-bottom: 30px;
}

.about-section .our-help ul li {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    min-width: 150px;
    padding-right: 10px;
    padding-left: 30px;
}

.about-section .our-help ul li:before {
    position: absolute;
    height: 1px;
    width: 20px;
    background-color: #000000;
    content: "";
    left: 0;
    top: 13px;
}

.about-section .our-help ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    color: #222222;
    font-weight: 600;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.about-section .our-help ul li a:hover {
    color: #f6a710;
}

.about-section .image-column {
    margin-bottom: 30px;
}

.about-section .image-column .inner-column {
    position: relative;
    padding-top: 30px;
    padding-left: 65px;
}

.about-section .image-column .image-1 {
    position: relative;
    left: 0;
    z-index: 1;
}

.about-section .image-column .image-1 img {
    max-width: 100%;
    display: block;
    height: auto;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
}

.about-section .image-column .image-2 {
    position: absolute;
    right: 0px;
    top: -20px;
    z-index: 9;
}

.about-section .image-column .image-2 img {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
}


/*** 

====================================================================
				About Section Two
====================================================================

***/

.about-section-two {
    position: relative;
    padding: 140px 0 80px;
}

.about-section-two .sec-title {
    margin-bottom: 30px;
    padding-bottom: 0;
}

.about-section-two .sec-title h2 {
    font-size: 30px;
}

.about-section-two .progress-column,
.about-section-two .content-column {
    position: relative;
    margin-bottom: 50px;
}

.about-section-two .content-column .inner-column {
    position: relative;
    padding-right: 65px;
}

.about-section-two .content-column .text {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    margin-bottom: 20px;
}

.about-section-two .content-column .sign-img {
    display: block;
    margin-bottom: 20px;
}

.about-section-two .progress-column .inner-column {
    position: relative;
    padding-left: 30px;
}

.about-section-two .progress-bars {
    position: relative;
    padding-top: 10px;
}

.progress-bars .bar-item {
    position: relative;
    margin-bottom: 28px;
}

.progress-bars .bar-item:last-child {
    margin-bottom: 0px;
}

.progress-bars .bar-item .skill-bar {
    position: relative;
    width: 100%;
    height: 3px;
}

.progress-bars .bar-item .skill-bar .bar-inner {
    position: relative;
    width: 100%;
    height: 3px;
    background: #e2e2e2;
}

.progress-bars .bar-item .skill-bar .bar-inner .bar {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 3px;
    width: 0px;
    background-color: #f39a15;
    -webkit-transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    transition: all 2000ms ease;
}

.progress-bars .bar-item .skill-header {
    position: relative;
    font-size: 14px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    margin-bottom: 10px;
}

.progress-bars .bar-item .skill-header .skill-title {
    position: relative;
    float: left;
}

.progress-bars .bar-item .skill-percentage {
    position: absolute;
    right: -18px;
    top: -25px;
    font-weight: 500;
    line-height: 1.2em;
    text-transform: capitalize;
    color: #222222;
    font-size: 14px;
}


/*** 

====================================================================
				Causes Section
====================================================================

***/

.causes-section {
    position: relative;
    padding: 125px 0 110px;
}

.causes-section .sec-title {
    margin-bottom: 40px;
}

.progress-bar {
    position: relative;
    width: 100%;
    height: 1px;
}

.progress-bar .bar-inner {
    position: relative;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
}

.progress-bar .bar-inner .bar {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1px;
    width: 0px;
    border-bottom: 1px solid #ea7325;
    -webkit-transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    transition: all 2000ms ease;
}

.progress-bar .bar-inner .bar:after {
    content: '';
    position: absolute;
    right: 0px;
    top: -8px;
    width: 15px;
    height: 15px;
    background: #f6a710;
    border-radius: 50%;
}

.progress-bar .bar-percentage {
    position: absolute;
    right: -5px;
    top: -26px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    color: #333333;
    font-size: 12px;
}

.cause-block {
    position: relative;
    margin-bottom: 40px;
}

.cause-block .inner-box {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
    box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
}

.cause-block .image-box {
    position: relative;
}

.cause-block .image-box figure {
    position: relative;
}

.cause-block .image-box img {
    width: 100%;
    height: auto;
    display: block;
}

.cause-block .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.cause-block .overlay-box:before {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 0%;
    background-color: #1b1c1e;
    content: "";
    opacity: .80;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cause-block:hover .overlay-box:before {
    left: 0;
    width: 100%;
}

.cause-block .overlay-box a {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: underline;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.cause-block .overlay-box a:hover {
    color: #f6a710;
}

.cause-block:hover .overlay-box a {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.cause-block .lower-content {
    position: relative;
    padding: 35px 28px 30px;
    text-align: center;
    background-color: #ffffff;
}

.cause-block .lower-content h2 {
    font-size: 22px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: .5px;
}

.cause-block .lower-content h2 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.cause-block .lower-content h2 a:hover {
    color: #f6a710;
}

.cause-block .lower-content p {
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 40px;
}

.cause-block .lower-content .progress-bar {
    margin-bottom: 20px;
}

.cause-block .info-box {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}

.cause-block .info-box:before {
    position: absolute;
    left: 50%;
    top: 0;
    display: inline-block;
    height: 100%;
    width: 1px;
    background-color: #d6d6d6;
    content: "";
}

.cause-block .info-box a {
    position: relative;
    float: left;
    width: 50%;
    font-size: 14px;
    color: #888888;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .20px;
}

.cause-block .info-box a span {
    display: inline-block;
    font-size: 20px;
    line-height: 1em;
    color: #333333;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.cause-block .info-box a:hover span {
    color: #f6a710;
}


/*=== Cause Block Two ===*/

.cause-block-two {
    position: relative;
    margin-bottom: 50px;
}

.cause-block-two .inner-box {
    position: relative;
    overflow: hidden;
    padding-left: 250px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
    box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
}

.cause-block-two .image-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
}

.cause-block-two .image-box figure {
    position: relative;
}

.cause-block-two .image-box img {
    width: 100%;
    height: auto;
    display: block;
}

.cause-block-two .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.cause-block-two .overlay-box:before {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 0%;
    background-color: #1b1c1e;
    content: "";
    opacity: .80;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cause-block-two:hover .overlay-box:before {
    left: 0;
    width: 100%;
}

.cause-block-two .overlay-box a {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: underline;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.cause-block-two .overlay-box a:hover {
    color: #f6a710;
}

.cause-block-two:hover .overlay-box a {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.cause-block-two .lower-content {
    position: relative;
    z-index: 99;
    padding: 60px 35px 20px;
    background-color: #ffffff;
}

.cause-block-two .lower-content h2 {
    font-size: 22px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: .5px;
}

.cause-block-two .lower-content h2 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.cause-block-two .lower-content h2 a:hover {
    color: #f6a710;
}

.cause-block-two .lower-content p {
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 45px;
}

.cause-block-two .lower-content .progress-bar {
    margin-bottom: 20px;
}

.cause-block-two .info-box {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}

.cause-block-two .info-box:before {
    position: absolute;
    left: 50%;
    top: 0;
    display: inline-block;
    height: 100%;
    width: 1px;
    background-color: #d6d6d6;
    content: "";
}

.cause-block-two .info-box a {
    position: relative;
    float: left;
    width: 50%;
    font-size: 14px;
    color: #888888;
    font-weight: 600;
    line-height: 20px;
}

.cause-block-two .info-box a span {
    display: block;
    font-size: 20px;
    line-height: 1em;
    color: #333333;
    font-weight: 600;
    margin-top: 5px;
    letter-spacing: 1px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.cause-block-two .info-box a:hover span {
    color: #f6a710;
}

.cause-block-two .info-box .goal {
    text-align: right;
}

.causes-section .row {
    margin: 0 -20px;
}

.causes-section .cause-block {
    padding: 0 20px;
}

.causes-section.style-two {
    padding-bottom: 0;
}

.causes-section.style-two .sec-title h2 {
    padding-bottom: 10px;
}

.causes-section.style-two .sec-title .separator-two {
    background: #fcc005 padding-box content-box;
    border: 5px solid transparent;
}

.causes-section.style-two:before {
    position: absolute;
    left: 0;
    height: 210px;
    width: 100%;
    bottom: 0px;
    background-color: #ffffff;
    content: "";
}

.causes-section .causes-grid {
    padding-bottom: 100px;
}

.causes-section .causes-list {
    margin-bottom: 25px;
}

.causes-section .causes-list .row {
    margin: 0 -20px;
}

.causes-section .causes-list .cause-block-two {
    padding: 0 20px;
}

.causes-section .styled-pagination {
    margin-bottom: 80px;
}


/*** 

====================================================================
				Cause Singel
====================================================================

***/

.cause-single {
    position: relative;
}

.cause-single .cause-block .image-box img {
    position: relative;
    z-index: 9;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 16px 33px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 16px 33px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 16px 33px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 16px 33px rgba(0, 0, 0, .1);
    box-shadow: 0 16px 33px rgba(0, 0, 0, .1);
}

.cause-single .cause-block .inner-box {
    box-shadow: none;
    overflow: visible;
}

.cause-single .cause-block .lower-content {
    padding: 60px 0 0;
    text-align: left;
}

.cause-single .cause-block .lower-content .info-box {
    padding: 0;
    width: 100%;
    margin-bottom: 15px;
}

.cause-single .cause-block .info-box a {
    display: inline-block;
    width: auto;
}

.cause-single .cause-block .info-box a span {
    display: block;
    margin-top: 3px;
}

.cause-single .cause-block .info-box a:last-child {
    text-align: right;
    float: right;
}

.cause-single .cause-block .info-box:before {
    display: none;
}

.cause-single .cause-block .progress-bar .bar-percentage {
    font-size: 15px;
    right: -10px;
    top: -30px;
}

.cause-single h3 {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.cause-single .cause-block .lower-content p {
    margin-bottom: 25px;
    letter-spacing: .20px;
}

.cause-single .donation-form {
    max-width: 590px;
    margin-bottom: 50px;
}


/*================================
		Payment Option
=================================*/

.payment-info-tabs {
    position: relative;
    margin-bottom: 30px;
}

.payment-tabs .tab-buttons .tab-btn {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    color: #0b0b0c;
    font-weight: 600;
    padding: 10px 18px;
    background-color: #ffffff;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
}

.payment-tabs .tab-buttons .tab-btn.active-btn {
    background-color: #efefef;
}

.payment-info-tabs .tabs-content .tab {
    display: none;
}

.payment-info-tabs .tabs-content .content {
    position: relative;
    padding: 22px 25px;
    background-color: #efefef;
}

.payment-info-tabs .tabs-content .content .icon {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    color: #888888;
    margin-right: 5px;
}

.payment-info-tabs .tabs-content .content p {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    color: #888888;
}

.payment-info-tabs .tabs-content .content p span {
    color: #1b1c1e;
}

.payment-info-tabs .tabs-content .tab.active-tab {
    display: block;
}

.cause-single .paypal-option {
    position: relative;
    display: block;
}

.cause-single .paypal-option a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #f7a90f;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
}

.cause-single .paypal-option a span {
    color: #333333;
    font-style: italic;
    text-transform: capitalize;
}


/*** 

====================================================================
			Styled Pagination
====================================================================

***/

.styled-pagination {
    position: relative;
    z-index: 9;
}

.styled-pagination ul {
    position: relative;
    display: inline-block;
}

.styled-pagination li {
    position: relative;
    display: inline-block;
    margin-right: 7px;
}

.styled-pagination li a {
    position: relative;
    display: inline-block;
    height: 52px;
    width: 52px;
    font-size: 15px;
    color: #333333;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    padding: 15px 18px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
    color: #ffffff;
    background-color: #1b1c24;
}

.styled-pagination li.next a,
.styled-pagination li.prev a {
    width: auto;
}

.styled-pagination.text-center li {
    margin: 0 3px;
}


/*** 

====================================================================
			Fun Facts Section
====================================================================

***/

.fun-fact-section {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 150px 0 120px;
}

.fun-fact-section:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .20);
    content: "";
}

.fun-fact-section:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern.png);
    background-repeat: repeat;
    content: "";
}

.fun-fact-section .sec-title {
    padding-bottom: 0;
    margin-bottom: 30px;
    z-index: 9;
}

.fact-counter {
    position: relative;
    z-index: 9;
    max-width: 930px;
    margin: 0 auto;
}

.fact-counter .row {
    position: relative;
}

.fact-counter .counter-column {
    position: relative;
    padding: 0 15px;
    margin-bottom: 30px;
}

.fact-counter .counter-column .inner {
    position: relative;
    background-color: rgba(255, 255, 255, .08);
    padding: 50px 15px;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.counter-column .count-text {
    position: relative;
    display: inline-block;
    font-size: 50px;
    line-height: 1em;
    color: #fefefe;
    font-weight: 700;
    margin-bottom: 15px;
}

.counter-column .counter-title {
    position: relative;
    font-size: 20px;
    line-height: 1.2em;
    color: #fefefe;
    font-weight: 500;
    margin-bottom: 15px;
}

.counter-column .icon {
    position: relative;
    display: block;
    font-size: 54px;
    line-height: 1em;
    color: #f6a710;
    font-weight: 300;
}

.fun-fact-section.style-two .sec-title {
    margin-bottom: 30px;
    padding-bottom: 0;
}

.fun-fact-section.style-two .counter-column .inner {
    background-color: rgba(0, 0, 0, .30);
}


/*** 

====================================================================
				Who We Are Section
====================================================================

***/

.who-we-are {
    position: relative;
    background-color: #f9f9f9;
}

.who-we-are .outer-container {
    position: relative;
    min-height: 250px;
}

.who-we-are .image-column {
    position: absolute;
    float: right;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
}

.who-we-are .image-column .image-box {
    position: relative;
    display: none;
}

.who-we-are .image-column .image-box img {
    position: relative;
    display: block;
    width: 100%;
}

.who-we-are .content-column {
    position: relative;
    float: left;
    width: 50%;
}

.who-we-are .content-column .inner-box {
    position: relative;
    max-width: 600px;
    float: right;
    padding: 150px 15px 130px;
    padding-right: 25px;
}

.who-we-are .content-column .inner-box .sec-title {
    margin-bottom: 30px;
}

.who-we-are .content-column .inner-box .text {
    position: relative;
    margin-bottom: 30px;
}

.who-we-are .content-column .inner-box .text p {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    margin-bottom: 20px;
}

.who-we-are .content-column .inner-box .text p:last-child {
    margin-bottom: 0px;
}

.who-we-are .content-column .inner-box .choose-info {
    position: relative;
}

.choose-info {
    position: relative;
}

.choose-info li {
    position: relative;
    padding-left: 80px;
    margin-bottom: 25px;
}

.choose-info li .icon {
    position: absolute;
    display: inline-block;
    line-height: 1em;
    left: 0;
    top: 0;
    font-size: 50px;
    color: #c8c8c8;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.choose-info li:hover .icon {
    color: #fcc005;
}

.choose-info li h3 {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    margin-bottom: 5px;
}

.choose-info li h3 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.choose-info li h3 a:hover {
    color: #fcc005;
}

.choose-info li p {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
}

.who-we-are .video-column .inner-column {
    position: relative;
}

.who-we-are .video-column .video-box {
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.who-we-are .video-box .image {
    position: relative;
}

.who-we-are .video-box .image img {
    display: block;
    width: 100%;
}

.who-we-are .video-box .image a {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}

.who-we-are .video-box .image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -42.5px;
    margin-top: -100px;
    height: 85px;
    width: 85px;
    font-size: 20px;
    line-height: 79px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    text-align: center;
    padding-left: 10px;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.who-we-are .video-box:hover .image .icon {
    color: #f8ae0c;
    border-color: #f8ae0c;
}

.who-we-are .video-box .caption-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px 40px;
}

.who-we-are .video-box .caption-box h3 {
    font-size: 22px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 600;
}

.who-we-are .video-box .caption-box:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: .80;
    content: "";
}

.who-we-are.style-two {
    position: relative;
    background-color: #ffffff;
    padding: 130px 0 110px;
}

.who-we-are.style-two .content-column .inner-box {
    padding: 0;
}


/*** 

====================================================================
						Volunteer Section
====================================================================

***/

.volunteers-section {
    position: relative;
    padding: 150px 0 100px;
}

.volunteers-section.alternate {
    background-color: #f4f4f4;
    padding-bottom: 155px;
}

.volunteers-section .sec-title {
    margin-bottom: 50px;
}

.volunteer-block {
    position: relative;
    margin-bottom: 40px;
}

.volunteer-block .inner-box {
    position: relative;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.volunteer-block .image-box {
    position: relative;
}

.volunteer-block .image-box img {
    display: block;
    width: 100%;
    height: auto;
}

.volunteer-block .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.volunteer-block .overlay-box:before {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 0;
    content: "";
    background: #fcc005;
    background: -moz-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: -webkit-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: linear-gradient(#fcc005 1%, #ea7325 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcc005', endColorstr='#ea7325', GradientType=1);
    opacity: .86;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.volunteer-block .inner-box:hover .overlay-box:before {
    width: 100%;
    left: 0;
}

.volunteer-block .overlay-box .content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.volunteer-block .inner-box:hover .overlay-box .content {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.volunteer-block .content .name {
    font-size: 20px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}

.volunteer-block .content .name a {
    color: #ffffff;
}

.volunteer-block .content .designation {
    display: inline-block;
    font-size: 13px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    margin-bottom: 10px;
}

.volunteer-block .content .social-icon {
    display: block;
}

.volunteer-block .content .social-icon li {
    display: inline-block;
    font-size: 14px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 400;
    margin: 0 10px;
}

.volunteer-block .content .social-icon li a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.volunteer-block .content .social-icon li a:hover {
    color: #222222;
}


/*** 

====================================================================
			Donation And Events
====================================================================

***/

.donation-and-events {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 145px 0 110px;
}

.donation-and-events:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(22, 23, 25, .90);
    content: "";
}

.donation-and-events:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern.png);
    background-repeat: repeat;
    content: "";
}

.donation-and-events .event-column,
.donation-and-events .donation-column {
    position: relative;
    margin-bottom: 40px;
    z-index: 9;
}

.donation-and-events .sec-title {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 25px;
}

.donation-and-events .sec-title h2 {
    font-size: 35px;
}


/*=== Donation Form ===*/

.donation-and-events .donation-column .inner-column {
    position: relative;
    margin-right: -15px;
}

.donation-form {
    position: relative;
    padding: 50px;
    border: 1px solid #292929;
}

.donation-form .row {
    margin: 0 -5px;
}

.donation-form .form-group {
    position: relative;
    padding: 0 5px;
    margin-bottom: 25px;
}

.donation-form .form-group:last-child {
    margin-bottom: 0;
}

.donation-form .ui-selectmenu-button.ui-button {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 27px;
    padding: 20px 25px;
    background-color: #1b1c1e;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.donation-form .form-group h4 {
    position: relative;
    font-size: 15px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
}

.donation-form input[type="radio"] {
    position: relative;
    display: inline-block;
    transform: scale(1.1);
    top: 0px;
    line-height: 15px;
    margin-right: 5px;
}

.donation-form label {
    position: relative;
    display: inline-block;
    top: -1px;
    font-weight: 400;
    color: #ffffff;
    margin-right: 30px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 15px;
    padding: 20px 0 25px;
    cursor: pointer;
}

.donation-form button {
    min-width: 180px;
}

.donation-form .ui-button .ui-icon {
    background: none;
    position: relative;
    top: 0px;
    text-indent: 0;
    height: 22px;
}

.donation-form .ui-button .ui-icon:before {
    font-family: 'Fontawesome';
    content: "\f0d7";
    position: absolute;
    font-weight: 400;
    right: 0px;
    top: 0px;
    width: 14px;
    font-size: 14px;
    display: block;
    color: #ffffff;
    text-align: center;
    z-index: 5;
}

.ui-menu .ui-menu-item {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child {
    border: none;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}


/*=== Event Column ===*/

.donation-and-events .event-column .inner-column {
    position: relative;
    padding-left: 40px;
}

.donation-and-events .event-column .event-block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.donation-and-events .event-column .event-block:last-child:before {
    display: none;
}

.donation-form.style-two {
    border: 0;
    padding: 0;
}

.donation-form.style-two .ui-selectmenu-button.ui-button {
    background-color: #efefef;
    color: #888888;
}

.donation-form.style-two .form-group h4 {
    color: #1b1c1e;
    margin-bottom: 12px;
}

.donation-form.style-two label {
    color: #0b0b0c;
}

.donation-form.style-two .ui-button .ui-icon:before {
    color: #1b1c1e;
}

.donation-form.style-two button {
    min-width: 180px;
}


/*** 

====================================================================
					Testimonial Section
====================================================================

***/

.testimonial-section {
    position: relative;
    padding: 150px 0;
}

.testimonial-section .sec-title {
    margin-bottom: 50px;
}

.testimonial-carousel {
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 15px 90px;
}

.testimonial-block {
    position: relative;
}

.testimonial-block .inner-box {
    position: relative;
    padding-left: 130px;
    min-height: 110px;
}

.testimonial-block .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 105px;
    width: 105px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial-block .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.testimonial-block p {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 10px;
}

.testimonial-block .name {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    font-weight: 500;
}

.testimonial-block .name a {
    color: #333333;
}

.testimonial-block .designation {
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
}

.testimonial-carousel .owl-nav {
    display: none;
}

.testimonial-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    text-align: center;
}

.testimonial-carousel .owl-dots .owl-dot {
    position: relative;
    width: 2px;
    height: 15px;
    margin: 0 6px;
    display: inline-block;
    background-color: #333333;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.testimonial-carousel .owl-dots .owl-dot.active,
.testimonial-carousel .owl-dots .owl-dot:hover {
    background-color: #fc8435;
    height: 30px;
}


/*** 

====================================================================
				Testimonial And Donation
====================================================================

***/

.testimonial-and-donation {
    position: relative;
    padding: 140px 0 100px;
}

.testimonial-and-donation .form-column,
.testimonial-and-donation .testimonial-column {
    position: relative;
    margin-bottom: 40px;
}

.testimonial-and-donation .testimonial-column .inner-column {
    position: relative;
    padding-right: 40px;
}

.testimonial-and-donation .sec-title {
    display: block;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.testimonial-and-donation .sec-title h2 {
    font-size: 30px;
}

.testimonial-block-two {
    position: relative;
}

.testimonial-block-two .inner-box {
    position: relative;
}

.testimonial-block-two .thumb {
    position: relative;
    left: 0;
    top: 0;
    height: 105px;
    width: 105px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 30px;
}

.testimonial-block-two .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.testimonial-block-two .text {
    position: relative;
    margin-bottom: 25px;
    padding-left: 80px;
    padding-right: 10px;
}

.testimonial-block-two .icon {
    position: absolute;
    left: 20px;
    top: 10px;
    font-size: 42px;
    color: #fcc005;
}

.testimonial-block-two p {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    letter-spacing: .10px;
}

.testimonial-block-two .name {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    font-weight: 600;
}

.testimonial-block-two .designation {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #fcc005;
    font-weight: 400;
}

.testimonial-two .owl-dots {
    display: none;
}

.testimonial-two .owl-nav {
    position: absolute;
    right: 0;
    top: 30px;
    width: 110px;
}

.testimonial-two .owl-nav .owl-prev,
.testimonial-two .owl-nav .owl-next {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 23px;
    text-align: center;
    margin-bottom: 10px;
    color: #484849;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-two .owl-nav .owl-prev {
    left: 0px;
}

.testimonial-two .owl-nav .owl-next {
    right: 0px;
    left: auto;
}

.testimonial-two .owl-nav .owl-prev:hover,
.testimonial-two .owl-nav .owl-next:hover {
    background-color: #484849;
    color: #ffffff;
}


/*** 

====================================================================
					News Section
====================================================================

***/

.news-section {
    position: relative;
    padding: 150px 0 150px;
    background-color: #f9f9f9;
}

.news-section .sec-title {
    margin-bottom: 60px;
}

.news-section .row {
    margin: 0 -25px;
}

.news-block {
    position: relative;
    padding: 0 25px;
    margin-bottom: 40px;
}

.news-block .inner-box {
    position: relative;
}

.news-block .image-box {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.news-block .image-box img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-block:hover .image-box img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.news-block .lower-content {
    position: relative;
    padding: 45px 15px 0;
    text-align: center;
}

.news-block .info-box {
    position: absolute;
    top: -60px;
    left: 50%;
    background-color: #ffffff;
    padding: 15px 15px 10px;
    min-width: 275px;
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.news-block .info-box li {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    color: #333333;
    font-weight: 600;
    min-width: 75px;
}

.news-block .info-box li:after {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 10px;
    height: 80%;
    width: 1px;
    background-color: #e4e4e4;
    content: "";
}

.news-block .info-box li:last-child:after {
    display: none;
}

.news-block .info-box li a {
    display: block;
    font-weight: 600;
    color: #333333;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.news-block .info-box li a:hover {
    color: #f8ae0c;
}

.news-block .info-box li .icon {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 1em;
    margin-bottom: 7px;
    font-weight: 400;
}

.news-block .info-box li:nth-child(2n+1) .icon {
    color: #ea9e25;
}

.news-block .info-box li:nth-child(2n+2) .icon {
    color: #ff0066;
}

.news-block .info-box li:nth-child(2n+3) .icon {
    color: #38d83c;
}

.news-block h3 {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 6px;
}

.news-block h3 a {
    color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block h3 a:hover {
    color: #f8ae0c;
}

.news-block p {
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 10px;
}

.news-block .read-more {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block .read-more:hover {
    color: #f8ae0c;
}

.news-section.alternate {
    background-color: #ffffff;
}

.news-grid .news-block {
    margin-bottom: 60px;
}

.news-classic {
    position: relative;
    padding-right: 40px;
}

.news-classic .news-block {
    padding: 0;
    margin-bottom: 50px;
    text-align: left;
}

.news-classic .news-block .lower-content {
    padding: 60px 0 0;
    text-align: left;
}

.news-classic .news-block h3 {
    margin-bottom: 10px;
}

.news-classic .news-block p {
    margin-bottom: 15px;
}


/*** 

====================================================================
					News Section Two
====================================================================

***/

.news-section-two {
    position: relative;
    padding: 150px 0 150px;
    background-color: #f9f9f9;
}

.news-section-two .image-layer {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
    background-size: 40%;
}

.news-section-two .sec-title {
    margin-bottom: 30px;
    padding-bottom: 0;
}

.news-section-two .sec-title h2 {
    font-size: 35px;
}

.news-section-two .post-column,
.news-section-two .block-column {
    position: relative;
    margin-bottom: 40px;
}

.news-section-two .block-column .inner-column {
    position: relative;
    padding-right: 20px;
}

.news-block-two {
    position: relative;
}

.news-block-two .inner-box {
    position: relative;
}

.news-block-two .image-box {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.news-block-two .image-box img {
    display: block;
    width: 100%;
    height: auto;
}

.news-block-two .lower-content {
    position: relative;
}

.news-block-two .info-box {
    position: relative;
    padding: 15px 0 15px;
}

.news-block-two .info-box li {
    position: relative;
    display: inline-block;
    font-size: 11px;
    line-height: 13px;
    color: #333333;
    font-weight: 600;
    padding-left: 30px;
    margin-right: 30px;
}

.news-block-two .info-box li a {
    display: block;
    font-weight: 600;
    color: #333333;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.news-block-two .info-box li a:hover {
    color: #f8ae0c;
}

.news-block-two .info-box li .icon {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 20px;
    line-height: 1em;
    margin-right: 5px;
    font-weight: 400;
}

.news-block-two .info-box li:nth-child(2n+1) .icon {
    color: #ea9e25;
}

.news-block-two .info-box li:nth-child(2n+2) .icon {
    color: #ff0066;
}

.news-block-two .info-box li:nth-child(2n+3) .icon {
    color: #38d83c;
}

.news-block-two h3 {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 6px;
}

.news-block-two h3 a {
    color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two h3 a:hover {
    color: #f8ae0c;
}

.news-block-two p {
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 10px;
}

.news-block-two .read-more {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .read-more:hover {
    color: #f8ae0c;
}

.news-section-two .post-column .inner-column {
    margin-left: -15px;
}

.news-block-three {
    position: relative;
    margin-bottom: 30px;
}

.news-block-three .inner-box {
    position: relative;
    padding-left: 150px;
    min-height: 80px;
    padding-top: 3px;
}

.news-block-three .image-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    width: 130px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.news-block-three h3 {
    font-size: 18px;
    line-height: 25px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 10px;
}

.news-block-three h3 a {
    color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-three h3 a:hover {
    color: #f8ae0c;
}

.news-block-three .date {
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    color: #888888;
    font-weight: 400;
}

.news-block-three .date a {
    color: #888888;
    line-height: 24px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-three .date a:hover {
    color: #000000;
}

.news-block-three .date i {
    color: #000000;
    margin-right: 7px;
    font-size: 18px;
    line-height: 24px;
    vertical-align: middle;
}

.news-section-two .post-column .btn-box {
    position: relative;
}

.news-section-two .post-column .btn-box .theme-btn {
    min-width: 180px;
}


/*** 

====================================================================
					News Detail
====================================================================

***/

.news-detail {
    position: relative;
    padding-right: 40px;
}

.news-detail .news-block {
    padding: 0;
    margin-bottom: 50px;
    text-align: left;
}

.news-detail .news-block .info-box {
    top: -45px;
}

.news-detail .news-block .lower-content {
    padding: 60px 0 0;
    text-align: left;
}

.news-detail.style-two .news-block .lower-content {
    padding-top: 70px;
}

.news-detail .news-block h3 {
    margin-bottom: 10px;
}

.news-detail p {
    margin-bottom: 25px;
}

.news-detail h2 {
    position: relative;
    display: block;
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 15px;
}

.news-detail blockquote {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    font-weight: 400;
    padding: 25px 10px 25px 21px;
    border-left: 4px solid #f8ae0c;
    margin-left: 50px;
    margin-bottom: 30px;
}

.news-detail.style-two blockquote {
    position: relative;
    margin-left: 0;
    font-size: 20px;
    line-height: 2em;
    color: #888888;
    font-weight: 300;
    width: 100%;
    display: block;
    border: 0;
    padding: 45px 70px 50px;
    text-align: center;
    z-index: 9;
    background-color: #1b1c24;
}

.news-detail.style-two blockquote:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    font-size: 60px;
    line-height: 60px;
    height: 60px;
    color: #2b2c36;
    font-weight: 400;
    content: "\f1b6";
    font-family: "flaticon";
    z-index: -1;
    display: inline-block;
}

.post-images {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 60px;
}

.post-images .row {
    margin: 0 -5px;
}

.post-images .row .image {
    padding: 0 5px;
    margin-bottom: 10px;
}

.post-images .row .image img {
    display: block;
    width: 100%;
}

.news-detail .post-share-options {
    position: relative;
    padding: 10px 0px;
    border-top: 1px solid #e9e9e9;
    margin-bottom: 35px;
}

.news-detail .post-share-options p {
    position: relative;
    font-size: 14px;
    color: #302f2f;
    line-height: 25px;
    font-weight: 600;
    margin: 0;
    display: inline-block;
}

.news-detail .post-share-options .tags {
    position: relative;
    display: inline-block;
}

.news-detail .post-share-options .tags li {
    position: relative;
    display: inline-block;
}

.news-detail .post-share-options .tags a {
    position: relative;
    color: #c2c2c2;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-detail .post-share-options .tags a:hover {
    color: #f8ae0c;
}

.news-detail .post-share-options .social-links {
    position: relative;
    display: inline-block;
}

.news-detail .post-share-options .social-links li {
    position: relative;
    display: inline-block;
    margin-left: 8px;
}

.news-detail .post-share-options .social-links li a {
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    color: #888888;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-detail .post-share-options .social-links li a:hover {
    color: #f8ae0c;
}

.news-detail .left-image {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

.news-detail .right-image {
    position: relative;
    float: right;
    margin-left: 20px;
    margin-bottom: 30px;
}

.news-detail .center-image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}


/*==========================
		Author Box
===========================*/

.author-box {
    position: relative;
    padding: 30px 25px 40px 35px;
    display: block;
    margin-bottom: 50px;
    background-color: #f4f4f4;
}

.author-box h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 25px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 35px;
}

.author-box .inner-box {
    position: relative;
    padding: 0px 0px 0px 155px;
}

.author-box .image-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 135px;
    width: 135px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.author-box .name {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 1em;
    color: #333333;
    font-weight: 600;
    margin-bottom: 10px;
}

.author-box p {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 10px;
}

.author-box .social-links {
    position: relative;
    display: inline-block;
}

.author-box .social-icons li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.author-box .social-icons li a {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.author-box .social-icons li a:hover {
    color: #f8ae0c;
}


/*==========================
		Related Post
===========================*/

.related-post {
    position: relative;
    display: block;
}

.related-post h2 {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px;
}

.related-post .row {
    margin: 0 -11px;
}

.related-post .news-block {
    padding: 0 11px;
}

.related-post .news-block .lower-content {
    text-align: center;
}


/*** 

====================================================================
					Event Section
====================================================================

***/

.event-section {
    position: relative;
    padding: 150px 0 125px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.event-section:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #161719;
    opacity: .90;
    content: "";
}

.event-section:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern.png);
    background-repeat: repeat;
    content: "";
    z-index: 1;
}

.event-section .sec-title h2 {
    font-size: 35px;
}

.event-block {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    z-index: 99;
}

.event-block:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    max-width: 420px;
    background-color: #2a2b2d;
    content: "";
}

.event-block .inner-box {
    position: relative;
    padding-left: 105px;
    min-height: 145px;
}

.event-block .image-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 145px;
    width: 80px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.event-block .image-box:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #161719;
    opacity: .40;
    content: "";
}

.event-block .image-box:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: #ea7325;
    background: -moz-linear-gradient(-45deg, #ea7325 1%, #fcc005 100%);
    background: -webkit-linear-gradient(-45deg, #ea7325 1%, #fcc005 100%);
    background: linear-gradient(-45deg, #ea7325 1%, #fcc005 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ea7325', endColorstr='#fcc005', GradientType=1);
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -ms-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    content: "";
}

.event-block:hover .image-box:after {
    opacity: .85;
}

.event-block .image-box .date {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    padding: 40px 15px 0;
    text-transform: uppercase;
}

.event-block .image-box .date span {
    font-size: 25px;
    line-height: 1em;
    display: block;
    color: #ffffff;
    padding-bottom: 13px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ffffff;
}

.event-block .content-box {
    position: relative;
    padding-top: 10px;
}

.event-block .content-box h4 {
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 5px;
}

.event-block .content-box h4 a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-block .content-box h4 a:hover {
    color: #fbbb07;
}

.event-block .content-box .info {
    position: relative;
    margin-bottom: 10px;
}

.event-block .content-box .info li {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
    margin-right: 10px;
}

.event-block .content-box .info li a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-block .content-box .info li a i {
    color: #fbbb07;
    margin-right: 7px;
}

.event-block .content-box .info li a:hover {
    color: #fbbb07;
}

.event-block .content-box p {
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    font-weight: 400;
}

.event-section .event-list {
    padding-bottom: 50px;
}

.event-section .styled-pagination {
    margin-bottom: 70px;
}


/*** 

====================================================================
					Event Grid View Section
====================================================================

***/

.event-grid {
    position: relative;
    padding-right: 5px;
}

.event-block-two {
    position: relative;
    margin-bottom: 45px;
    z-index: 99;
}

.event-block-two .inner-box {
    position: relative;
}

.event-block-two .image-box {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.event-block-two .image-box img {
    display: block;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

.event-block-two .inner-box:hover .image-box img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.event-block-two .image-box .date {
    position: absolute;
    z-index: 99;
    left: 25px;
    top: 35px;
    font-size: 15px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    padding-top: 10px;
    text-transform: uppercase;
}

.event-block-two .image-box .date span {
    position: relative;
    display: inline-block;
    font-size: 25px;
    line-height: 1em;
    color: #ffffff;
}

.event-block-two .image-box .date:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 50px;
    background: #ffffff;
    content: "";
}

.event-block-two .content-box {
    position: relative;
    padding-top: 20px;
}

.event-block-two .content-box h4 {
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 10px;
}

.event-block-two .content-box h4 a {
    color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-block-two .content-box h4 a:hover {
    color: #fbbb07;
}

.event-block-two .content-box .info {
    position: relative;
    margin-bottom: 15px;
}

.event-block-two .content-box .info li {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
    margin-right: 10px;
}

.event-block-two .content-box .info li a {
    color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-block-two .content-box .info li a i {
    color: #fbbb07;
    margin-right: 7px;
}

.event-block-two .content-box .info li a:hover {
    color: #fbbb07;
}

.event-block-two .content-box p {
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
}

.event-block-two .content-box .detail {
    position: relative;
    margin-bottom: 40px;
}

.event-block-two .content-box .detail li {
    position: relative;
    float: left;
    width: 50%;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 18px;
}

.event-block-two .content-box .detail li span {
    position: relative;
    display: inline-block;
    color: #333333;
    margin-right: 5px;
}

.event-block-two .content-box .detail li:last-child {
    margin-bottom: 0;
}

.event-grid .styled-pagination {
    margin-top: 30px;
}


/*** 

====================================================================
					Event Single Post
====================================================================

***/

.event-single {
    position: relative;
}

.event-single .event-block-two .image-box {
    padding-right: 35px;
}

.event-single .event-block-two .inner-box .image-box img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.event-single .event-block-two .content-box {
    padding-top: 35px;
}

.event-single .event-block-two .content-box .info {
    margin-bottom: 25px;
    display: block;
}

.event-single .event-block-two .content-box p {
    margin-bottom: 25px;
}

.related-events {
    position: relative;
    margin-bottom: 50px;
}

.related-events h3 {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 40px;
}

.related-events .event-block-two .inner-box .image-box img {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.related-events .event-block-two .inner-box:hover .image-box img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*** 

====================================================================
					Pricing Section
====================================================================

***/

.pricing-section {
    position: relative;
    padding: 150px 0 110px;
}

.pricing-section .sec-title {
    margin-bottom: 50px;
}

.pricing-section .row {
    margin-left: -20px;
    margin-right: -20px;
}

.pricing-table {
    position: relative;
    padding: 0 20px;
    margin-bottom: 40px;
}

.pricing-table .inner-box {
    position: relative;
    padding: 65px 15px 70px;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.pricing-table .inner-box:hover {
    background-color: #1e1f27;
}

.pricing-table .title {
    position: relative;
    font-size: 25px;
    color: #888888;
    line-height: 35px;
    font-weight: 300;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.pricing-table .inner-box:hover .title {
    color: #ffffff;
}

.pricing-table .price {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
}

.pricing-table .price h2 {
    font-size: 42px;
    line-height: 65px;
    color: #222222;
    display: block;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.pricing-table .inner-box:hover .price h2 {
    color: #ffffff;
}

.pricing-table .table-content {
    position: relative;
    padding: 50px 0 30px;
}

.pricing-table .table-content ul li {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #888888;
    font-weight: 400;
}

.pricing-table .table-content ul li span {
    color: #fcc005;
}


/*** 

====================================================================
				Subscribe Section
====================================================================

***/

.subscribe-section {
    position: relative;
    margin-top: -90px;
    margin-bottom: -90px;
    z-index: 99;
}

.subscribe-section .inner-container {
    background: #ea7325;
    background: -moz-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: -webkit-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: linear-gradient( #fcc005 0%, #ea7325 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcc005', endColorstr='#ea7325', GradientType=1);
    padding: 60px 50px 60px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.subscribe-section .title-column .title {
    padding: 10px 0;
}

.subscribe-section .title-column h2 {
    position: relative;
    font-size: 23px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 600;
    word-spacing: 3px;
}

.subscribe-section .form-column {
    position: relative;
}

.subscribe-form {
    position: relative;
    width: 100%;
}

.subcribe-form form:after {
    display: table;
    clear: both;
    content: "";
}

.subscribe-form .form-group {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    float: right;
    max-width: 490px;
    z-index: 1;
}

.subscribe-form .form-group input,
.subscribe-form .form-group select,
.subscribe-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    height: 60px;
    color: #ffffff;
    font-weight: 400;
    padding: 10px 20px;
    padding-right: 180px;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, .16);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.subscribe-form .form-group input:focus,
.subscribe-form .form-group select:focus,
.subscribe-form .form-group textarea:focus {
    border: 1px solid #f1f1f1;
}

.subscribe-form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 180px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.subscribe-form button:hover {
    background-color: #ffffff;
    color: #333333;
    opacity: 1;
}


/*** 

====================================================================
				Main Footer
====================================================================

***/

.main-footer {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main-footer:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #161719;
    opacity: .9;
    content: "";
}

.main-footer:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern.png);
    background-repeat: repeat;
    content: "";
}

.main-footer .footer-upper {
    position: relative;
    z-index: 9;
    padding: 185px 0 60px;
}

.main-footer .footer-upper .outer-box {
    position: relative;
    padding-left: 240px;
}

.main-footer .footer-logo {
    position: absolute;
    top: 65px;
    left: 0;
}

.main-footer .footer-column {
    position: relative;
    margin-bottom: 30px;
}

.main-footer .footer-column h3 {
    position: relative;
    font-size: 17px;
    color: #ffffff;
    line-height: 1.2em;
    font-weight: 600;
    margin-bottom: 25px;
}

.main-footer .footer-links {
    position: relative;
}

.main-footer .footer-links li {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #888888;
    font-weight: 400;
}

.main-footer .footer-links li a {
    color: #888888;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main-footer .footer-links li a:hover {
    color: #ffffff;
}

.main-footer .contact-links li:first-child {
    margin-bottom: 30px;
}

.main-footer .text {
    position: relative;
}

.main-footer .text p {
    font-size: 14px;
    line-height: 24px;
    color: #888888;
}

.footer-bottom {
    position: relative;
    display: block;
    background: #141414;
    width: 100%;
    z-index: 99;
    padding: 20px 0;
}

.footer-bottom .copyright {
    position: relative;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
}

.footer-bottom .copyright a {
    color: #ffffff;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer-bottom .copyright a:hover {
    text-decoration: underline;
    color: #f6a710;
}


/*** 

====================================================================
			Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
    position: relative;
    padding: 150px 0 140px;
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side {
    position: relative;
    margin-bottom: 50px;
}

.sidebar-widget {
    position: relative;
    margin-bottom: 50px;
}

.sidebar-side .sidebar-widget:last-child {
    margin-bottom: 0;
}

.sidebar-page-container .sidebar-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.sidebar-page-container .sidebar-title:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 45px;
    background-color: #f6a710;
    content: "";
}

.sidebar-page-container .sidebar-title h3 {
    position: relative;
    font-size: 20px;
    color: #141414;
    line-height: 30px;
    font-weight: 500;
}


/*Search Box Widget*/

.sidebar .search-box {
    position: relative;
}

.sidebar .search-box .form-group {
    position: relative;
    margin: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 12px;
    color: #ffffff;
    line-height: 25px;
    padding: 20px 22px;
    padding-right: 135px;
    height: 57px;
    width: 100%;
    border: 1px solid #333333;
    background-color: #1b1b1b;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group input:focus {
    border-color: #eb7524;
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 135px;
    height: 57px;
    line-height: 57px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    padding: 0;
    font-weight: 600;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}


/*Quote Widget*/

.qutoe-widget {
    position: relative;
}

.qutoe-widget blockquote {
    position: relative;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 300;
    padding: 50px 35px;
    border: 0;
    margin: 0;
    background: #ea7325;
    background: -moz-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: -webkit-linear-gradient( #fcc005 1%, #ea7325 100%);
    background: linear-gradient( #fcc005 1%, #ea7325 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcc005', endColorstr='#ea7325', GradientType=1);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.qutoe-widget blockquote .icon {
    position: relative;
    display: block;
    font-size: 38px;
    line-height: 1em;
    margin-bottom: 25px;
}

.qutoe-widget blockquote cite {
    position: relative;
    font-size: 20px;
    color: #ffffff;
    display: block;
    font-weight: 700;
    margin-top: 25px;
    font-style: normal;
}

.qutoe-widget.style-two blockquote {
    font-size: 14px;
    line-height: 25px;
    background: none;
    background-color: #1b1c24;
}

.qutoe-widget.style-two blockquote .icon {
    margin-bottom: 10px;
}

.qutoe-widget.style-two blockquote cite {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
}


/*=== Categories ===*/

.category-list {
    position: relative;
}

.category-list li {
    position: relative;
}

.category-list li a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-weight: 400;
    padding: 15px 0 14px;
    border-bottom: 1px solid #ededed;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.category-list li a:hover {
    color: #f6a710;
}

.category-list li:first-child a {
    padding-top: 0;
}


/*=== Latest News ===*/

.post-widget {
    position: relative;
}

.post-widget .post {
    position: relative;
    padding-left: 125px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
    min-height: 130px;
    border-bottom: 1px solid #e3e3e3;
}

.post-widget .post:last-child {
    margin-bottom: 0px;
    border-bottom: 0;
    padding-bottom: 0;
}

.post-widget .post .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    width: 105px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.post-widget .post .thumb img {
    display: block;
    width: 100%;
}

.post-widget .post h3 {
    position: relative;
    font-size: 18px;
    line-height: 25px;
    color: #141414;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
}

.post-widget .post h3 a {
    color: #141414;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-widget .post:hover h3 a {
    color: #f6a710;
}

.post-widget .post .date {
    position: relative;
    font-size: 13px;
    line-height: 1.2em;
    color: #888888;
    font-weight: 300;
}


/*=== Tweets Widget ===*/

.tweets-widget {
    position: relative;
}

.tweets-widget .tweet-post {
    position: relative;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e7e7e7;
}

.tweets-widget .tweet-post .icon {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    font-size: 20px;
    line-height: 25px;
    color: #f8ae0c;
}

.tweets-widget .tweet-post p {
    position: relative;
    display: inline;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 18px;
}

.tweets-widget .tweet-post p a {
    color: #1b1c24;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tweets-widget .tweet-post p a:hover {
    color: #f8ae0c;
}

.tweets-widget .tweet-post .date {
    position: relative;
    font-size: 12px;
    color: #f8ae0c;
    display: block;
}


/*=== Tags ===*/

.tags-widget {
    position: relative;
}

.tag-list {
    position: relative;
    display: block;
}

.tag-list li {
    position: relative;
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
}

.tag-list li a {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #888888;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    padding: 14px 35px;
    min-width: 85px;
    border: 1px solid #ededed;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover {
    color: #ffffff;
    background-color: #f6a710;
    border-color: #f6a710;
}


/*=== Meta tags ===*/

.meta-list {
    position: relative;
}

.meta-list li {
    position: relative;
}

.meta-list li a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    font-weight: 400;
    padding: 15px 0 14px;
    border-bottom: 1px solid #e7e7e7;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.meta-list li a span {
    color: #f8ae0c;
    text-decoration: underline;
}

.meta-list li a:hover {
    color: #f8ae0c;
}

.meta-list li:last-child a {
    border-bottom: 0;
}


/*** 

====================================================================
		Sidebar Page Container (Dark Layout)
====================================================================

***/

.dark-layout {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dark-layout:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .90);
    content: "";
}

.dark-layout:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern.png);
    background-repeat: repeat;
    content: "";
}

.dark-layout .post-widget .post h3,
.dark-layout .post-widget .post h3 a,
.dark-layout .sidebar-page-container .sidebar-title h3 {
    color: #ffffff;
}

.dark-layout .post-widget .post {
    border-color: #333333;
}

.dark-layout .qutoe-widget blockquote {
    font-size: 14px;
    line-height: 25px;
}

.dark-layout .qutoe-widget blockquote .icon {
    margin-bottom: 10px;
}

.dark-layout .qutoe-widget blockquote cite {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
}

.dark-layout .tag-list li a {
    background-color: transparent;
    border-color: #888888;
}

.dark-layout .tag-list li a:hover {
    background-color: #f6a710;
    border-color: #f6a710;
}

.dark-layout .category-list li a {
    color: #fefefe;
    border-bottom: 1px solid #333333;
}

.dark-layout .styled-pagination li a {
    color: #ffffff;
    border-color: #828283;
}

.dark-layout .styled-pagination li a:hover,
.dark-layout .styled-pagination li a.active {
    background-color: #ffffff;
    color: #333333;
}

.dark-layout .event-block-two .content-box h4 a,
.dark-layout .event-block-two .content-box h4,
.dark-layout .event-block-two .content-box .info li a,
.dark-layout .event-block-two .content-box .detail li span {
    color: #ffffff;
}

.dark-layout .related-events h3 {
    color: #fefefe;
}

.dark-layout .category-list li a:hover,
.dark-layout .event-block-two .content-box .info li a:hover,
.dark-layout .event-block-two .content-box h4 a:hover,
.dark-layout .post-widget .post h3 a:hover {
    color: #f6a710;
}


/*** 

====================================================================
				Comment Area
====================================================================

 ***/

.sidebar-page-container .group-title {
    position: relative;
    margin-bottom: 30px;
}

.sidebar-page-container .group-title h2 {
    position: relative;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #333333;
}

.comments-area {
    position: relative;
    padding-right: 50px;
    margin-bottom: 75px;
}

.comments-area .comment-box {
    position: relative;
    margin-bottom: 60px;
}

.comments-area .comment-box:last-child {
    margin-bottom: 0;
}

.comments-area .comment {
    position: relative;
    padding-left: 125px;
    min-height: 100px;
}

.comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.comments-area .comment-box .author-thumb img {
    width: 100%;
    display: block;
}

.comments-area .comment-info {
    position: relative;
    margin-bottom: 5px;
}

.comments-area .comment-box .date {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #888888;
}

.comments-area .comment-box .name {
    position: relative;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #111111;
    line-height: 24px;
    text-transform: capitalize;
}

.comments-area .comment-box .text {
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
}

.comments-area .comment-box .reply-btn {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    right: 0px;
    top: 25px;
    letter-spacing: .50px;
    text-decoration: underline;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover {
    color: #f8ae0c;
}


/*** 

====================================================================
				Comment Form
====================================================================

 ***/

.sidebar-page-container .comment-form {
    position: relative;
}

.comment-form .form-group {
    position: relative;
    margin-bottom: 18px;
}

.comment-form .form-group:last-child {
    margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group input[type="url"],
.comment-form .form-group textarea,
.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #888888;
    line-height: 23px;
    padding: 15px 20px;
    border: 1px solid #f0f0f0;
    background-color: #fcfcfc;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
    border-color: #f8ae0c;
}

.comment-form .form-group textarea {
    height: 125px;
    resize: none;
}


/*** 

====================================================================
				Contact Page Section
====================================================================

 ***/

.contact-page-section {
    position: relative;
    display: block;
    background-color: #f9f9f9;
}

.contact-page-section .inner-container {
    position: relative;
    display: block;
}

.contact-page-section .form-column {
    position: relative;
    float: left;
    width: 50%;
}

.contact-page-section .form-column .inner-column {
    position: relative;
    max-width: 980px;
    padding: 150px 80px;
    float: right;
    text-align: center;
}

.contact-page-section .form-column h2 {
    position: relative;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 700;
    color: #1b1c24;
    margin-bottom: 20px;
}

.contact-page-section .form-column h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    font-weight: 600;
}

.contact-page-section .form-column p {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 35px;
}

.contact-page-section .form-column .info-box {
    position: relative;
    padding: 0;
    margin-bottom: 50px;
}

.contact-page-section .form-column .info-box .icon {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1em;
    color: #f8ac0d;
    margin-bottom: 15px;
}

.contact-page-section .form-column .info-box h4 {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    color: #333333;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.contact-page-section .form-column .info-box p {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #89898a;
    font-weight: 400;
    margin-bottom: 0;
}

.contact-page-section .form-column .info-box p a {
    color: #89898a;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-page-section .form-column .info-box p:hover a {
    color: #f8ac0d;
}

.contact-page-section .form-column .devider {
    position: relative;
    display: block;
    height: 20px;
    margin-bottom: 50px;
}

.contact-page-section .form-column .devider:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #d5d5d5;
    content: "";
}

.contact-page-section .form-column .devider span {
    position: relative;
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    background-color: #ffffff;
    font-size: 16px;
    color: #888888;
    font-weight: 600;
}

.contact-page-section .contact-form h4 {
    margin-bottom: 55px;
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 18px;
}

.contact-form .form-group:last-child {
    margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    padding: 13px 20px;
    border: 1px solid #efefef;
    background-color: #fcfcfc;
    font-weight: 400;
    height: 52px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
    border-color: #f8ae0c;
}

.contact-form .form-group textarea {
    height: 125px;
    resize: none;
}

.contact-form .form-group button {
    min-width: 180px;
}

.contact-form .form-group label.error {
    display: block;
    font-weight: 400;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    text-transform: capitalize;
    color: #ff0000;
    padding-top: 5px;
}

.contact-page-section .map-column {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
}

.contact-page-section .map-column .map-canvas {
    position: absolute;
    z-index: 9;
    height: 100%;
    width: 100%;
}

.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
}

.map-data a {
    display: block;
}

.map-data h6 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    color: #121212;
}


/*** 

====================================================================
				Error Page Section
====================================================================

 ***/

.error-page-section {
    position: relative;
    padding: 240px 0 240px;
    text-align: center;
    background-color: #f9f9f9;
}

.error-page-section h1 {
    position: relative;
    display: inline-block;
    font-size: 200px;
    line-height: 1em;
    font-weight: 900;
    color: #333333;
    background-position: 100% 66%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.error-page-section h2 {
    position: relative;
    font-size: 25px;
    color: #333333;
    line-height: 1.2em;
    margin-bottom: 15px;
    font-weight: 700;
}

.error-page-section p {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    margin-bottom: 25px;
}

.error-page-section a {
    min-width: 180px;
}