<style>
@import 'https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield|Roboto:100,300,400,500,700';
</style>
/* Table of Content
[Master Stylesheet]
Project: Loard Church
Version: 1.0
Author: CrunchPress
Primary use: Loard Church
[Color codes]
Background: #ffffff (white)
Content: #605f64 (grey)
Header h1: #000000 (black)
Header h2: #000000 (black)
Footer: #ffffff (white)
[Typography]
Body: font:16px/26px 'Roboto', sans-serif;
Headers: font:14px/14px 'Roboto', sans-serif;
Input, textarea: font:14px/14px 'Roboto', sans-serif;
Sidebar heading: font:20px/20px 'Roboto', sans-serif;
/** Table of Content
- GENERIC CSS LINE 000 - 000
- WRAPPER LENE 000 - 000
- HEADER LINE 000 - 000
- BANNER LINE 000 - 000
- HOME ABOUT SECTION LINE 000 - 000
- RECENT SERMONS SECTION LINE 000 - 000
- OUR EVENTS SECTION LINE 000 - 000
- OUR PASTORE SECTION LINE 000 - 000
- DONATE SECTION LINE 000 - 000
- SERMONS SECTION LINE 000 - 000
- GALLERY STYLE 1 LINE 000 - 000
- HOME BLOG SECTION LINE 000 - 000
- FOOTER LINE 000 - 000
- BROADCAST ROW LIEN 000 - 000
- FOOTER SECTION 1 LINE 000 - 000
- FOOTER SECTION 2 LINE 000 - 000
- INNER BANNER LINE 000 - 000
- GALLERY 1 COLUMN LINE 000 - 000
- PAGINATION LINE 000 - 000
- HEADER STYLE 2 LINE 000 - 000
- BANNER STYLE 2 LINE 000 - 000
- DISCOUNT SECTION LINE 000 - 000
- CHARITY STORE LINE 000 - 000
- RECENT PROJECT LINE 000 - 000
- VOLUNTEER SECTION LINE 000 - 000
- HEADER STYLE 3 LINE 000 - 000
- SERVICES SECTION LINE 000 - 000
- EVENT STYLE 2 LINE 000 - 000
- UPCOMING STYLE 2 LINE 000 - 000
- HEADER STYLE 4 LINE 000 - 000
- HOME ABOUT STYLE 2 LINE 000 - 000
- UPCOMIN EVENTS SECTION LINE 000 - 000
- HOME STYLE 5 LINE 000 - 000
- BROADCAST SECTION LINE 000 - 000
- DEVOTIONAL SECTION LINE 000 - 000
- TESTIMONIALS SECTION LINE 000 - 000
- SIGNUP FORM SECTION LINE 000 - 000
- YOUR DAYS SECTION LINE 000 - 000
- BLOG MASONRY SECTION LINE 000 - 000
- ERROR PAGE LINE 000 - 000
- COMINGSOON PAGE LINE 000 - 000
- CONTACT PAGE LINE 000 - 000
- PASTORE DETAIL LINE 000 - 000
- ABOUT PAGE LINE 000 - 000
- BLOG SECTION LINE 000 - 000
- SIDEBAR LINE 000 - 000
- SERMONS LIST LINE 000 - 000
- SERMONS GRID LINE 000 - 000
- SERMONS DETAIL LINE 000 - 000
- MINISTRY SECTION LINE 000 - 000
- EVENT GRID LINE 000 - 000
- EVENT CALENDAR LINE 000 - 000
- EVENT DETAIL LINE 000 - 000
- EVENT TIMELINE LINE 000 - 000
- PRODUCT PAGE LINE 000 - 000
- EMPTY CART LINE 000 - 000
- CART SECTION LINE 000 - 000
- PRODUCT DETAIL LINE 000 - 000
- Pop Up Holder LINE 000 - 000
- CAUSES HEADER LINE 000 - 000
- URGENT CAUSES SECTION LINE 000 - 000
- HELP SECTION LINE 000 - 000
- RECENT CAUSES SECTION LINE 000 - 000
- CLIENT SECTION LINE 000 - 000
End of Table of Conten*/
body {
padding: 0;
margin: 0;
background: #f1f1f1;
}
#wrapper {
float: left;
width: 100%;
position: relative;
}
a.btn-style-1 {
float: left;
border: 1px solid;
border-top: 0;
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
text-align: center;
padding: 20px 25px;
text-transform: uppercase;
position: relative;
z-index: 11;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
}
.home-about .btn-style-1:hover, .upcoming-col .btn-row a.btn-style-1:hover, .donate-section .btn-row a.btn-style-1:hover, .store-box .btn-row a.btn-style-1:hover, .home-blog .btn-row a.btn-style-1:hover, #banner-style-2 .caption .holder a.btn-style-1:hover, .volunteer-section .holder a.btn-style-1:hover, .event-style-2-box a.btn-style-1:hover, .upcoming-event .event-box a.btn-style-1:hover, .broadcast-left-box .text-box a.btn-style-1:hover, .your-days .tab-content .text-box a.btn-style-1:hover, .filter-row a.btn-style-1:hover, .blog-section .post-box .text-box a.btn-style-1:hover, .empty-cart .btn-row a.btn-style-1:hover, .error-page .btn-row a.btn-style-1:hover, .event-grid-box .text-box .btn-row a.btn-style-1:hover, .event-detail-section-1 .text-box a.btn-style-1:hover, .top-event-section.home-style-2.our-events .btn-row a.btn-style-1:hover, .recent-causes .btn-row a.btn-style-1:hover, .product-info .text-box a.btn-style-1:hover, .gallery-section .btn-row a.btn-style-1:hover {
color: #fff;
}
.event-style-2-box a.btn-style-1:hover:before {
height: 100%;
}
a.btn-style-1:hover {
color: #fff;
}
a.btn-style-1:hover:before {
width: 100%;
opacity: 1;
height: 100%;
}
a.btn-style-1:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
transition: all 0.5s linear;
background-color: #fff;
z-index: -1;
}
.btn-row {
display: block;
width: 100%;
text-align: center;
}
.btn-row a.btn-style-1 {
display: inline-block;
float: none;
}
a.btn-style-1:hover {
color: #fff;
text-decoration: none;
}
.heading-left {
float: left;
width: 100%;
margin: 0 0 40px 0;
}
.theme-style-1 h2 {
font: 300 36px/36px 'Roboto', sans-serif;
color: #000;
text-transform: uppercase;
margin: 0 0 15px 0;
position: relative;
}
.heading-left h2:before {
content: '';
position: absolute;
left: 0;
bottom: -26px;
width: 100px;
height: 2px;
}
.heading-left span {
font: 300 14px/14px 'Roboto', sans-serif;
text-transform: uppercase;
margin: 0 0 0 128px;
position: relative;
}
.heading-left span:before {
content: '';
position: absolute;
left: -20px;
bottom: 0;
top: 0;
margin: auto;
height: 2px;
width: 10px;
}
.heading-left span:after {
content: '';
position: absolute;
left: -26px;
bottom: 0;
top: 0;
margin: auto;
height: 2px;
width: 4px;
}
.theme-style-1 p {
font: 400 16px/24px 'Roboto', sans-serif;
color: #6b6b6b;
margin: 0 0 20px 0;
}
.heading-center {
display: table;
margin: 0 auto 50px;
text-align: center;
position: relative;
}
.heading-center span b em:before {
content: '';
position: absolute;
left: -122px;
bottom: 8px;
width: 100px;
height: 2px;
}
.heading-center span b em:after {
content: '';
position: absolute;
right: -122px;
bottom: 8px;
width: 100px;
height: 2px;
}
.heading-center .heading-line {
position: relative;
}
.pastore-gallery.padd-btm-none {
padding-bottom: 0;
}
.heading-center span b:after {
content: '';
position: absolute;
left: -8px;
bottom: 8px;
height: 2px;
width: 4px;
}
.heading-center span b:before {
content: '';
position: absolute;
right: -8px;
bottom: 8px;
height: 2px;
width: 4px;
}
.heading-center span b {
font-weight: 300;
}
.heading-center span b em {
font-style: normal;
}
.heading-center span {
font: 300 14px/14px 'Roboto', sans-serif;
margin: 0;
position: relative;
text-align: center;
text-transform: uppercase;
}
.heading-center span:before {
content: '';
position: absolute;
left: -20px;
bottom: 0;
top: 0;
margin: auto;
height: 2px;
width: 10px;
}
.heading-center span:after {
content: '';
position: absolute;
right: -20px;
bottom: 0;
top: 0;
margin: auto;
height: 2px;
width: 10px;
}
.theme-style-1 h3 {
font: 700 20px/24px 'Roboto', sans-serif;
color: #605f64;
margin: 0 0 15px 0;
}
.theme-style-1 h3 a {
color: #605f64;
}
.heading-style-3 {
display: block;
width: 100%;
text-align: center;
}
.heading-style-3 span {
font: 300 14px/14px 'Roboto', sans-serif;
text-transform: uppercase;
display: block;
text-align: center;
padding: 0 0 18px 0;
}
.heading-style-4 {
position: relative;
}
.heading-style-4:before {
content: '';
position: absolute;
left: 0;
bottom: -23px;
width: 100px;
height: 2px;
}
.heading-style-4:after {
content: '';
position: absolute;
left: 102px;
width: 4px;
height: 2px;
bottom: -23px;
}
.heading-style-4 h2 {
position: relative;
}
.heading-style-4 h2:before {
content: '';
position: absolute;
left: 108px;
width: 10px;
height: 2px;
bottom: -23px;
}
/*****************************************************HEADER START*****************************************************/
#header {
float: left;
width: 100%;
padding: 24px 0 0 0;
position: absolute;
z-index: 99;
}
strong.logo {
position: relative;
z-index: 9;
float: left;
}
#header .container-fluid {
padding: 0 40px;
}
.navigation-row {
float: right;
padding: 30px 0 0 0;
}
.navigation-row .navbar-inverse .navbar-collapse, .navigation-row .navbar-inverse .navbar-form {
background: none;
padding: 0;
border-color: transparent;
}
.navigation-row .navbar-inverse {
background: none;
border-color: transparent;
}
.navigation-row .navbar {
border-radius: 0;
}
.navigation-row .navbar {
border: 0;
margin-bottom: 0;
min-height: inherit;
float: right;
position: relative;
z-index: 1;
}
#nav {
padding: 0;
margin: 0 auto;
list-style: none;
}
#nav li {
float: left;
position: relative;
}
#nav li:first-child {
background: none;
}
#nav li a {
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
text-decoration: none;
padding: 10px 22px;
display: block;
position: relative;
z-index: 20;
}
#nav li:hover > a {
}
#nav li ul li a:hover, #nav li ul li:hover > a {
text-decoration: none;
}
#nav li ul {
position: absolute;
left: 0;
top: 100%;
width: 180px;
background: rgba(0,0,0,0.5);
/*border: 1px solid #fff;*/
padding: 0;
display: none;
list-style: none;
z-index: 10;
}
#nav li:hover > ul {
display: block;
}
#nav li ul li > ul {
position: absolute;
left: 100%;
top: 0;
width: 180px;
padding: 0;
}
#nav li ul li {
float: none;
width: auto;
background: none;
border-top: 1px solid #fff;
}
#nav li ul li:first-child {
border: 0;
}
#nav li ul li a {
background: none;
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
text-align: left;
padding: 10px;
display: block;
}
.cp-burger-nav {
position: relative;
z-index: 9;
float: right;
margin: 10px 0 0 70px;
}
#cp_side-menu > a.crose {
position: absolute;
right: 45px;
top: 45px;
width: 40px;
height: 40px;
border: 2px solid #fff;
border-radius: 100%;
text-align: center;
color: #fff;
z-index: 9;
line-height: 36px;
font-size: 20px;
}
#cp_side-menu {
background: url(../images/sidebar-menu-img.png) no-repeat left top;
color: #fff;
height: 100%;
margin-right: -410px;
position: fixed;
right: 0;
top: 0;
width: 394px;
z-index: 999999;
padding: 0;
}
#cp_side-menu-btn a:hover {
text-decoration: none;
}
.top-search {
position: relative;
z-index: 9;
float: right;
padding: 0;
margin: 10px 0 0 60px;
}
.top-search a.search-icon {
float: left;
color: #fff;
font-size: 18px;
outline: none;
}
#cp-slide-search {
width: 0;
position: fixed;
height: 48px;
z-index: 99999;
color: #222;
background-color: #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.15);
}
#cp-slide-search form input[type="text"] {
font: 400 18px/48px 'Source Sans Pro', sans-serif;
color: #222;
width: 90%;
float: left;
height: 48px;
border: none;
padding: 0px;
}
#cp-slide-search form button {
font-size: 24px;
float: right;
color: #fff;
min-width: 80px;
border: none;
height: 48px;
padding: 0 10px;
text-align: center;
}
.cp_side-navigation {
float: left;
width: 100%;
}
.cp_side-navigation .navbar-nav {
list-style: outside none none;
margin: 0 0 40px 0;
overflow: hidden;
padding: 0;
float: none;
display: block;
text-align: center;
}
.cp_side-navigation li {
float: none;
display: inline-block;
width: 100%;
}
.navigation-row .cp_side-navigation li a {
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
text-decoration: none;
display: block;
}
.cp_side-navigation .dropdown-menu {
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
font-size: inherit;
margin: 0;
min-width: 100%;
padding: 0;
position: static;
top: 100%;
z-index: 1000;
}
.cp_side-navigation .dropdown-menu > li > a {
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
display: block;
padding: 10px 40px;
}
.navbar-nav > li > a .caret {
margin-left: 10px;
}
#cp_side-menu a.btn-style-1 {
padding: 20px 40px;
margin-bottom: 50px;
}
#cp_side-menu strong.copy {
display: block;
text-align: center;
font: 400 14px/14px 'Roboto', sans-serif;
color: #fff;
text-transform: uppercase;
padding: 0 0 30px 0;
}
#cp_side-menu strong.copy b {
padding: 0 5px;
}
.currency-language-row {
float: left;
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.currency-language-row .currency-box {
display: inline-block;
margin: 0 4px;
}
.currency-language-row .currency-box button {
background: #fff;
border: 0;
font: 400 14px/14px 'Roboto', sans-serif;
color: #303030;
display: inline-block;
padding: 12px 14px;
}
.currency-language-row .dropdown-menu {
background-color: #fff;
border: 0;
border-radius: 0;
box-shadow: none;
left: 0;
margin: 0;
min-width: 100%;
padding: 0;
top: 100%;
z-index: 1000;
}
.currency-language-row .dropdown-menu > li > a {
padding: 5px 0;
text-align: center;
font: 400 14px/14px 'Roboto', sans-serif;
color: #303030;
}
.currency-language-row .dropdown-menu > li > a:hover, .currency-language-row .dropdown-menu > li > a:focus {
color: #fff;
text-decoration: none;
}
.sidebar-social {
float: left;
width: 100%;
}
.sidebar-social ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
text-align: center;
}
.sidebar-social ul li {
display: inline-block;
padding: 0 10px;
}
.sidebar-social ul li a {
text-decoration: none;
font-size: 16px;
color: #fff;
}
#cp_side-menu #content-1 {
height: 454px;
overflow: hidden;
padding: 0;
margin: 105px 0 0 0;
width: 100%;
}
#cp_side-menu .mCustomScrollbar {
float: left;
width: 100%;
}
/*****************************************************HEADER END*****************************************************/
/**********************************************BANNER START**********************************************/
#banner {
float: left;
width: 100%;
}
#banner img {
width: 100%;
}
#banner .caption {
position: absolute;
left: 0;
right: 0;
top: 350px;
width: 100%;
}
#banner .caption span {
font: 300 24px/24px 'Roboto', sans-serif;
color: #bfbeb6;
display: block;
text-align: center;
text-transform: uppercase;
padding: 0 0 15px 0;
}
#banner .caption h1 {
font: 300 80px/88px 'Roboto', sans-serif;
color: #fff;
display: block;
text-align: center;
text-transform: uppercase;
margin: 0 0 30px 0;
}
#banner .owl-pagination {
display: block;
width: 100%;
text-align: center;
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin: auto;
}
#banner .owl-pagination:before {
content: '';
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 1px;
height: 54px;
bottom: -50px;
}
#banner .owl-page {
width: 5px;
height: 5px;
background: #fff;
border-radius: 100%;
margin: 10px auto;
display: block;
position: relative;
}
#banner .owl-buttons {
display: none;
}
#banner .owl-page.active:before {
content: '';
position: absolute;
left: 10px;
top: 0;
bottom: 0;
margin: auto;
width: 14px;
height: 1px;
}
#banner .owl-page.active:after {
content: '';
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
width: 14px;
height: 1px;
}
/**********************************************BANNER END**********************************************/
#main {
float: left;
width: 100%;
}
/****************************************************HOME ABOUT SECTION START****************************************************/
.about-top-row {
float: left;
width: 100%;
border-top: 1px solid #ebebeb;
}
.about-top-row .container-fluid {
padding: 0;
}
.about-top-row .left-box {
float: left;
width: 100%;
background: #fff;
padding: 20px 0 27px 0;
border-right: 1px solid #ebebeb;
}
.about-top-row .col-md-6 {
padding: 0;
}
.about-top-row .left-box .holder {
float: right;
width: 535px;
padding: 0 42px 0 0;
}
.about-top-row .left-box .text-hold {
overflow: hidden;
padding: 8px 0 0 0;
}
.about-top-row .left-box .holder strong.title {
display: block;
font: 700 18px/18px 'Roboto', sans-serif;
text-transform: uppercase;
}
.about-top-row .left-box .holder p {
font: 400 18px/36px 'Roboto', sans-serif;
color: #8d8d8d;
margin: 0;
}
.about-top-row .left-box .holder span {
font-size: 60px;
float: left;
margin: 0 15px 0 0;
color: #8d8d8d;
}
.about-top-row .right-box {
float: left;
width: 100%;
background: #fff;
padding: 20px 0 30px 0;
border-right: 1px solid #ebebeb;
}
.about-top-row .right-box:hover {
background: #f1f1f1;
}
.about-top-row .right-box:focus {
background: #f1f1f1;
}
.about-top-row .left-box:hover {
background: #f1f1f1;
}
.about-top-row .left-box:focus {
background: #f1f1f1;
}
.about-top-row .right-box .holder {
float: left;
width: 580px;
padding: 0 0 0 42px;
}
.about-top-row .right-box .text-hold {
overflow: hidden;
padding: 5px 0 0 0;
}
.about-top-row .right-box strong.title {
display: block;
font: 700 18px/18px 'Roboto', sans-serif;
text-transform: uppercase;
}
.about-top-row .right-box .holder p {
font: 400 18px/36px 'Roboto', sans-serif;
color: #8d8d8d;
margin: 0;
}
.about-top-row .right-box .holder span {
font-size: 50px;
float: left;
margin: 0 15px 0 0;
color: #8d8d8d;
}
.home-about {
float: left;
width: 100%;
background: #f1f1f1;
padding: 80px 0;
box-shadow: 0 2px 8px 0 rgba(165, 165, 165, 0.1) inset;
-moz-box-shadow: 0 2px 8px 0 rgba(165, 165, 165, 0.1) inset;
-webkit-box-shadow: 0 2px 8px 0 rgba(165, 165, 165, 0.1) inset;
}
.home-about strong.title {
font: 300 24px/30px 'Roboto', sans-serif;
color: #6b6b6b;
display: block;
padding: 0 0 25px 0;
}
.home-about p {
margin: 0 0 30px 0;
}
.home-about .frame-1 {
float: left;
overflow: hidden;
border: 9px solid #f1f1f1;
margin: 0 0 -140px 56px;
position: relative;
background: #000;
z-index: 9;
}
.home-about .frame-2 {
float: right;
overflow: hidden;
background: #000;
}
.home-about .frame-1:hover img, .home-about .frame-2:hover img {
opacity: 0.6;
transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.2) rotate(3deg);
}
/****************************************************HOME ABOUT SECTION END****************************************************/
/******************************************************RECENT SERMONS SECTION START******************************************************/
.recent-sermons {
float: left;
width: 100%;
background: #f9f9f9;
padding: 80px 0;
}
.round-box {
width: 100px;
height: 100px;
border: 3px solid #a6a4ad;
display: block;
border-radius: 100%;
margin: 0 auto 15px;
text-align: center;
line-height: 110px;
font-size: 50px;
}
.recent-sermons .col-md-4:hover .round-box {
font-size: 60px;
background: rgba(0,0,0,0.1);
}
.recent-sermons .text-box {
float: left;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.recent-sermons .text-box h3 {
font: 400 28px 'Roboto', sans-serif;
color: #605f64;
margin: 0 0 15px 0;
display: block;
text-align: center;
}
.recent-sermons.home-about-style-4 .text-box h3 a {
color: #605f64;
}
.recent-sermons .text-box p {
text-align: center;
}
.recent-sermons .links {
float: left;
width: 100%;
}
.recent-sermons .links ul {
display: block;
text-align: center;
padding: 0;
margin: 0;
list-style: none;
}
.recent-sermons .links ul li {
display: inline-block;
padding: 0 5px;
}
.recent-sermons .links ul li a {
text-decoration: none;
font-size: 24px;
color: #545455;
}
/******************************************************RECENT SERMONS SECTION END******************************************************/
/*************************************************OUR EVENTS SECTION START*************************************************/
.our-events {
float: left;
width: 100%;
background: url(../images/event-bg.png) no-repeat left top/cover;
}
.our-events .container-fluid {
padding: 0;
}
.our-events .col-md-6 {
padding: 0;
}
.our-events .holder {
float: right;
width: 670px;
padding: 100px 50px 75px 0;
}
.our-events a.btn-all {
float: right;
color: #605f64;
font: 400 14px/14px 'Roboto', sans-serif;
text-decoration: none;
text-transform: uppercase;
margin: -110px 0 0 0;
position: relative;
}
.our-events .event-col {
float: left;
width: 100%;
background: #f7f7f7;
margin: 0 0 25px 0;
}
.our-events .event-col:hover .thumb img {
transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.2) rotate(3deg);
}
.our-events .event-col:hover .text-box .links li a span {
color: #fff;
}
.our-events .event-col .thumb {
float: left;
margin: 0 15px 0 0;
position: relative;
overflow: hidden;
}
.our-events .event-col .thumb strong.date {
padding: 4px 0;
width: 90px;
background: #000;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin: auto;
font: 500 30px/30px 'Roboto', sans-serif;
color: #fff;
text-align: center;
}
.our-events .event-col .thumb strong.date span {
font-size: 14px;
}
.our-events .event-col .text-box {
overflow: hidden;
padding: 30px 0 0 0;
}
.our-events .event-col .text-box a {
font: 700 20px/20px 'Roboto', sans-serif;
text-decoration: none;
color: #605f64;
display: block;
padding: 0 0 15px 0;
}
.our-events .event-col .text-box span {
font: 300 14px/14px 'Roboto', sans-serif;
display: block;
color: #6b6b6b;
padding: 0 0 18px 0;
}
.our-events .event-col .text-box .links {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
.our-events .event-col .text-box .links li {
float: left;
margin: 0 6px 0 0;
width: 39px;
height: 39px;
background: #fff;
}
.our-events .event-col .text-box .links li a {
text-decoration: none;
}
.our-events .event-col .text-box .links li a span {
color: #ccc;
text-align: center;
font-size: 24px;
display: block;
line-height: 38px;
}
.our-events .event-col .text-box a.btn-register {
font: 700 14px/14px 'Roboto', sans-serif;
float: right;
text-decoration: none;
text-transform: uppercase;
margin: 15px 30px 0 0;
}
.our-events .event-col .text-box a.btn-register .fa {
padding: 0 0 0 10px;
}
.upcoming-col {
float: left;
width: 100%;
position: relative;
padding: 210px 0 132px 0;
}
.upcoming-col:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
}
.upcoming-col .holder {
float: none;
width: 390px;
background: #f7f7f7;
padding: 40px 30px 50px 30px;
position: relative;
margin: 0px auto;
}
.countdown-container {
margin: 35px 0 0 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.clock-item .inner {
height: 0px;
padding-bottom: 100%;
position: relative;
width: 100%;
}
.clock-canvas {
background-color: #d8d8d8;
border-radius: 50%;
height: 0px;
padding-bottom: 100%;
}
.upcoming-col .holder .col-md-3 {
padding: 0 5px;
}
.text {
color: #fff;
font-size: 30px;
font-weight: bold;
margin-top: -57px;
position: absolute;
top: 98%;
text-align: center;
width: 100%;
}
.text .val {
font: 300 20px/20px 'Roboto', sans-serif;
margin: 0 0 5px 0;
}
.text .type-time {
font: 300 10px/10px 'Roboto', sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
.clock-item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.clock-item {
margin: 0px 30px 30px 30px;
}
}
.upcoming-col .text-col {
float: left;
width: 100%;
}
.upcoming-col .text-box strong.title {
display: block;
text-align: center;
color: #605f64;
font: 700 20px/30px 'Roboto', sans-serif;
padding: 0 0 10px 0;
}
.upcoming-col .text-box span {
display: block;
text-align: center;
font: 300 14px/14px 'Roboto', sans-serif;
padding: 0 0 10px 0;
}
.upcoming-col .text-box p {
text-align: center;
padding: 0 20px;
}
.upcoming-col .text-box .links {
display: block;
text-align: center;
padding: 0;
margin: 0 0 20px 0;
list-style: none;
}
.upcoming-col .text-box .links li {
display: inline-block;
margin: 0 6px 0 0;
width: 39px;
height: 39px;
background: #fff;
}
.upcoming-col .text-box .links li a {
text-decoration: none;
}
.upcoming-col .text-box .links li a span {
color: #ccc;
text-align: center;
font-size: 24px;
display: block;
line-height: 38px;
}
.upcoming-col .text-box .links li:hover span {
color: #fff;
}
/*************************************************OUR EVENTS SECTION END*************************************************/
/**********************************************OUR PASTORE SECTION START**********************************************/
.our-pastore {
float: left;
width: 100%;
background: #f1f1f1;
padding: 80px 0;
}
.our-pastore .frame {
float: left;
width: 100%;
overflow: hidden;
position: relative;
}
.our-pastore .frame img {
display: block;
width: 100%;
}
.our-pastore .caption {
position: absolute;
left: -10px;
bottom: -20px;
width: 278px;
background: #fff;
padding: 25px 0 40px 0;
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
}
.our-pastore .caption .holder {
transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
}
.our-pastore .caption a.title {
display: block;
text-align: center;
color: #605f64;
font: 700 20px/20px 'Roboto', sans-serif;
padding: 0 0 10px 0;
}
.our-pastore .caption span {
display: block;
text-align: center;
color: #6b6b6b;
font: 300 14px/14px 'Roboto', sans-serif;
}
.hover-box {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 20px;
width: 90%;
padding: 121px 0;
opacity: 0;
visibility: hidden;
}
.our-pastore .frame:hover .caption {
opacity: 0;
visibility: hidden;
}
.our-pastore .frame:hover .hover-box {
opacity: 0.9;
visibility: visible;
}
.hover-box .holder {
float: left;
width: 100%;
}
.hover-box .holder strong.name {
display: block;
text-align: center;
font: 700 20px/20px 'Roboto', sans-serif;
color: #fff;
padding: 0 0 5px 0;
}
.hover-box .holder strong.name a {
color: #fff;
}
.hover-box .holder span {
display: block;
text-align: center;
color: #fff;
padding: 0 0 20px 0;
font: 300 14px/14px 'Roboto', sans-serif;
}
.hover-box .social {
float: left;
width: 100%;
}
.hover-box .social ul {
display: block;
text-align: center;
padding: 0;
margin: 0;
list-style: none;
}
.hover-box .social ul li {
display: inline-block;
padding: 0 8px;
}
.hover-box .social ul li a {
text-decoration: none;
font-size: 18px;
color: #fff;
}
.pastore-page {
padding: 100px 0 0 0;
}
.pastore-page .frame {
margin-bottom: 70px;
}
.pastore-page .pagination-box {
margin: 30px 0 100px 0;
}
/**********************************************OUR PASTORE SECTION END**********************************************/
/********************************************DONATE SECTION START*********************************************/
.donate-section {
float: left;
width: 100%;
background: #000 url(../images/donate-bg.png) no-repeat left top/cover;
padding: 80px 0;
}
.donate-section h2 {
color: #fff;
text-align: center;
}
.donate-section span {
display: block;
text-align: center;
color: #b0b0b0;
font: 400 18px/30px 'Roboto', sans-serif;
padding: 0 0 50px 0;
}
.donate-section strong.amount {
display: block;
text-align: center;
font: 500 60px/30px 'Roboto', sans-serif;
padding: 0 0 44px 0;
}
.donate-section .progress {
background-color: rgba(255,255,255,0.2);
border-radius: 30px;
box-shadow: none;
height: 20px;
margin: 0 auto 40px;
overflow: hidden;
width: 700px;
padding: 7px 0;
}
.donate-section .progress-bar {
box-shadow: none;
color: #fff;
float: left;
font-size: 12px;
height: 100%;
line-height: 6px;
text-align: center;
transition: width 0.6s ease 0s;
width: 0;
margin: 0 15px;
border-radius: 10px;
}
.donate-section strong.goal {
display: block;
text-align: center;
font: 500 24px/24px 'Roboto', sans-serif;
padding: 0 0 44px 0;
color: #fff;
}
/********************************************DONATE SECTION END*********************************************/
/**********************************************SERMONS SECTION START**********************************************/
.sermons-section {
float: left;
width: 100%;
background: #f1f1f1;
padding: 80px 0;
}
.sermon-box {
overflow: hidden;
position: relative;
float: left;
width: 100%;
background: #fff;
margin: 0 0 12px 0;
}
.sermon-box:hover .holder-hover-1 {
top: 0;
}
.sermon-box .holder-hover-1 {
overflow: hidden;
height: 127px;
position: absolute;
top: -170%;
right: 0;
padding: 20px 22px;
}
.sermon-box .holder-hover-1 .mp3-player-box {
width: 100%;
}
.sermon-box .holder-hover-1 .mp3-player-box .audioplayer {
background: none;
}
.sermon-box .holder-hover-1 .audioplayer-bar {
background: #f1f1f1;
}
.sermon-box .holder-hover-1 strong.title {
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
display: block;
padding: 0 0 7px 0;
}
.sermon-box .holder-hover-1 h3 a {
color: #fff;
}
.sermon-box .round-frame {
float: left;
width: 88px;
height: 88px;
border-radius: 100%;
overflow: hidden;
margin: 20px 30px 19px 30px;
}
.sermon-box .round-frame img {
width: 100%;
border-radius: 100%;
}
#wrapper .sermon-box .text-box {
overflow: hidden;
padding: 36px 0 0 0;
float: none;
width: auto;
}
.sermon-box .text-box a.title {
font: 700 20px/24px 'Roboto', sans-serif;
text-decoration: none;
color: #605f64;
display: block;
padding: 0 0 10px 0;
}
.sermon-box .text-box b {
display: block;
font: 300 14px/14px 'Roboto', sans-serif;
}
.sermon-box a.btn-play {
float: right;
color: #605f64;
font-size: 50px;
margin: 31px 29px 0 0;
}
.sermon-box a.btn-play:hover {
text-decoration: none;
}
.sermon-box .holder {
overflow: hidden;
padding: 0;
height: 127px;
}
.sermons-section a.btn-all {
float: right;
color: #605f64;
text-transform: uppercase;
font: 400 14px/14px 'Roboto', sans-serif;
margin: -55px 0 0 0;
}
.store-box {
float: left;
width: 100%;
background: #fff;
/*padding: 32px 47px 38px 47px;*/
padding: 70px 47px 49px 47px;
margin-top: 20px;
}
.store-box .owl-buttons {
position: absolute;
top: -41px;
right: 0;
}
.store-box-social {
float: right;
}
.store-box-social ul {
padding: 0;
margin: 0;
list-style: none;
}
.store-box-social ul li {
float: left;
width: 40px;
height: 40px;
background: #f1f1f1;
margin: 0 0 0 8px;
}
.store-box-social ul li a {
text-decoration: none;
color: #605f64;
font-size: 23px;
line-height: 40px;
text-align: center;
display: block;
}
.store-box .frame {
display: block;
text-align: center;
width: 100%;
clear: both;
}
.store-box .thumb {
width: 185px;
height: 185px;
display: block;
text-align: center;
border: 8px solid #f1f1f1;
border-radius: 100%;
overflow: hidden;
margin: 0 auto 10px;
clear: both;
}
.store-box .thumb img {
display: block;
width: 100%;
height: auto;
border-radius: 100%;
}
.store-box .left-box {
float: left;
margin: 0 0 13px 0;
}
.store-box .left-box strong.title {
display: block;
font: 700 20px/20px 'Roboto', sans-serif;
color: #333;
padding: 0 0 10px 0;
}
.store-box blockquote {
font: 400 24px/30px 'Roboto', sans-serif;
color: #5a5a5a;
text-align: center;
padding: 0 75px;
margin: 0 0 10px 0;
border: 0;
}
.store-box .left-box span {
font: 400 16px/16px 'Roboto', sans-serif;
text-transform: uppercase;
display: block;
}
.store-box .customer-social {
float: right;
}
.store-box .customer-social ul {
padding: 0;
margin: 0;
list-style: none;
}
.store-box .customer-social ul li {
float: left;
background: #f1f1f1;
width: 32px;
height: 32px;
margin: 0 0 0 10px;
}
.store-box .customer-social ul li a {
text-align: center;
font-size: 16px;
color: #c9d5da;
line-height: 32px;
display: block;
text-decoration: none;
}
.store-box .customer-social ul li a:hover {
color: #222;
}
.store-box .text-box {
float: left;
width: 100%;
}
.store-box .text-box h3 {
text-align: center;
}
.store-box .text-box strong.amount {
display: block;
text-align: center;
font: 500 18px/18px 'Roboto', sans-serif;
padding: 0 0 15px 0;
}
.store-box .text-box p {
text-align: center;
}
.store-banner .owl-next {
font-size: 0;
}
.store-banner .owl-next:before {
content: "\f105";
position: absolute;
right: -48px;
top: -95px;
font-family: FontAwesome;
font-size: 25px;
}
.store-banner .owl-prev {
font-size: 0;
}
.store-banner .owl-prev:before {
content: "\f104";
position: absolute;
left: inherit;
right: -30px;
top: -95px;
font-family: FontAwesome;
font-size: 25px;
}
/**********************************************SERMONS SECTION END**********************************************/
/*************************************************GALLERY STYLE 1 START************************************************/
.gallery-style-1 {
float: left;
width: 100%;
background: #f1f1f1;
}
.gallery-style-1 .frame {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.gallery-style-1 .frame .caption {
position: absolute;
left: -100%;
width: 100%;
top: 0;
height: 100%;
background: rgba(0,0,0,0.7);
}
.gallery-style-1 .frame .caption .holder {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 30%;
left: 0;
width: 100%;
}
.gallery-style-1 .frame .caption .holder a.link {
width: 38px;
height: 38px;
border: 1px solid;
text-align: center;
line-height: 38px;
font-size: 16px;
display: block;
margin: 0 auto 20px;
}
.gallery-style-1 .frame .caption .holder strong.title {
display: block;
text-align: center;
font: 700 18px/18px 'Roboto', sans-serif;
color: #fff;
padding: 0 0 10px 0;
}
.gallery-style-1 .frame .caption .holder span {
display: block;
text-align: center;
font: 300 14px/14px 'Roboto', sans-serif;
}
.gallery-style-1 .frame img {
width: 100%;
height: auto;
}
.gallery-style-1 .container-fluid {
padding: 0;
}
.gallery-style-1 .col-md-2 {
padding: 0;
}
.gallery-style-1 .frame:hover .caption {
left: 0;
border: 15px solid #efeceb;
}
.gallery-full {
padding: 100px 0;
}
/*************************************************GALLERY STYLE 1 END************************************************/
/**************************************************HOME BLOG SECTION START***************************************************/
.home-blog {
float: left;
width: 100%;
background: #f1f1f1;
padding: 80px 0;
}
.home-blog .blog-style-1 {
float: left;
width: 100%;
background: #fff;
padding: 50px 38px;
margin-bottom: 50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.home-blog .blog-style-1:hover {
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
}
.home-blog .blog-style-1 a.title {
display: block;
font: 700 18px/18px 'Roboto', sans-serif;
color: #605f64;
padding: 0 0 15px 0;
}
.home-blog .blog-style-1 span {
display: block;
font: 300 14px/14px 'Roboto', sans-serif;
color: #605f64;
padding: 0 0 15px 0;
}
.home-blog .blog-style-1 .round-frame {
float: left;
width: 38px;
height: 38px;
border-radius: 100%;
overflow: hidden;
margin: 0 15px 0 0;
}
.home-blog .blog-style-1 .round-frame img {
display: block;
width: 100%;
border-radius: 100%;
}
.home-blog .blog-style-1 strong.name {
font: 400 18px/18px 'Roboto', sans-serif;
float: left;
padding: 10px 0 0 0;
}
/**************************************************HOME BLOG SECTION END***************************************************/
/******************************************************FOOTER START******************************************************/
#footer {
float: left;
width: 100%;
background: url(../images/footer-bg.jpg) no-repeat left top/cover;
}
.pastore-footer .footer-section-2 {
background: #f1f1f1;
}
/*****************************************************BROADCAST ROW START*****************************************************/
.broadcast-row {
float: left;
width: 100%;
background: #040404;
}
.broadcast-row a.music {
float: left;
color: #fff;
font-size: 16px;
line-height: 33px;
margin: 0 85px 0 0;
}
.broadcast-row a.btn-download {
float: right;
color: #fff;
font-size: 16px;
line-height: 33px;
margin: 0 0 0 26px;
}
.broadcast-row strong.title {
float: left;
font: 400 14px/33px 'Roboto', sans-serif;
padding: 0 25px 0 0;
}
.broadcast-row strong.title span {
color: #fff;
}
/*MP3 PLAYER START*/
.mp3-player-box {
float: left;
width: 68%;
}
.mp3-player-box .audioplayer {
background: #040404;
border: 0;
border-radius: 0;
box-shadow: none;
color: #fff;
height: 33px;
position: relative;
text-shadow: none;
z-index: 1;
}
.mp3-player-box .audioplayer {
color: #fff !important;
}
.mp3-player-box .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent -moz-use-text-color transparent;
border-image: none;
border-style: solid none solid solid;
border-width: 0.5em medium 0.5em 0.5em;
content: "";
height: 0;
left: 50%;
margin: -0.5em 0 0 -0.25em;
position: absolute;
top: 50%;
width: 0;
color: #fff;
}
.mp3-player-box .audioplayer .audioplayer-time-current {
border-left: 0;
}
.mp3-player-box .audioplayer-time {
top: 0;
height: 78%;
padding: 0;
text-shadow: none;
}
.mp3-player-box .audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div {
border-radius: 15px;
}
.mp3-player-box .audioplayer-bar {
height: 9px;
margin: -4px 0 0 0;
}
.mp3-player-box .audioplayer-bar-loaded {
background-color: #fff;
}
.mp3-player-box .audioplayer-volume-adjust {
background: #444;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
cursor: default;
height: 6.25em;
left: 0;
position: absolute;
right: -1px;
top: -9999px;
}
.mp3-player-box .audioplayer-volume-adjust div div {
}
.mp3-player-box .audioplayer-bar, .audioplayer-volume-adjust > div {
box-shadow: none;
}
.mp3-player-box .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
}
.mp3-player-box .audioplayer-volume-button a:before {
}
.mp3-player-box .audioplayer-volume-button a {
outline: none;
}
.mp3-player-box .audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
border: 0;
}
.mp3-player-box .audioplayer-bar-played {
}
.mp3-player-box .audioplayer-volume {
border-left: 0;
}
.mp3-player-box .audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after {
background-color: #fff;
}
.mp3-player-box .audioplayer-playpause:hover, .mp3-player-box .audioplayer-playpause:focus {
}
.mp3-player-box .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover a {
border-color: transparent -moz-use-text-color transparent #fff;
}
.mp3-player-box .audioplayer-volume:hover, .audioplayer-volume:focus {
}
.mp3-player-box .audioplayer-volume-button:hover a:before {
border-color: transparent #fff transparent -moz-use-text-color;
}
.mp3-player-box .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button:hover a:after {
border-color: #fff;
}
.mp3-player-box .audioplayer-volume-button:hover a {
background-color: #fff;
}
/*MP3 PLAYER END*/
/*****************************************************BROADCAST ROW END*****************************************************/
/**********************************************************FOOTER SECTION 1 START***********************************************************/
.footer-section-1 {
float: left;
width: 100%;
padding: 100px 0;
}
.footer-section-1 form {
float: left;
width: 490px;
}
.footer-section-1 form p {
color: #8b8b8b;
}
.footer-section-1 form input[type="text"] {
float: left;
width: 100%;
border: 0;
height: 55px;
margin-bottom: 30px;
border-bottom: 1px solid #fff;
font: 400 14px 'Roboto', sans-serif;
color: #fff;
background: none;
}
.footer-section-1 form textarea {
float: left;
width: 100%;
border: 0;
height: 130px;
margin-bottom: 50px;
border-bottom: 1px solid #fff;
font: 400 14px 'Roboto', sans-serif;
color: #fff;
background: none;
resize: none;
}
.footer-section-1 form input[type="submit"], .footer-section-1 form button {
float: right;
border: 1px solid;
font: 400 16px/16px 'Roboto', sans-serif;
text-align: center;
padding: 20px 25px;
text-transform: uppercase;
position: relative;
background: none;
}
.footer-section-1 form input[type="submit"]:hover, .footer-section-1 form button:hover {
color: #fff;
background-color: #00266c;
}
.footer-address-box {
float: left;
width: 420px;
}
.footer-address-box address {
float: left;
width: 315px;
}
.footer-address-box address ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer-address-box address ul li {
display: block;
overflow: hidden;
padding: 40px 0 0 60px;
position: relative;
}
.footer-address-box address ul li:first-child {
padding: 0 0 0 60px;
}
.footer-address-box address span {
color: #fff;
font-size: 30px;
position: absolute;
left: 0;
}
.footer-address-box address strong {
float: left;
font: 400 14px/24px 'Roboto', sans-serif;
color: #fff;
padding: 0;
}
.footer-address-box address p {
float: left;
font: 400 14px/24px 'Roboto', sans-serif;
color: #000;
margin: 0;
}
.footer-address-box address a {
float: left;
font: 400 14px/24px 'Roboto', sans-serif;
color: #fff;
padding: 0;
text-decoration: none;
}
.footer-map-box {
float: left;
width: 100%;
border: 1px solid #333;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer-map-box .map_canvas {
height: 223px;
width: 100%;
}
/**********************************************************FOOTER SECTION 1 END***********************************************************/
/*********************************************************FOOTER SECTION 2 START**********************************************************/
.footer-section-2 {
float: left;
width: 100%;
background: rgba(0,0,0,0.86);
padding: 35px 0;
}
strong.footer-logo {
float: left;
}
strong.footer-logo a {
text-decoration: none;
}
.footer-section-2 strong.copyrights {
float: right;
color: #606060;
font: 300 14px/14px 'Roboto', sans-serif;
padding: 25px 0 0 0;
}
.footer-section-2 strong.copyrights a {
color: #606060;
text-decoration: underline;
}
/*********************************************************FOOTER SECTION 2 END**********************************************************/
/******************************************************FOOTER END******************************************************/
/*********************************************************INNER BANNER START*********************************************************/
#inner-banner {
float: left;
width: 100%;
background: url(../images/inner-banner.jpg) no-repeat left top/cover;
padding: 270px 0 100px 0;
}
.inner-banner-heading {
float: left;
width: 100%;
border-top: 1px solid rgba(255,255,255,0.3);
padding: 50px 0 0 0;
}
#inner-banner h1 {
font: 300 36px/36px 'Roboto', sans-serif;
color: #fff;
margin: 0;
text-transform: uppercase;
float: left;
}
#inner-banner .breadcrumb {
background-color: transparent;
border-radius: 0;
list-style: outside none none;
margin-bottom: 0;
padding: 0;
float: right;
}
#inner-banner .breadcrumb li {
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
text-transform: capitalize;
}
#inner-banner .breadcrumb li a {
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
text-transform: capitalize;
text-decoration: none;
}
/*********************************************************INNER BANNER END*********************************************************/
/******************************************************GALLERY 1 COLUMN START******************************************************/
.gallery-row {
float: left;
width: 100%;
padding: 80px 0;
}
.gallery-row .frame {
float: left;
width: 100%;
position: relative;
overflow: hidden;
margin-bottom: 32px;
}
.gallery-row .frame img {
display: block;
width: 100%;
}
.gallery-row .frame .caption {
position: absolute;
left: -200%;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 97%;
height: 92%;
background: rgba(0,0,0,0.7);
}
.gallery-row .frame .caption .holder {
position: absolute;
left: 0;
right: 0;
top: -200%;
bottom: 0;
margin: auto;
height: 30%;
width: 100%;
}
.gallery-row .frame .caption .holder a.link {
width: 38px;
height: 38px;
border: 1px solid;
line-height: 38px;
font-size: 16px;
text-align: center;
display: block;
margin: 0 auto 20px;
}
.gallery-row .frame .caption .holder strong.title {
display: block;
text-align: center;
font: 700 18px/18px 'Roboto', sans-serif;
color: #fff;
padding: 0 0 10px 0;
}
.gallery-row .frame .caption .holder span {
font: 300 14px/14px 'Roboto', sans-serif;
display: block;
text-align: center;
}
.gallery-row .frame:hover .caption {
left: 0;
}
.gallery-row .frame:hover .caption .holder {
top: 0;
}
/******************************************************GALLERY 1 COLUMN END******************************************************/
/********************************************************PAGINATION START********************************************************/
.pagination-box {
float: left;
width: 100%;
text-align: center;
margin: 40px 0 0 0;
}
.pagination-box .pagination {
border-radius: 0;
border: 2px solid #bdc1c3;
display: inline-block;
margin: 0;
padding-left: 0;
text-align: center;
}
.pagination-box .pagination li {
display: inline-block;
margin: 0 5px -5px 5px;
}
.pagination-box .pagination > li > a, .pagination-box .pagination > li > span {
background-color: transparent;
border: 0;
color: #605f64;
float: left;
font: 400 14px/14px 'Roboto', sans-serif;
margin-left: 0;
padding: 13px 10px;
position: relative;
text-decoration: none;
}
.pagination-box .pagination > li > a:hover, .pagination-box .pagination > li > span:hover, .pagination-box .pagination > li > a:focus, .pagination-box .pagination > li > span:focus {
background-color: #c4c9cd;
border-color: transparent;
color: #fff;
z-index: 2;
}
.pagination-box .pagination li.active a {
background-color: #c4c9cd;
color: #fff;
}
/********************************************************PAGINATION END********************************************************/
/********************************************HEADER STYLE 2 START*********************************************/
#header.header-style-2 {
background: #fff;
position: static;
padding: 30px 0;
}
#header.header-style-2 #nav li ul li a {
color: #fff;
}
#header.header-style-2 #nav li a:hover, #header.header-style-2 #nav li a:focus {
color: #fff;
}
/********************************************HEADER STYLE 2 END*********************************************/
/***************************************BANNER STYLE 2 START****************************************/
#banner-style-2 {
float: left;
width: 100%;
position: relative;
}
#banner-style-2 img {
width: 100%;
display: block;
}
#banner-style-2 .caption {
position: absolute;
left: 0;
top: 220px;
width: 100%;
}
#banner-style-2 .caption .holder {
float: left;
width: 480px;
}
#banner-style-2 .caption .holder span {
font: 700 18px/18px 'Roboto', sans-serif;
text-transform: uppercase;
display: block;
padding: 0 0 15px 0;
}
#banner-style-2 .caption .holder h1 {
font: 900 80px/88px 'Roboto', sans-serif;
text-transform: uppercase;
margin: 0 0 30px 0;
;
}
#banner-style-2 .caption .holder a.btn-style-1 {
padding: 20px 40px;
}
#banner-style-2 .owl-next {
position: absolute;
right: 115px;
top: 0;
bottom: 0;
margin: auto;
font-size: 0;
background: url(../images/next-arrow-img.png) no-repeat left top;
width: 21px;
height: 26px;
}
#banner-style-2 .owl-prev {
position: absolute;
right: 115px;
left: inherit;
top: 0;
bottom: -65px;
margin: auto;
font-size: 0;
background: url(../images/prev-arrow-img.png) no-repeat left top;
width: 21px;
height: 26px;
}
/***************************************BANNER STYLE 2 END****************************************/
/*HOME 2 START*/
.home-2-about-top-row .left-box {
border-right: 1px solid rgba(0,0,0,0.1);
}
.home-2-about-top-row .left-box .holder p, .home-2-about-top-row .right-box .holder p {
color: #fff;
}
.home-2-about-top-row .left-box:hover .holder strong.title, .home-2-about-top-row .right-box:hover .holder strong.title {
color: #fff;
}
.home-style-2.home-about {
padding: 40px 0 0 0;
}
.home-style-2.home-about .heading-left {
padding: 80px 0 0 0;
}
.home-style-2.home-about a.btn-style-1 {
padding: 20px 35px;
}
.home-style-2.recent-sermons {
background-image: url(../images/recent-sermons-bg.png);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}
.home-style-2.recent-sermons .text-box h3, .home-style-2.recent-sermons .text-box p {
color: #fff;
}
.recent-sermons.home-style-2 .text-box h3 a {
color: #fff;
}
.sermons-section.recent-sermons .home-style-2.recent-sermons .text-box a.read-more {
font: 700 14px/14px 'Roboto', sans-serif;
display: block;
text-align: center;
text-transform: uppercase;
}
.home-style-2.recent-sermons .text-box a.read-more .fa {
padding: 0 0 0 6px;
font-size: 16px;
}
.home-style-2.our-events {
padding: 80px 0;
background: #f1f1f1;
box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2) inset;
}
.home-style-2.our-events .col-md-6 {
padding: 0 15px;
}
.home-style-2.our-events .event-col {
border: 1px solid #e0e0e0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*********************************DISCOUNT SECTION START*********************************/
.discount-section {
float: left;
width: 100%;
background: #000 url(../images/discount-bg.png) no-repeat left top/cover;
padding: 130px 0;
}
.discount-box {
margin: 0 auto;
display: block;
width: 390px;
height: 107px;
border: 3px solid;
font: 400 72px/100px 'Roboto', sans-serif;
color: #fff;
text-align: center;
margin-bottom: 50px;
}
.countdown-box {
display: block;
margin: 0 auto 50px;
width: 70%;
overflow: hidden;
text-align: center;
}
.countdown-box .countdown-section {
text-align: center;
position: relative;
}
.countdown-box .countdown-section:before {
content: '-';
font: 700 90px/90px 'Roboto', sans-serif;
position: absolute;
left: -20px;
text-align: center;
}
.countdown-box .countdown-section:first-child:before {
content: '';
display: none;
}
.countdown-rtl {
direction: rtl;
}
.countdown-row {
clear: both;
width: 100%;
padding: 0px;
text-align: center;
}
.countdown-show1 .countdown-section {
width: 98%;
}
.countdown-show2 .countdown-section {
width: 48%;
}
.countdown-show3 .countdown-section {
width: 32.5%;
}
.countdown-show4 .countdown-section {
width: 24.5%;
}
.countdown-show5 .countdown-section {
width: 19.5%;
}
.countdown-show6 .countdown-section {
width: 16.25%;
}
.countdown-show7 .countdown-section {
width: 14%;
}
.countdown-section {
display: block;
float: left;
font-size: 75%;
text-align: center;
}
.countdown-descr {
display: block;
width: 100%;
}
.discount-section a.click {
display: block;
text-align: center;
font: 400 30px/30px 'Roboto', sans-serif;
color: #fff;
text-transform: uppercase;
clear: both;
}
/*********************************DISCOUNT SECTION END*********************************/
/*********************************************CHARITY STORE START**********************************************/
.countdown-box .countdown-amount {
font: 700 90px/90px 'Roboto', sans-serif;
padding: 0 0 10px 0;
display: block;
}
.countdown-box .countdown-period {
font: 400 22px/22px 'Roboto', sans-serif;
color: #fff;
text-transform: uppercase;
display: block;
}
.charity-store {
float: left;
width: 100%;
padding: 80px 0;
background: #f1f1f1;
}
.charity-store .charity-box {
float: left;
width: 100%;
text-align: center;
margin: 40px 0 10px 0;
}
.charity-store .charity-box .thumb {
display: block;
width: 100%;
text-align: center;
}
.charity-store .charity-box .text-box {
float: left;
width: 100%;
}
.charity-store .charity-box .text-box h3 a {
color: #605f64;
}
.charity-store .charity-box .text-box strong.amount {
display: block;
text-align: center;
font: 500 18px/18px 'Roboto', sans-serif;
padding: 0 0 20px 0;
}
.charity-store .charity-box .text-box .store-box-social {
float: left;
width: 100%;
}
.charity-store .charity-box .text-box .store-box-social ul {
display: block;
text-align: center;
}
.charity-store .charity-box .text-box .store-box-social ul li {
float: none;
display: inline-block;
background: #fff;
}
.charity-store .owl-next, .charity-store .owl-prev {
font-size: 0;
}
.charity-store .owl-next:before {
content: "ï„…";
font-family: FontAwesome;
font-size: 25px;
position: absolute;
right: 0;
top: -95px;
}
.charity-store .owl-prev:before {
content: "ï„„";
font-family: FontAwesome;
font-size: 25px;
left: inherit;
position: absolute;
right: 19px;
top: -95px;
}
/*********************************************CHARITY STORE END**********************************************/
.home-style-2.donate-section {
background: #000 url(../images/donate-bg-2.png) no-repeat left top/cover;
}
/***************************************RECENT PROJECT START****************************************/
.recent-project {
float: left;
width: 100%;
padding: 80px 0 70px 0;
}
.recent-project h2, .recent-project .heading-left span {
color: #fff;
}
.recent-project .heading-left span:before, .recent-project .heading-left span::after, .recent-project .heading-left h2::before {
background: #fff;
}
.recent-project .box {
float: left;
width: 100%;
position: relative;
margin: 0 0 17px 0;
overflow: hidden;
}
.recent-project .box:hover img {
transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.2) rotate(3deg);
}
.recent-project .box img {
display: block;
width: 100%;
}
.recent-project .box .caption {
position: absolute;
left: 0;
width: 100%;
height: 100%;
top: 0;
}
.recent-project .box .caption a.btn-play {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-size: 80px;
color: #fff;
width: 80px;
height: 90px;
text-decoration: none;
}
.recent-project .box .caption .text-box {
position: absolute;
left: 0;
bottom: 40px;
width: 100%;
}
.recent-project .box .caption .text-box h3 a {
color: #fff;
text-align: center;
display: block;
}
.recent-project .box .caption .text-box h3 {
margin: 0 0 10px 0;
}
.recent-project .box .caption .text-box span {
font: 300 14px/14px 'Roboto', sans-serif;
color: #fff;
display: block;
text-align: center;
}
.recent-project .modal-dialog {
width: 1000px;
}
.recent-project .modal-header {
border: 0;
padding: 0;
}
.recent-project .close {
color: #000;
background: #fff;
width: 30px;
height: 30px;
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
opacity: 1;
text-shadow: none;
position: absolute;
right: -30px;
top: 2px;
}
.recent-project .modal-content {
box-shadow: none;
}
.recent-project .modal-content {
border: 0;
border-radius: 0;
}
.recent-project .modal-body {
padding: 0;
}
/***************************************RECENT PROJECT END****************************************/
/****************************************VOLUNTEER SECTION START****************************************/
.volunteer-section {
float: left;
width: 100%;
background: url(../images/volunteer-bg.jpg) no-repeat left top/cover;
padding: 80px 0;
}
.volunteer-section .holder {
width: 870px;
margin: 0 auto;
display: block;
overflow: hidden;
}
.volunteer-section .holder h2 {
font: 300 48px/48px 'Roboto', sans-serif;
display: block;
text-align: center;
margin: 0 0 30px 0;
}
.volunteer-section .holder strong {
display: block;
text-align: center;
font: 400 24px/30px 'Roboto', sans-serif;
color: #5a5a5a;
text-transform: uppercase;
padding: 0 0 20px 0;
}
.volunteer-section .holder p {
font: 400 18px/30px 'Roboto', sans-serif;
color: #6b6b6b;
text-align: center;
margin: 0 0 30px 0;
}
/****************************************VOLUNTEER SECTION END****************************************/
/*HOME 2 END*/
/***********************************************HEADER STYLE 2 START***********************************************/
#header.header-style-3 {
background: rgba(44,44,44,0.19);
z-index: 99;
padding: 0;
}
#header.header-style-3 #cp_side-menu-btn {
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
}
#header.header-style-3 #cp_side-menu-btn a {
margin: 0 20px 0 0;
}
.header-3-top-box {
float: right;
background: rgba(0,0,0,0.57);
padding: 31px 0;
}
#header.header-style-3 .navigation-row {
padding: 0;
}
#header.header-style-3 .container-fluid {
padding: 0 0 0 40px;
}
#header.header-style-3 strong.logo {
margin: 20px 0;
}
#header.header-style-3 .top-search {
margin: 8px 34px 0 47px;
}
.small-menu {
float: right;
}
.small-menu ul {
padding: 0;
margin: 0;
list-style: none;
}
.small-menu ul li {
float: left;
padding: 0 30px;
}
.small-menu ul li a {
font: 400 16px/93px 'Roboto', sans-serif;
color: #fff;
text-decoration: none;
}
/***********************************************HEADER STYLE 2 END***********************************************/
/*HOME STYLE 3*/
.home-style-3.home-about {
padding: 80px 0 115px 0;
}
.home-style-3.home-about .home-about-left {
float: left;
width: 356px;
position: absolute;
left: 58px;
}
.home-style-3.home-about .home-about-right {
float: right;
width: 356px;
position: absolute;
right: 58px;
top: 0;
}
.home-style-3.home-about .frame-1 {
margin: 0 0 -120px 0px;
}
.home-style-3.home-about .container-fluid {
padding: 0 58px;
position: relative;
}
.home-style-3.home-about .thumb-1 {
border: 9px solid #f1f1f1;
float: right;
margin: 0 0 -120px 0;
position: relative;
overflow: hidden;
background: #000;
z-index: 9;
}
.home-style-3.home-about .thumb-1:hover img, .home-style-3.home-about .thumb-2:hover img {
transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.2) rotate(3deg);
opacity: 0.6;
}
.home-style-3.home-about .thumb-2 {
float: left;
overflow: hidden;
background: #000;
}
.home-style-3.home-about .text-col {
width: 555px;
margin: 0 auto;
display: block;
overflow: hidden;
}
.home-style-3.home-about strong.title, .home-style-3.home-about p {
text-align: center;
}
/***************************************************SERVICES SECTION START***************************************************/
.services-section-style-1 {
float: left;
width: 100%;
background: url(../images/services-bg.jpg) no-repeat left top/cover;
padding: 80px 0;
}
.services-box-style-1 {
float: left;
width: 100%;
background: #fff;
padding: 50px 43px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.services-box-style-1 span {
display: block;
text-align: center;
font-size: 60px;
color: #333;
margin: 0 0 20px 0;
}
.services-box-style-1 h3 {
font: 400 28px/28px 'Roboto', sans-serif;
color: #605f64;
margin: 0 0 20px 0;
text-align: center;
display: block;
}
.services-box-style-1 p {
text-align: center;
margin: 0 0 20px 0;
}
.services-box-style-1 a.readmore {
display: block;
text-align: center;
font: 700 14px/14px 'Roboto', sans-serif;
color: #424242;
text-transform: uppercase;
}
.services-box-style-1 a.readmore .fa {
padding: 0 0 0 8px;
font-size: 16px;
}
.services-box-style-1 .holder {
position: relative;
z-index: 9;
width: 100%;
float: left;
}
.services-box-style-1 .thumb {
position: absolute;
left: 15px;
top: 0;
background: #000;
opacity: 0;
visibility: hidden;
}
.services-box-style-1 .thumb img {
display: block;
width: 100%;
}
.services-box-style-1:hover .thumb {
opacity: 1;
visibility: visible;
}
.services-box-style-1:hover h3, .services-box-style-1:hover p, .services-box-style-1:hover span, .services-box-style-1:hover a.readmore {
color: #fff;
}
/***************************************************SERVICES SECTION END***************************************************/
/************************************************EVENT STYLE 1 START*************************************************/
.event-style-2 {
float: left;
width: 100%;
padding: 80px 0;
background: #fff;
}
.event-style-2 h2 {
float: left;
margin: 0 0 50px 0;
}
.event-style-2 a.btn-view {
float: right;
font: 400 14px/14px 'Roboto', sans-serif;
text-decoration: none;
text-transform: uppercase;
position: relative;
padding: 4px 0 0 0;
}
.event-style-2 a.btn-view:before {
content: '';
position: absolute;
right: 0;
width: 36px;
background: #888;
height: 1px;
bottom: -7px;
}
.event-style-2-box {
float: left;
width: 100%;
background: #f7f7f7;
margin: 0 0 10px 0;
}
.event-style-2-box:hover .social ul li a span {
color: #fff;
}
.event-style-2-box:hover .thumb img {
opacity: 0.6;
transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.2) rotate(3deg);
}
.event-style-2-box .thumb {
float: left;
margin: 0 40px 0 0;
overflow: hidden;
background: #000;
}
.event-style-2-box .text-box {
overflow: hidden;
padding: 25px 0;
}
.event-style-2-box .text-box strong.date {
float: left;
color: #6b6b6b;
font: 300 60px 'Roboto', sans-serif;
padding: 0 35px 0 0;
}
.event-style-2-box .text-box strong.date span {
display: block;
font-size: 24px;
text-align: center;
}
.event-style-2-box .text-box .holder {
float: left;
}
.event-style-2-box .text-box .holder b {
display: block;
color: #6b6b6b;
font: 300 14px/14px 'Roboto', sans-serif;
padding: 0 0 18px 0;
}
.event-style-2-box .social {
float: left;
width: 100%;
}
.event-style-2-box .social ul {
padding: 0;
margin: 0;
list-style: none;
}
.event-style-2-box .social ul li {
float: left;
padding: 0;
margin: 0 6px 0 0;
width: 38px;
height: 38px;
background: #fff;
}
.event-style-2-box .social ul li a:hover {
text-decoration: none;
}
.event-style-2-box .social ul li a span {
text-align: center;
line-height: 38px;
font-size: 25px;
color: #ddd;
display: block;
}
.event-style-2-box a.btn-style-1 {
float: right;
margin: 15px 29px 0 0;
border-width: 2px;
}
.event-style-2-box a.btn-style-1:before {
height: 2px;
}
.event-list.event-style-2 .event-style-2-box {
margin-bottom: 50px;
}
.event-list.event-style-2 .pagination-box {
margin: 50px 0 0 0;
}
/************************************************EVENT STYLE 1 END*************************************************/
/**************************************************UPCOMING STYLE 2 START***************************************************/
.upcoming-style-2 {
float: left;
width: 100%;
background: #000 url(../images/upcoming-bg.png) no-repeat left top/cover;
padding: 80px 0;
}
.upcoming-style-2 h2 {
text-align: center;
color: #fff;
}
.upcoming-style-2 .countdown-container {
width: 60%;
margin: 60px auto 50px;
display: block;
transform: none;
}
.upcoming-style-2 .clock-canvas {
background: rgba(255,255,255,0.1);
}
.upcoming-style-2 .text .val {
font: 300 60px 'Roboto', sans-serif;
color: #fff;
}
.upcoming-style-2 .text .type-time {
font: 300 24px 'Roboto', sans-serif;
color: #fff;
}
.upcoming-style-2 .text {
top: 42%;
}
.upcoming-style-2 span {
font: 300 14px/14px 'Roboto', sans-serif;
color: #fff;
display: block;
text-align: center;
padding: 0 0 40px 0;
}
/**************************************************UPCOMING STYLE 2 END***************************************************/
.home-style-3 .heading-left h2:before {
display: none;
}
.home-style-3.sermons-section a.btn-all {
position: relative;
margin: -80px 0 0 0;
}
.home-style-3.sermons-section a.btn-all:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -6px;
margin: auto;
height: 1px;
width: 36px;
background: #888;
}
.home-style-3 .sermon-box a.btn-play {
font-size: 45px;
}
.home-style-3 .holder-hover {
overflow: hidden;
height: 127px;
position: absolute;
top: -170%;
right: 0;
}
.home-style-3 .holder-hover ul {
display: block;
text-align: center;
padding: 0;
margin: 0;
}
.home-style-3 .holder-hover ul li {
display: inline-block;
padding: 0 20px;
}
.home-style-3 .holder-hover ul li a span {
font-size: 45px;
line-height: 127px;
color: #fff;
display: block;
}
.home-style-3 .holder-hover ul li a {
text-decoration: none;
}
.home-style-3 .sermon-box:hover .holder {
position: absolute;
top: -120%;
}
.home-style-3 .sermon-box:hover .holder-hover {
top: 0;
right: 0;
padding: 0 26px;
}
.home-style-3 .holder-hover ul li a:hover span {
position: relative;
top: -10px;
}
.theme-style-3.donate-section {
background: #000 url(../images/donate-bg-3.png) no-repeat left top/cover;
}
.theme-style-3 .heading-style-3 {
text-align: left;
}
.theme-style-3 .heading-style-3 h2 {
margin: 0 0 50px 0;
float: left;
}
.theme-style-3.home-blog a.btn-all {
float: right;
font: 400 18px/18px 'Roboto', sans-serif;
text-decoration: none;
position: relative;
text-transform: uppercase;
}
.theme-style-3.home-blog a.btn-all:before {
content: '';
position: absolute;
right: 0;
bottom: -7px;
width: 36px;
height: 1px;
background: #888;
}
.theme-style-3.home-blog .row {
clear: both;
}
.theme-style-3 .blog-box-outer {
float: left;
width: 100%;
margin-bottom: 60px;
}
.theme-style-3 .blog-box-outer:hover .frame img {
opacity: 0.6;
transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.2) rotate(3deg);
}
.theme-style-3 .blog-box-outer .frame {
float: left;
width: 100%;
overflow: hidden;
background: #000;
}
.theme-style-3 .blog-box-outer .frame img {
display: block;
width: 100%;
}
.theme-style-3.home-blog .blog-style-1 {
margin: -108px 0 0 18px;
padding: 45px 25px;
width: 90%;
position: relative;
z-index: 9;
}
/*HOME STYLE 3*/
/*HOME STYLE 4*/
#banner.banner-style-4 .holder-caption-4 {
float: right;
width: 680px;
}
#banner.banner-style-4 .holder-caption-4 h1 {
font: 900 80px/100px 'Roboto', sans-serif;
color: #fff;
text-align: left;
}
#banner.banner-style-4 .holder-caption-4 span {
font: 100 140px/0 'Roboto', sans-serif;
color: #fff;
text-indent: 30px;
text-align: left;
padding: 0 0 105px 0;
}
#banner.banner-style-4 .holder-caption-4 a.btn-style-1 {
float: right;
padding: 20px 40px;
margin: 0 230px 0 0;
}
/*****************************************************HEADER STYLE 4 START*****************************************************/
#header.header-style-4 {
background: rgba(0,0,0,0.74);
padding: 30px 0;
z-index: 9;
}
.empty-space {
width: 210px;
}
#header.header-style-4 strong.logo {
position: absolute;
left: 45px;
top: 30px;
right: 0;
margin: auto;
width: 210px;
}
#header.header-style-4 #nav {
float: none;
display: block;
text-align: center;
}
#header.header-style-4 #nav li {
float: none;
display: inline-block;
}
#header.header-style-4 .navigation-row .navbar {
float: left;
}
#header.header-style-4 .navbar-collapse {
padding: 0;
}
#header.header-style-4 #nav li ul li {
display: block;
}
#header.header-style-4 .cp-burger-nav {
margin: 10px 0 0 30px;
}
#header.header-style-4 .top-search {
margin: 10px 0 0 30px;
}
#header.header-style-4 #nav li a {
padding: 10px 19px;
}
/*****************************************************HEADER STYLE 4 END*****************************************************/
/**************************************************HOME ABOUT STYLE 2 START***************************************************/
.home-about-style-2 {
float: left;
width: 100%;
background: #f1f1f1;
padding: 80px 0 100px 0;
}
.home-about-style-2 .left-box {
float: left;
width: 750px;
background: #0c0c0c;
position: relative;
overflow: hidden;
padding: 40px 160px 40px 40px;
height: 450px;
}
.home-about-style-2 .left-box:before {
bottom: -214px;
content: "";
height: 600px;
opacity: 0.18;
position: absolute;
right: -70px;
transform: rotate(35deg);
-moz-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
width: 200px;
}
.home-about-style-2 .left-box h2 {
color: #fff;
margin: 0 0 50px 0;
}
.home-about-style-2 .left-box span {
display: block;
color: #9d9d9d;
font: 300 24px/30px 'Roboto', sans-serif;
padding: 0 0 20px 0;
}
.home-about-style-2 .left-box a.btn-style-1 {
float: left;
padding: 20px 40px;
}
.home-about-style-2 .left-box strong.signature {
float: right;
color: #545454;
font: 400 72px/72px 'Mrs Saint Delafield', cursive;
padding: 0 60px 0 0;
}
.home-about-style-2 .right-box {
float: right;
border: 9px solid #fff;
position: absolute;
right: 0;
top: -9px;
overflow: hidden;
background: #000;
}
.home-about-style-2 .right-box:hover img {
opacity: 0.6;
transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.2) rotate(3deg);
}
.home-about-style-2 .right-box::before {
background: rgba(0, 0, 0, 0.3);
content: "";
height: 800px;
position: absolute;
right: 81px;
top: -72px;
transform: rotate(37deg);
width: 200px;
}
.home-about-style-2 .right-box img {
display: block;
width: 100%;
}
.home-about-style-2 .container {
position: relative;
}
/**************************************************HOME ABOUT STYLE 2 END***************************************************/
.home-about-style-4 {
float: left;
width: 100%;
background: url(../images/about-style-4-img.jpg) no-repeat left top/cover;
padding: 80px 0 60px 0;
}
.home-about-style-4 h2 {
margin: 0 0 80px 0;
}
.home-about-style-4.recent-sermons .text-box {
margin-bottom: 40px;
}
.home-about-style-4.recent-sermons .round-box {
color: #636363;
background: #fff;
}
.theme-style-4.our-pastore h2 {
margin: 0 0 80px 0;
}
/****************************************UPCOMIN EVENTS SECTION START*****************************************/
.upcoming-event {
float: left;
width: 100%;
padding: 80px 0;
background: url(../images/upcoming-event-bg.jpg) no-repeat left top/cover;
}
.upcoming-event .event-box {
float: right;
width: 475px;
}
.upcoming-event h2 {
margin: 0 0 80px 0;
color: #fff;
}
.upcoming-event .countdown-box {
width: 100%;
float: left;
margin: 0 0 30px 0;
}
.upcoming-event .countdown-section {
display: block;
float: left;
font-size: 75%;
text-align: center;
border: 3px solid #a6a4ad;
width: 100px;
height: 100px;
border-radius: 100%;
margin: 0 0 0 25px;
}
.upcoming-event .countdown-section:first-child {
margin: 0;
}
.upcoming-event .countdown-box .countdown-amount {
font: 100 36px/36px 'Roboto', sans-serif;
padding: 20px 0 0 0;
color: #fff;
display: block;
}
.upcoming-event .countdown-box .countdown-period {
font: 100 14px/14px 'Roboto', sans-serif;
color: #fff;
text-transform: uppercase;
display: block;
}
.upcoming-event .countdown-box .countdown-section:before {
display: none;
}
.upcoming-event .event-box span {
display: block;
font: 300 14px/14px 'Roboto', sans-serif;
padding: 0 0 25px 0;
}
.upcoming-event .event-box .social {
float: left;
width: 100%;
margin: 0 0 40px 0;
}
.upcoming-event .event-box .social ul {
padding: 0;
margin: 0;
list-style: none;
}
.upcoming-event .event-box .social ul li {
float: left;
width: 38px;
height: 38px;
border: 1px solid #3c3c3c;
background: #000;
margin: 0 6px 0 0;
}
.upcoming-event .event-box .social ul li:hover a span {
color: #fff;
}
.upcoming-event .event-box .social ul li a {
text-decoration: none;
}
.upcoming-event .event-box .social ul li a span {
text-align: center;
display: block;
line-height: 38px;
color: #565656;
font-size: 25px;
}
/****************************************UPCOMIN EVENTS SECTION END*****************************************/
.theme-style-4.event-style-2 h2 {
display: block;
float: none;
}
.theme-style-4.event-style-2 {
background: #f1f1f1;
}
.theme-style-4.event-style-2 .event-style-2-box {
background: #fff;
}
.theme-style-4.event-style-2 a.btn-view {
margin: -70px 0 0 0;
color: #909090;
}
/*HOME STYLE 4*/
/*****************************************************HOME STYLE 5 START*****************************************************/
#wrapper.index-5 {
float: none;
width: 1454px;
margin: 0 auto;
display: block;
overflow: hidden;
}
#banner-style-2.banner-style-5 .caption .holder span {
color: #fff;
}
#banner-style-2.banner-style-5 .caption .holder h1 b {
display: block;
font-weight: 300;
}
#banner-style-2.banner-style-5 .caption .holder {
width: 545px;
}
#header.header-5 {
padding: 20px 0;
position: static;
}
#header.header-5 .top-search a.search-icon {
color: #3a3a3a;
}
#wrapper.index-5 #cp-slide-search {
position: absolute;
overflow: hidden;
}
.theme-style-5.about-top-row {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
/***********************************************BROADCAST SECTION START***********************************************/
.broadcast-section {
float: left;
width: 100%;
padding: 80px 0;
}
.broadcast-left-box {
float: left;
width: 100%;
background: #fff;
padding: 25px 40px 34px 50px;
}
.broadcast-left-box .mp3-player-box {
width: 100%;
margin: 0 0 22px 0;
}
.broadcast-left-box .mp3-player-box .audioplayer {
height: 59px;
background: none;
}
.broadcast-left-box .mp3-player-box .audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
border-right: 1px solid #ededed;
}
.broadcast-left-box .audioplayer-playpause {
width: 37px;
}
.broadcast-left-box .mp3-player-box .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
margin: -0.5em 0 0 -17px;
border-width: 0.7em medium 0.7em 1em;
}
.broadcast-left-box .mp3-player-box .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
}
.broadcast-left-box .mp3-player-box .audioplayer-playpause:hover, .broadcast-left-box .mp3-player-box .audioplayer-playpause:focus {
background: none;
}
.broadcast-left-box .audioplayer-time {
line-height: 60px;
}
.broadcast-left-box .audioplayer-bar {
border: 1px solid #e0dfdf;
}
.broadcast-left-box .mp3-player-box .audioplayer-bar {
height: 12px;
}
.broadcast-left-box .mp3-player-box .audioplayer-time {
height: 100%;
}
.mp3-player-box .audioplayer-volume {
border-left: 1px solid #e0dfdf;
}
.broadcast-left-box .text-box {
float: left;
width: 100%;
}
.broadcast-left-box .text-box strong.date {
font: 300 14px/14px 'Roboto', sans-serif;
color: #fff;
background: #686666;
padding: 4px 10px;
margin: 0 0 20px 0;
float: left;
}
.broadcast-left-box .text-box h3 {
color: #605f64;
font: 400 28px/28px 'Roboto', sans-serif;
margin: 0 0 20px 0;
display: block;
clear: both;
}
.broadcast-left-box .text-box .btm-col {
float: left;
}
.broadcast-left-box .text-box .btm-col .thumb {
float: left;
width: 38px;
height: 38px;
border-radius: 100%;
overflow: hidden;
margin: 0 12px 0 0;
}
.broadcast-left-box .text-box .btm-col .thumb img {
width: 100%;
display: block;
border-radius: 100%;
}
.broadcast-left-box .text-box .btm-col .outer {
overflow: hidden;
}
.broadcast-left-box .text-box .btm-col strong {
float: left;
font: 400 18px/18px 'Roboto', sans-serif;
width: 100%;
padding: 0 0 7px 0;
}
.broadcast-left-box .text-box .btm-col a {
float: left;
color: #b1b1b1;
text-decoration: none;
font: 300 14px/14px 'Roboto', sans-serif;
padding: 0 10px 0 0;
}
.broadcast-left-box .text-box .btm-col a .fa {
padding: 0 5px 0 0;
}
.broadcast-left-box .text-box a.btn-style-1 {
float: right;
padding: 15px 20px;
}
.broadcast-right-box {
float: right;
width: 100%;
position: relative;
overflow: hidden;
}
.broadcast-right-box:hover img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.broadcast-right-box img {
width: 100%;
}
.broadcast-right-box .caption {
position: absolute;
left: 25px;
bottom: 35px;
width: 100%;
}
.broadcast-right-box .caption strong.title {
font: 300 48px/36px 'Roboto', sans-serif;
display: block;
text-transform: uppercase;
}
.broadcast-right-box .caption strong.title span {
text-indent: 20px;
display: block;
}
/***********************************************BROADCAST SECTION END***********************************************/
/***********************************************DEVOTIONAL SECTION START************************************************/
.devotional-section {
float: left;
width: 100%;
margin-bottom: 80px;
}
.devotional-section .box {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.devotional-section .box:hover img {
transform: scale(1.2) rotate(4deg);
-moz-transform: scale(1.2) rotate(4deg);
-webkit-transform: scale(1.2) rotate(4deg);
}
.devotional-section .box img {
display: block;
width: 100%;
}
.devotional-section .box .caption {
position: absolute;
left: 58px;
top: 0;
height: 100%;
}
.devotional-section .box .caption .holder {
width: 443px;
float: left;
}
.devotional-section .box .caption .holder strong.date {
background: #686666;
font: 400 14px/14px 'Roboto', sans-serif;
color: #fff;
padding: 8px 20px;
float: left;
margin: 0 0 120px 0;
}
.devotional-section .box .caption .holder b {
font: 400 28px/36px 'Roboto', sans-serif;
color: #fff;
padding: 0 0 90px 0;
float: left;
}
.devotional-section .box .caption .holder .btm-col {
position: absolute;
bottom: 35px;
}
.devotional-section .box .caption .holder .btm-col .thumb {
float: left;
width: 40px;
height: 40px;
border-radius: 100%;
overflow: hidden;
margin: 0 12px 0 0;
}
.devotional-section .box .caption .holder .btm-col .thumb img {
display: block;
width: 100%;
border-radius: 100%;
}
.devotional-section .box .caption .holder .btm-col .outer {
overflow: hidden;
}
.devotional-section .box .caption .holder .btm-col .outer strong.name {
float: left;
font: 400 18px/18px 'Roboto', sans-serif;
width: 100%;
padding: 0 0 8px 0;
}
.devotional-section .box .caption .holder .btm-col .outer a {
float: left;
color: #b1b1b1;
text-decoration: none;
font: 300 14px/14px 'Roboto', sans-serif;
padding: 0 10px 0 0;
}
.devotional-section .box .caption .holder .btm-col .outer a .fa {
padding: 0 5px 0 0;
}
/***********************************************DEVOTIONAL SECTION END************************************************/
/*******************************************TESTIMONIALS SECTION START********************************************/
.testimonial-section {
float: left;
width: 100%;
background: #000 url(../images/testimonial-bg.png) no-repeat left top/cover;
padding: 80px 0;
}
.testimonial-section .holder {
width: 735px;
margin: 0 auto;
display: block;
overflow: hidden;
}
.testimonial-section .holder .fa {
display: block;
text-align: center;
font-size: 70px;
color: #fff;
padding: 0 0 20px 0;
}
.testimonial-section .holder blockquote {
display: block;
text-align: center;
padding: 0 0 40px 0;
margin: 0;
border: 0;
font: italic 400 36px/48px 'Roboto', sans-serif;
color: #fff;
}
.testimonial-section .holder .btm-col {
float: left;
width: 100%;
text-align: center;
}
.testimonial-section .holder .btm-col .thumb {
width: 40px;
height: 40px;
margin: 0 12px 0 0;
border-radius: 100%;
overflow: hidden;
display: inline-block;
}
.testimonial-section .holder .btm-col .thumb img {
display: block;
border-radius: 100%;
width: 100%;
}
.testimonial-section .holder .btm-col .outer {
display: inline-block;
}
.testimonial-section .holder .btm-col .outer strong.name {
float: left;
font: 400 18px/18px 'Roboto', sans-serif;
width: 100%;
padding: 0 0 8px 0;
text-align: left;
}
.testimonial-section .holder .btm-col .outer a {
float: left;
color: #b1b1b1;
text-decoration: none;
font: 300 14px/14px 'Roboto', sans-serif;
padding: 0 10px 0 0;
}
.testimonial-section .holder .btm-col .outer a .fa {
padding: 0 5px 0 0;
font-size: 12px;
color: #b1b1b1;
display: inline-block;
}
/*******************************************TESTIMONIALS SECTION END********************************************/
/********************************************************SIGNUP FORM SECTION START*********************************************************/
.signup-secion {
float: left;
width: 100%;
background: url(../images/form-bg.jpg) no-repeat left top/cover;
padding: 80px 0;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
}
.signup-secion h2 {
text-align: center;
margin: 0 0 75px 0;
}
.signup-secion form {
float: left;
width: 100%;
}
.signup-secion form input[type="text"] {
float: left;
width: 100%;
background: none;
border: 0;
border-bottom: 1px solid #696969;
height: 60px;
color: #6b6b6b;
font: 300 18px/18px 'Roboto', sans-serif;
}
.signup-secion form input[type="submit"] {
float: right;
border: 1px solid;
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
text-align: center;
padding: 20px 30px;
text-transform: uppercase;
position: relative;
background: none;
}
.signup-secion form input[type="submit"]:hover {
border: 1px solid rgba(0,0,0,0);
color: #fff;
}
/********************************************************SIGNUP FORM SECTION END*********************************************************/
/*******************************************************YOUR DAYS SECTION START********************************************************/
.your-days {
float: left;
width: 100%;
background: #fff;
border: 1px solid #d2d0d0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 80px 0;
}
.your-days .nav-tabs {
border-bottom: 0;
}
.your-days .nav {
float: left;
width: 100%;
background: #f6f6f6;
margin-bottom: 0;
padding-left: 0;
box-shadow: 4px -2px 4px 0 rgba(0, 0, 0, 0.1) inset;
}
.your-days .nav-tabs > li {
}
.your-days .nav-tabs > li > a {
border: 0;
border-radius: 0;
color: #605f64;
font: 500 20px/20px 'Roboto', sans-serif;
margin-right: 0;
}
.your-days .nav > li > a {
display: block;
padding: 25px 58px;
position: relative;
}
.your-days .nav-tabs > li.active > a, .your-days .nav-tabs > li.active > a:hover, .your-days .nav-tabs > li.active > a:focus {
background-color: #f1f1f1;
border: 0;
color: #605f64;
cursor: default;
}
.your-days .tab-content {
float: left;
width: 100%;
background: #f1f1f1;
padding: 47px 30px 57px 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.your-days .tab-content .frame {
float: left;
margin: 0 30px 0 0;
}
.your-days .tab-content .frame img {
width: 100%;
display: block;
}
.your-days .tab-content .text-box {
overflow: hidden;
}
.your-days .tab-content .text-box h3 {
display: block;
color: #6b6b6b;
font: 300 24px/30px 'Roboto', sans-serif;
margin: 0 0 30px 0;
}
.your-days .tab-content .text-box a.btn-style-1 {
float: right;
margin: 30px 10px 0 10px;
}
/*******************************************************YOUR DAYS SECTION END********************************************************/
/**************************************************************BLOG MASONRY SECTION START***************************************************************/
.blog-masnory-section {
float: left;
width: 100%;
padding: 80px 0;
}
.blog-masnory-section .masnory-box {
float: left;
width: 100%;
}
.blog-masnory-section .masnory-box .frame {
float: left;
width: 100%;
overflow: hidden;
position: relative;
}
.blog-masnory-section .masnory-box .frame:hover img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.blog-masnory-section .masnory-box .video-frame {
float: left;
width: 100%;
position: relative;
margin: 0 0 25px 0;
}
.blog-masnory-section .masnory-box .video-frame img {
display: block;
width: 100%;
}
.blog-masnory-section .masnory-box .video-frame a.btn-play {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 50px;
height: 17px;
margin: auto;
}
.blog-masnory-section .masnory-box .video-frame a.btn-play span {
display: block;
text-align: center;
font-size: 50px;
color: #fff;
}
.blog-masnory-section .masnory-box .frame img {
display: block;
width: 100%;
}
.home-blog .blog-style-1 b {
font: 700 16px/24px "Roboto", sans-serif;
color: #6b6b6b;
display: block;
padding: 0 0 30px 0;
}
#blog-masonrywrap {
width: 100%;
float: left;
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.blog-masnory-section.home-blog .blog-style-1 {
margin-bottom: 0;
}
.blog-masnory-section .masnory-box .frame .caption {
position: absolute;
left: 0;
top: 65px;
width: 100%;
padding: 0 34px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.blog-masnory-section .masnory-box .frame .caption .fa {
display: block;
font-size: 70px;
color: #fff;
padding: 0 0 40px 0;
}
.blog-masnory-section .masnory-box .frame .caption blockquote {
font: italic 400 24px/36px 'Roboto', sans-serif;
color: #fffefe;
border: 0;
padding: 0 0 35px 0;
margin: 0;
}
.blog-masnory-section .masnory-box .frame .caption span {
font: 300 14px/14px 'Roboto', sans-serif;
display: block;
color: #fff;
padding: 0 0 35px 0;
}
.blog-masnory-section .masnory-box .frame .caption strong.title {
font: 700 18px/18px 'Roboto', sans-serif;
color: #fff;
display: block;
padding: 70px 0 20px 0;
}
.blog-masnory-section .masnory-box .frame .caption .btm-col {
float: left;
width: 100%;
}
.blog-masnory-section.home-blog .blog-style-1 .broadcast-left-box {
padding: 0;
}
.blog-masnory-section .masnory-box .frame .caption .btm-col .thumb {
float: left;
width: 40px;
height: 40px;
border-radius: 100%;
overflow: hidden;
margin: 0 15px 0 0;
}
.blog-masnory-section .masnory-box .frame .caption .btm-col .thumb img {
display: block;
width: 100%;
border-radius: 100%;
}
.blog-masnory-section .masnory-box .frame .caption .btm-col strong.name {
float: left;
font: 400 18px/18px 'Roboto', sans-serif;
}
.blog-masnory-section .masnory-box .modal-dialog {
width: 1000px;
}
.blog-masnory-section .masnory-box .modal-header {
border: 0;
padding: 0;
}
.blog-masnory-section .masnory-box .modal-body {
padding: 0;
}
.blog-masnory-section .modal-content {
border-radius: 0;
}
.blog-masnory-section .close {
color: #000;
background: #fff;
width: 30px;
height: 30px;
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
opacity: 1;
text-shadow: none;
position: absolute;
right: -30px;
top: 0;
}
.blog-masnory-section .close span {
padding: 0;
font-size: 20px;
font-weight: 500;
}
/**************************************************************BLOG MASONRY SECTION END***************************************************************/
/*****************************************************HOME STYLE 5 END*****************************************************/
/**************************************************ERROR PAGE START***************************************************/
.error-page {
float: left;
width: 100%;
padding: 150px 0 180px 0;
background: #f1f1f1;
}
.error-page .holder {
width: 850px;
margin: 0 auto;
display: block;
overflow: hidden;
}
.error-page .holder strong.number {
display: block;
text-align: center;
font: 700 160px 'Roboto', sans-serif;
}
.error-page .holder em {
text-align: center;
font: normal 700 160px 'Roboto', sans-serif;
display: none;
}
.error-page .holder strong.number span {
background: url(../images/error-icon.png) no-repeat center top;
width: 139px;
height: 144px;
margin: 0 30px -13px 30px;
display: inline-block;
}
.error-page .holder b {
font: 500 120px/99px 'Roboto', sans-serif;
color: #000;
display: block;
text-align: center;
padding: 20px 0 10px 0;
}
.error-page .holder p {
font: 400 50px/99px 'Roboto', sans-serif;
color: #000;
display: block;
text-align: center;
margin: 0 0 30px 0;
}
.error-page .holder a.btn-style-1 {
padding: 20px 40px;
}
.error-page-2 {
background: #fff url(../images/error-page-2-bg.png) no-repeat 400px 36px;
}
/**************************************************ERROR PAGE END***************************************************/
/*******************************************COMINGSOON PAGE START********************************************/
.comingsoon-page {
float: left;
width: 100%;
background: url(../images/comingsoon-bg.jpg) no-repeat left top/cover;
padding: 250px 0;
}
.comingsoon-page .holder {
width: 700px;
margin: 0 auto;
display: block;
overflow: hidden;
}
.comingsoon-page .holder h1 {
font: 700 60px/50px 'Roboto', sans-serif;
color: #000;
display: block;
text-align: center;
text-transform: uppercase;
margin: 0 0 40px 0;
}
.comingsoon-page .holder p {
text-align: center;
font: 500 16px/24px 'Roboto', sans-serif;
color: #fff;
text-align: center;
margin: 0 0 30px 0;
text-transform: uppercase;
}
.comingsoon-page .holder .countdown-box {
width: 100%;
}
.comingsoon-page .holder .countdown-box .countdown-amount {
font: 500 80px/80px 'Roboto', sans-serif;
padding: 0 0 10px 0;
display: block;
}
.comingsoon-page .holder .countdown-box .countdown-period {
font: 400 19px/19px 'Roboto', sans-serif;
color: #fff;
text-transform: uppercase;
display: block;
}
.countdown-box .countdown-section:before {
content: ':';
font: 500 80px/80px 'Roboto', sans-serif;
position: absolute;
left: -20px;
text-align: center;
}
.comingsoon-page .holder form {
float: left;
width: 100%;
position: relative;
}
.comingsoon-page .holder form input[type="text"] {
float: left;
width: 100%;
border: 0;
background: #f7f7f7;
height: 56px;
padding: 0 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.comingsoon-page .holder form button[type="submit"] {
position: absolute;
right: 0;
top: 0;
height: 56px;
border: 0;
font-size: 30px;
color: #fff;
padding: 0 30px;
}
.comingsoon-page .holder form button[type="submit"]:hover {
background: #333;
}
/*******************************************COMINGSOON PAGE END********************************************/
/*************************************************CONTACT PAGE START**************************************************/
.contact-page {
float: left;
width: 100%;
}
.map-box {
float: left;
width: 100%;
position: relative;
}
.map-box .map_canvas {
height: 640px;
width: 100%;
}
.map-box .caption {
position: absolute;
right: 358px;
top: 85px;
width: 548px;
background: #fff;
padding: 50px 35px 30px 35px;
}
.map-box .caption form input[type="text"] {
border: 0;
width: 100%;
float: left;
border-bottom: 1px solid #f1f5f6;
height: 32px;
color: #bfbec2;
font: 300 14px 'Roboto', sans-serif;
margin: 0 0 25px 0;
}
.map-box .caption form textarea {
border: 0;
width: 100%;
float: left;
resize: none;
border-bottom: 1px solid #f1f5f6;
height: 175px;
color: #bfbec2;
font: 300 14px 'Roboto', sans-serif;
margin: 0 0 25px 0;
}
.map-box .caption form input[type="submit"] {
float: left;
padding: 10px 40px;
font: 400 16px 'Roboto', sans-serif;
border: 1px solid;
margin: 0;
background: none;
}
.map-box .caption form input[type="submit"]:hover {
color: #fff;
border: 1px solid rgba(0,0,0,0);
}
.address-row {
float: left;
width: 100%;
padding: 80px 0;
}
.address-row ul {
padding: 0;
margin: 0 -90px 0 0;
list-style: none;
}
.address-row ul li {
float: left;
margin: 0 75px 0 0;
min-height: 94px;
}
.address-row ul li span {
float: left;
margin: 0 20px 0 0;
font-size: 30px;
color: #8d8d8d;
}
.address-row ul li .text-box {
float: left;
width: 231px;
}
.address-row ul li .text-box strong.title {
display: block;
color: #605f64;
font: 700 18px/18px 'Roboto', sans-serif;
padding: 0 0 8px 0;
}
.address-row ul li .text-box p {
font: 300 14px/24px 'Roboto', sans-serif;
color: #6b6b6b;
}
.address-row ul li .text-box a {
font: 300 14px/24px 'Roboto', sans-serif;
color: #6b6b6b;
text-decoration: none;
display: block;
}
.address-row .frame {
float: left;
width: 100%;
margin: 30px 0 0 0;
position: relative;
}
.address-row .frame:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
opacity: 1;
}
.address-row .frame:hover:after {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.address-row .frame:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: all 0.5s ease-in;
}
.address-row .frame:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transition: all 0.5s ease-in;
}
.address-row .frame img {
display: block;
width: 100%;
}
/*************************************************CONTACT PAGE END**************************************************/
/*******************************************************PASTORE DETAIL START********************************************************/
.pastore-detail {
float: left;
width: 100%;
}
.pastore-detail-section-1 {
float: left;
width: 100%;
background: #f1f1f1;
padding: 100px 0 0 0;
}
.pastore-detail-section-1 .text-box {
float: left;
width: 100%;
}
.pastore-detail-section-1 .text-box span {
font: 300 14px/24px 'Roboto', sans-serif;
color: #6b6b6b;
display: block;
padding: 0 0 10px 0;
}
.pastore-detail-section-1 .text-box strong.title {
font: 28px 'Roboto', sans-serif;
display: block;
color: #605f64;
padding: 0 0 10px 0;
}
.pastore-detail-section-1 .text-box strong.name {
display: block;
font: 400 30px/24px 'Mrs Saint Delafield', cursive;
color: #605f64;
padding: 0 0 20px 0;
}
.pastore-detail-section-1 .text-box .pastore-social {
padding: 0;
margin: 0;
list-style: none;
float: left;
}
.pastore-detail-section-1 .text-box .pastore-social li {
float: left;
padding: 0 20px 0 0;
}
.pastore-detail-section-1 .text-box .pastore-social li a {
text-decoration: none;
font-size: 18px;
color: #605f64;
text-decoration: none;
}
.pastore-detail-section-1 .frame {
float: left;
width: 100%;
}
.pastore-detail-section-1 .frame:hover img {
margin: 0 0 0 -15px;
}
.pastore-detail-section-1 .frame img {
display: block;
width: 100%;
}
.pastore-skills {
float: left;
width: 100%;
background: #f7f7f7;
padding: 100px 0;
}
.pastore-skills ul {
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 100%;
}
.pastore-skills ul li {
float: left;
width: 100%;
padding: 0;
}
.pastore-skills .frame {
float: left;
width: 504px;
height: 335px;
border: 24px solid #464545;
margin: 65px 0 0 0;
position: relative;
}
.pastore-skills .frame:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
opacity: 1;
}
.pastore-skills .frame:hover:after {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.pastore-skills .frame:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: all 0.5s ease-in;
}
.pastore-skills .frame:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transition: all 0.5s ease-in;
}
.pastore-skills ul li strong.title {
display: block;
font: 700 16px/16px 'Roboto', sans-serif;
color: #000;
padding: 0 0 15px 0;
}
.pastore-skills .progress {
background-color: #ccc;
border-radius: 0;
box-shadow: none;
height: 10px;
margin-bottom: 30px;
overflow: inherit;
position: relative;
}
.pastore-skills .progress-bar {
box-shadow: none;
color: #000;
float: left;
font-size: 12px;
height: 100%;
line-height: 20px;
text-align: center;
transition: width 0.6s ease 0s;
width: 0;
}
.pastore-skills .sr-only {
border: 0;
clip: inherit;
height: auto;
margin: 0;
overflow: inherit;
padding: 0;
position: absolute;
right: 0;
top: -25px;
width: auto;
font: 700 16px/16px 'Roboto', sans-serif;
color: #000;
}
.pastore-gallery {
padding: 100px 0;
}
/*******************************************************PASTORE DETAIL END********************************************************/
/************************************************ABOUT PAGE START*************************************************/
.about-style-1 {
float: left;
width: 100%;
padding: 80px 0;
}
.about-section-1 {
float: left;
width: 100%;
background: #f1f1f1;
}
.about-style-1 .frame {
float: left;
width: 100%;
border: 9px solid #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
}
.about-style-1 .frame:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
opacity: 1;
}
.about-style-1 .frame:hover:after {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.about-style-1 .frame:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: all 0.5s ease-in;
}
.about-style-1 .frame:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transition: all 0.5s ease-in;
}
.about-style-1 .frame img {
display: block;
width: 100%;
}
.about-style-1 .text-box {
float: left;
width: 100%;
}
.schedule-outer {
float: left;
width: 100%;
}
.schedule-box {
float: left;
width: 220px;
}
.schedule-box strong.title {
font: 700 18px/18px 'Roboto', sans-serif;
display: block;
color: #605f64;
padding: 0 0 10px 0;
}
.schedule-box p {
font: 300 14px/24px 'Roboto', sans-serif;
margin: 0;
}
.about-style-1 .store-box {
margin: 20px 0 0 0;
}
.about-style-1 .store-box .text-box p {
margin: 0 0 14px 0;
}
.about-style-1 .store-box blockquote {
font: 700 20px/24px "Roboto", sans-serif;
margin-bottom: 15px;
}
.about-style-2 {
float: left;
width: 100%;
padding: 80px 0;
}
/*Accordion Style 1 Start*/
.accordion-style-1 {
float: left;
width: 100%;
}
.accordion_cp {
float: left;
width: 100%;
margin: 0 0 2px 0;
padding: 0;
height: auto;
background: #fff;
cursor: pointer;
overflow: hidden;
}
.accordion_cp h3 {
float: left;
margin: 25px 0 18px 25px;
}
.accordion-open span {
display: block;
float: right;
padding: 0;
width: 51px;
height: 67px;
text-align: center;
color: #fff;
line-height: 67px;
font-size: 22px;
}
.accordion-open span {
}
.accordion-close span {
display: block;
float: right;
padding: 0;
width: 51px;
height: 67px;
text-align: center;
color: #fff;
line-height: 67px;
font-size: 22px;
}
div.contain_cp_accor {
float: left;
width: 100%;
padding: 0;
margin: 0 0 2px 0;
}
div.content_cp_accor {
background: #fff;
margin: 0;
padding: 0 120px 25px 23px;
}
div.content_cp_accor ul, div.content_cp_accor p {
padding: 0;
margin: 0;
padding: 3px;
}
div.content_cp_accor ul li {
list-style-position: inside;
line-height: 25px;
}
div.content_cp_accor ul li a {
color: #555555;
}
code {
overflow: auto;
}
.accordion-close span i:before {
content: "\f067";
}
.accordion-open span i:before {
content: "\f068";
}
.accordition-box {
float: left;
width: 100%;
margin: 50px 0 0 0;
}
/*Accordion Style 1 End*/
.form-row {
float: left;
width: 100%;
padding: 80px 0 0 0;
}
.form-row form {
float: left;
width: 100%;
}
.form-row form input[type="text"] {
float: left;
width: 100%;
height: 52px;
border: 0;
border-bottom: 1px solid #8d8d8d;
color: #8d8d8d;
font: 400 16px 'Roboto', sans-serif;
background: none;
margin: 0 0 25px 0;
}
.form-row form textarea {
float: left;
width: 100%;
height: 110px;
border: 0;
border-bottom: 1px solid #8d8d8d;
color: #8d8d8d;
font: 400 16px 'Roboto', sans-serif;
background: none;
resize: none;
margin: 0 0 50px 0;
}
.form-row form input[type="submit"] {
float: left;
background: none;
border: 1px solid #8d8d8d;
padding: 20px 40px;
text-transform: uppercase;
font: 400 16px 'Roboto', sans-serif;
background: none;
}
.form-row form input[type="submit"]:hover {
color: #fff;
background: #333;
border: 1px solid rgba(0,0,0,0);
}
.praise-comment-box {
float: left;
width: 100%;
}
.praise-comment-box ul {
padding: 0;
margin: 0;
list-style: none;
}
.praise-comment-box ul li {
float: left;
padding: 30px 0 0 0;
}
.praise-comment-box ul li:first-child {
padding: 0;
}
.praise-comment-box .round-thumb {
float: left;
width: 88px;
height: 88px;
overflow: hidden;
border-radius: 100%;
margin: 0 25px 0 0;
}
.praise-comment-box .round-thumb img {
display: block;
width: 100%;
border-radius: 100%;
}
.praise-comment-box .text-box {
overflow: hidden;
}
.praise-comment-box .text-box strong.title {
display: block;
padding: 0 0 8px 0;
font: 400 18px/18px 'Roboto', sans-serif;
}
.praise-comment-box .text-box a.like {
float: left;
color: #605f64;
margin: 0 0 0 4px;
font: 300 14px/14px 'Roboto', sans-serif;
}
.praise-comment-box .text-box a.like .fa {
padding: 0 8px 0 0;
}
.praise-comment-box .text-box span.time {
float: right;
color: #605f64;
font: 400 16px/16px 'Roboto', sans-serif;
}
.user-form {
float: left;
width: 100%;
margin: 30px 0 0 0;
}
.user-form img {
float: left;
margin: 0 25px 0 0;
}
.form-row .user-form input[type="submit"] {
float: right;
}
/************************************************ABOUT PAGE END*************************************************/
/*****************************************BLOG SECTION START******************************************/
.blog-section {
float: left;
width: 100%;
padding: 80px 0;
}
.blog-section .post-box {
float: left;
width: 100%;
margin-bottom: 30px;
}
.blog-section .post-box .frame {
float: left;
width: 100%;
margin: 0 0 -94px 0;
position: relative;
}
.blog-section .post-box .frame-2 {
float: left;
width: 100%;
margin: 0 0 -94px 0;
position: relative;
}
.blog-section .post-box .frame:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
opacity: 1;
}
.blog-section .post-box .frame:hover:after {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.blog-section .post-box .frame:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: all 0.5s ease-in;
}
.blog-section .post-box .frame:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transition: all 0.5s ease-in;
}
.blog-section .post-box .frame-2 a.btn-play {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 80px;
height: 110px;
font-size: 80px;
color: #fff;
text-decoration: none;
}
.blog-section .post-box .frame-2 .modal-dialog {
width: 1000px;
}
.blog-section .post-box .frame-2 .modal-content {
border-radius: 0;
}
.blog-section .post-box .frame-2 .modal-header {
padding: 0;
border: 0;
}
.blog-section .post-box .frame-2 .modal-body {
padding: 0;
}
.blog-section .post-box .frame-2 .close {
color: #000;
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
opacity: 1;
text-shadow: none;
width: 30px;
height: 30px;
background: #fff;
position: absolute;
right: -30px;
top: 0;
}
.blog-section .post-box .frame img {
display: block;
width: 100%;
}
.blog-section .post-box .text-box {
margin: 0 auto;
display: block;
width: 712px;
background: #fff;
padding: 50px 30px;
overflow: hidden;
position: relative;
}
.blog-section .post-box .text-box span {
font: 300 24px/30px 'Roboto', sans-serif;
color: #6b6b6b;
display: block;
clear: both;
padding: 20px 0;
}
.blog-section .post-box .text-box .blockquote {
border: 1px solid #d2cfcf;
padding: 22px 17px 10px 17px;
font: 300 24px/30px 'Roboto', sans-serif;
color: #6b6b6b;
position: relative;
margin: 0 0 20px 5px;
float: left;
width: 100%;
}
.share-box {
float: left;
width: 100%;
}
.share-box ul {
padding: 0;
margin: 0;
list-style: none;
}
.share-box strong.title {
font: 400 18px/20px 'Roboto', sans-serif;
float: left;
padding: 0 30px 0 0;
}
.share-box ul li {
float: left;
padding: 0 25px 0 0;
}
.share-box ul li a {
color: #b9b9b9;
font-size: 16px;
text-decoration: none;
}
.blog-section .post-box .text-box .blockquote .btm-col {
margin: 20px 0 0 0;
}
.blog-section .post-box .text-box .blockquote .btm-col .text-col strong.title {
line-height: 33px;
}
.blog-section .post-box .text-box .blockquote:before {
content: '';
position: absolute;
left: -5px;
top: 0;
width: 5px;
height: 100%;
}
.blog-section .post-box .text-box strong.date {
float: left;
padding: 7px 10px;
font: 300 14px/14px 'Roboto', sans-serif;
color: #fff;
background: #686666;
margin: 0 0 20px 0;
}
.blog-section .post-box .text-box a.link {
font: 400 28px/24px 'Roboto', sans-serif;
display: block;
text-decoration: none;
padding: 20px 0 50px 0;
}
.blog-section .post-box .text-box h2 {
font: 400 28px/28px 'Roboto', sans-serif;
text-transform: capitalize;
color: #605f64;
clear: both;
}
.blog-section .post-box .text-box h2 a {
color: #605f64;
}
.blog-section .post-box .text-box .btm-col {
float: left;
}
.blog-section .post-box .text-box blockquote {
padding: 0;
margin: 0 0 20px 0;
border: 0;
font: 400 16px/24px "Roboto", sans-serif;
color: #6b6b6b;
position: relative;
}
.blog-section .post-box .text-box blockquote:before {
content: "\f10d";
position: absolute;
left: 0;
top: 0;
font-family: FontAwesome;
font-size: 60px;
opacity: 0.2;
}
.blog-section .post-box .text-box .btm-col .thumb {
float: left;
margin: 0 10px 0 0;
width: 38px;
height: 38px;
border-radius: 100%;
overflow: hidden;
}
.blog-section .post-box .text-box .btm-col .thumb img {
display: block;
width: 100%;
border-radius: 100%;
}
.blog-section .post-box .text-box .btm-col .text-col {
float: left;
}
.blog-section .post-box .text-box .btm-col .text-col strong.title {
float: left;
font: 400 18px/18px 'Roboto', sans-serif;
padding: 0 0 8px 0;
width: 100%;
}
.blog-section .post-box .text-box .btm-col .text-col a {
font: 300 14px/14px 'Roboto', sans-serif;
color: #b1b1b1;
text-decoration: none;
float: left;
padding: 0 10px 0 0;
}
.blog-section .post-box .text-box .btm-col .text-col a .fa {
padding: 0 6px 0 0;
}
.blog-section .post-box .text-box a.btn-style-1 {
padding: 13px 20px;
float: right;
}
.blog-section .post-box .broadcast-left-box {
padding: 0;
margin: -20px 0 0 0;
}
.blog-section .pagination-box {
margin: 20px 0 0 0;
}
.comment-list {
margin: 60px auto 100px;
overflow: hidden;
display: block;
width: 712px;
}
.comment-list .media-left a {
width: 95px;
height: 95px;
border-radius: 100%;
overflow: hidden;
float: left;
}
.comment-list .media-left, .comment-list .media > .pull-left {
padding-right: 20px;
}
.comment-list .media-left a img {
display: block;
width: 100%;
border-radius: 100%;
}
.comment-list h4 {
font: 400 18px/18px 'Roboto', sans-serif;
display: inline;
padding: 0 20px 0 0;
}
#wrapper .comment-list span.date {
font: 300 14px/14px 'Roboto', sans-serif;
color: #b1b1b1;
display: inline;
padding: 0;
}
.comment-list p {
margin: 0 0 10px 0;
}
.comment-list a.reply {
font: 400 16px/16px 'Roboto', sans-serif;
display: block;
color: #b1b1b1;
}
.comment-list .media {
margin-top: 70px;
}
.detail-comment-form {
width: 712px;
margin: 0 auto;
overflow: hidden;
display: block;
}
.detail-comment-form input[type="text"] {
float: left;
width: 100%;
height: 40px;
background: none;
border: 0;
border-bottom: 1px solid #8d8d8d;
color: #b1b1b1;
font: 400 14px/14px 'Roboto', sans-serif;
margin-bottom: 20px;
}
.detail-comment-form textarea {
float: left;
width: 100%;
height: 180px;
background: none;
border: 0;
border-bottom: 1px solid #8d8d8d;
color: #b1b1b1;
font: 400 14px/14px 'Roboto', sans-serif;
margin-bottom: 30px;
resize: none;
}
.detail-comment-form input[type="submit"] {
font: 400 16px 'Roboto', sans-serif;
float: right;
text-transform: uppercase;
border: 1px solid;
padding: 20px 35px;
background: none;
}
.detail-comment-form input[type="submit"]:hover {
background: #333;
color: #fff;
border: 1px solid rgba(0,0,0,0);
}
/*****************************************BLOG SECTION END******************************************/
/***************************************************SIDEBAR START****************************************************/
.sidebar {
float: left;
width: 100%;
}
.sidebar-box {
float: left;
width: 100%;
margin-bottom: 45px;
}
.sidebar-box form {
float: left;
width: 100%;
position: relative;
}
.sidebar-box form input[type="text"] {
float: left;
width: 100%;
border: 0;
border-bottom: 1px solid #7b7a7a;
height: 55px;
background: none;
color: #605f64;
font: 700 20px 'Roboto', sans-serif;
}
.sidebar-box form button {
position: absolute;
right: 10px;
top: 14px;
font-size: 20px;
border: 0;
padding: 0;
background: none;
}
.product-categories {
float: left;
width: 100%;
border: 1px solid #ccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.product-categories ul {
padding: 0;
margin: 0;
list-style: none;
}
.product-categories ul li {
display: block;
overflow: hidden;
padding: 11px 8px;
border-top: 1px solid #ccc;
position: relative;
}
.product-categories ul li:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
}
.product-categories ul li:hover:before {
content: '';
width: 100%;
}
.product-categories ul li:hover a {
color: #fff;
}
.product-categories ul li:first-child {
border: 0;
}
.product-categories ul li a {
font: 400 16px/16px 'Roboto', sans-serif;
color: #424242;
text-decoration: none;
display: block;
position: relative;
}
.product-categories ul li a .fa {
float: right;
font-size: 12px;
font-weight: 100;
}
.instagram-box {
float: left;
width: 100%;
}
.instagram-box ul {
padding: 0;
margin: 0 -14px 0 0;
list-style: none;
}
.instagram-box ul li {
float: left;
margin: 0 13px 13px 0;
background: #000;
overflow: hidden;
}
.instagram-box ul li:hover img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0.5;
}
.instagram-box ul li a {
text-decoration: none;
}
.latest-post {
float: left;
width: 100%;
}
.latest-post ul {
padding: 0;
margin: 0;
list-style: none;
}
.latest-post ul li {
overflow: hidden;
padding: 22px 0 0 0;
}
.latest-post ul li:hover .thumb img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0.5;
}
.latest-post ul li:first-child {
padding: 0;
}
.latest-post ul li .thumb {
float: left;
margin: 0 15px 0 0;
overflow: hidden;
background: #000;
}
.latest-post ul li .text-box {
overflow: hidden;
}
.latest-post ul li .text-box a {
font: 400 16px/20px 'Roboto', sans-serif;
color: #605f64;
text-decoration: none;
display: block;
padding: 0 0 15px 0;
}
.latest-post ul li .text-box span.name {
display: block;
font: 14px/14px 'Roboto', sans-serif;
}
.latest-sermons {
float: left;
width: 100%;
background: #fff;
padding: 30px 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.latest-sermons ul {
padding: 0;
margin: 0;
list-style: none;
}
.latest-sermons ul li {
display: block;
overflow: hidden;
padding: 30px 0 0 0;
}
.latest-sermons ul li:hover .thumb img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.latest-sermons ul li:first-child {
padding: 0;
}
.latest-sermons ul li .thumb {
float: left;
padding: 0 15px 0 0;
overflow: hidden;
}
.latest-sermons .text-box {
overflow: hidden;
padding: 5px 0 0 0;
}
.latest-sermons .text-box a {
text-decoration: none;
font: 400 16px/16px 'Roboto', sans-serif;
display: block;
padding: 0 0 15px 0;
}
.latest-sermons .text-box .social {
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 100%;
}
.latest-sermons .text-box .social li {
float: left;
padding: 0 10px 0 0;
}
.latest-sermons .text-box .social li a {
text-decoration: none;
font-size: 16px;
color: #989899;
padding: 0;
}
.tags {
float: left;
width: 100%;
}
.tags a {
text-decoration: none;
border: 1px solid #8e8e8e;
background: #fff;
font: 400 16px/16px 'Roboto', sans-serif;
color: #6b6b6b;
padding: 6px 15px;
float: left;
margin: 0 10px 10px 0;
}
.tags a:hover {
text-decoration: none;
border: 1px solid;
color: #fff;
}
.calendar-box {
float: left;
width: 100%;
}
.calendar-box #calendar {
width: 100%;
float: left;
}
.calendar-box .fc-header-left {
width: 100%;
text-align: center;
}
.calendar-box.fc-button-today {
display: none;
}
.calendar-box .fc-header-title h2 {
color: #424242;
font: 700 12px/12px 'Roboto', sans-serif;
margin: 0 0 10px 0;
}
.calendar-box .fc-grid .fc-day-number {
float: none;
display: block;
text-align: center;
font: 400 10px/31px 'Roboto', sans-serif;
text-transform: uppercase;
color: #424242;
border-bottom: 1px solid #b3b2b2;
margin: 0;
min-height: 32px;
}
.calendar-box .fc td, .fc th {
vertical-align: middle;
}
.calendar-box .fc-grid .fc-day-content {
padding: 0;
display: none;
}
.calendar-box .fc-grid .fc-day-number {
padding: 0;
}
.calendar-box .fc-grid .fc-other-month .fc-day-number {
opacity: 1;
}
.calendar-box .fc-border-separate th, .calendar-box .fc-border-separate td {
border: 0;
}
.calendar-box .fc-border-separate tr.fc-last th, .calendar-box .fc-border-separate tr.fc-last td {
border: 0;
}
.calendar-box .fc-button.fc-button-today.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled {
display: none;
}
.calendar-box .fc-header-title {
float: left;
}
.calendar-box .fc-grid th {
text-align: center;
font: 400 10px/24px 'Roboto', sans-serif;
text-transform: uppercase;
color: #424242;
padding: 0;
}
.calendar-box .fc-state-highlight {
}
.calendar-box .fc-state-highlight .fc-day-number {
color: #fff;
border: 0;
}
#main .calendar-box .fc-state-highlight .fc-day-number {
color: #fff;
}
.calendar-box .fc-header-right {
width: 100%;
}
.calendar-box .fc .fc-header-space {
padding: 0;
}
.calendar-box .fc-state-default, .calendar-box .fc-state-default .fc-button-inner {
background: none;
border: 0;
color: #000;
margin: 0;
}
.calendar-box .fc-state-default .fc-button-inner {
border: 0;
}
.calendar-box .fc-state-default .fc-button-effect span {
background: #fff;
border: 0;
height: auto;
left: 0;
opacity: 1;
position: absolute;
top: -100px;
width: auto;
}
.calendar-box .fc-button-content {
border: 0;
float: left;
height: auto;
line-height: normal;
padding: 0;
color: #424242;
position: relative;
white-space: nowrap;
}
.calendar-box .fc-button-today {
display: none;
}
.calendar-box .fc-state-default, .calendar-box .fc-state-default .fc-button-inner {
color: #ccc;
}
.event-calender thead {
}
.calendar-box #calendar .fc-state-default, .calendar-box .fc-state-default .fc-button-inner:hover {
color: #7cc086;
}
.newsletter-box {
float: left;
width: 100%;
padding: 30px 22px;
background: #292929;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sidebar-box .newsletter-box input[type="text"] {
float: left;
width: 100%;
border: 0;
height: 35px;
color: #a2a2a2;
font: 300 14px 'Roboto', sans-serif;
background: #fff;
padding: 0 12px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 0 7px 0;
}
.newsletter-box input[type="submit"] {
float: left;
width: 100%;
height: 35px;
text-align: center;
font: 500 16px 'Roboto', sans-serif;
color: #fff;
border: 0;
}
.newsletter-box input[type="submit"]:hover {
background: #f1f1f1;
color: #222;
}
.our-product {
float: left;
width: 100%;
background: #fff;
box-shadow: 0 0 7px rgba(0,0,0,0.1);
padding: 35px 17px 20px 17px;
}
.our-product .frame {
float: left;
width: 100%;
margin: 0 0 26px 0;
}
.sidebar-box h3 {
margin: 0 0 25px 0;
}
.our-product .text-box {
float: left;
width: 100%;
text-align: center;
}
.our-product .text-box b {
display: block;
text-align: center;
color: #b2b2b2;
font: 12px/12px 'Roboto', sans-serif;
padding: 0 0 10px 0;
}
.sidebar-box .our-product .text-box h3 {
margin: 0 0 10px 0;
}
.sidebar-box .our-product .text-box strong.amount {
font: 500 18px/18px 'Roboto', sans-serif;
display: block;
text-align: center;
padding: 0 0 18px 0;
}
.our-product-social {
display: block;
text-align: center;
padding: 0;
margin: 0;
list-style: none;
}
.our-product-social li {
display: inline-block;
padding: 0 10px;
}
.our-product-social li a {
text-decoration: none;
}
.our-product-social li a span {
font-size: 23px;
color: #7f7f7f;
}
.our-product .owl-buttons {
display: none;
}
.our-product .owl-pagination {
width: 100%;
display: block;
text-align: center;
margin: 20px 0 0 0;
}
.our-product .owl-pagination .owl-page {
display: inline-block;
width: 9px;
height: 9px;
background: #ccc;
border-radius: 100%;
margin: 0 3px;
}
/*Event Calendar End*/
/***************************************************SIDEBAR END****************************************************/
/***************************************SERMONS SECTION START****************************************/
.sermons-section.recent-sermons .text-box h3 {
font-size: 27px;
}
.sermons-section.recent-sermons {
padding: 80px 0;
}
.sermons-section.recent-sermons .pagination-box {
margin: 0;
}
.sermons-section.recent-sermons .round-box {
background: #f4f4f4;
}
.sermons-section.recent-sermons .outer {
float: left;
width: 100%;
margin-bottom: 20px;
padding: 50px 0;
}
.sermons-section.recent-sermons .outer:hover {
background: #fff;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.filter-row {
float: left;
width: 100%;
background: #e6e6e6;
padding: 20px 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom: 50px;
}
.filter-row a.btn-style-1 {
float: right;
padding: 13px 38px;
margin: 8px 0 0 0;
}
.filter-row .select-box {
float: left;
margin: 0 20px 0 0;
}
.filter-row .select-box label {
font: 300 14px/17px 'Roboto', sans-serif;
color: #6b6b6b;
display: block;
padding: 0 0 13px 0;
margin: 0;
}
.filter-row .select-box label span {
float: left;
padding: 0 10px 0 0;
color: #000;
}
.filter-row .selector {
min-width: 120px;
position: relative;
}
.filter-row .selector select {
line-height: 20px;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.full-width {
width: 100%;
}
.filter-row select {
height: 24px;
padding: 5px 0 3px 3px;
}
.filter-row span.custom-select {
background: none repeat scroll 0 0 #fff;
border: medium none;
line-height: normal;
}
.filter-row select option {
padding: 5px 10px;
}
.filter-row .selector span.custom-select {
display: inline-block;
line-height: 21px;
overflow: hidden;
padding: 3px 10px;
position: relative;
white-space: nowrap;
width: 100%;
font: 300 14px 'Roboto', sans-serif;
color: #6b6b6b;
}
.filter-row .selector span.custom-select:after {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 5px solid #666;
content: "";
position: absolute;
right: 9px;
top: 10px;
}
.filter-row .selector span.custom-select:before {
background: none repeat scroll 0 0 #fff;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 24px;
}
/***************************************SERMONS SECTION END****************************************/
/********************************************SERMONS LIST START*********************************************/
.sermons-list {
float: left;
width: 100%;
padding: 80px 0;
}
.sermons-list .pagination-box {
margin: 50px 0 0 0;
}
.sermons-list-box {
float: left;
width: 100%;
background: #f7f7f7;
margin-bottom: 50px;
}
.sermons-list-box:hover .thumb img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0.5;
}
.sermons-list-box .thumb {
float: left;
background: #000;
overflow: hidden;
}
.sermons-list-box .text-box {
overflow: hidden;
padding: 14px 22px;
}
.sermons-list-box .text-box strong.title {
display: block;
padding: 0 0 10px 0;
color: #605f64;
font: 700 20px/20px 'Roboto', sans-serif;
}
.sermons-list-box .text-box strong.title a {
text-decoration: none;
color: #605f64;
}
.sermons-list-box .text-box ul {
float: right;
padding: 0;
margin: 0;
list-style: none;
}
.sermons-list-box .text-box ul li {
float: left;
padding: 0 0 0 18px;
}
.sermons-list-box .text-box ul li a {
text-decoration: none;
color: #959596;
font-size: 24px;
}
.sermons-list-box .text-box p {
margin: 0;
}
/********************************************SERMONS LIST END*********************************************/
/**********************************************SERMONS GRID START**********************************************/
.sermons-grid {
float: left;
width: 100%;
padding: 80px 0;
}
.sermons-grid .pagination-box {
margin: 50px 0 0 0;
}
.sermons-grid-box {
float: left;
width: 100%;
margin-bottom: 50px;
}
.sermons-grid-box .frame {
float: left;
width: 100%;
overflow: hidden;
position: relative;
}
.sermons-grid-box .frame img {
display: block;
width: 100%;
}
.sermons-grid-box .frame .caption {
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.sermons-grid-box .frame a.link {
width: 40px;
height: 40px;
border: 1px solid #fff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
line-height: 40px;
font-size: 16px;
}
.sermons-grid-box .text-box {
float: left;
width: 100%;
background: #fff;
padding: 45px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
}
.sermons-grid-box .text-box h2 {
font: 28px/28px 'Roboto', sans-serif;
color: #605f64;
text-transform: none;
margin: 0 0 16px 0;
}
.sermons-grid-box .text-box h2 a{
color: #605f64;
}
.sermons-grid-box .text-box p {
margin: 0 0 15px 0;
}
.sermons-grid-box:hover .caption {
left: 0;
}
.sermons-grid-box .text-box .social {
display: block;
text-align: center;
padding: 0;
margin: 0;
list-style: none;
}
.sermons-grid-box .text-box .social li {
display: inline-block;
padding: 0 10px;
}
.sermons-grid-box .text-box .social li a {
color: #989899;
font-size: 24px;
text-decoration: none;
}
/**********************************************SERMONS GRID END**********************************************/
/*****************************************************SERMONS DETAIL START******************************************************/
.sermons-detail {
float: left;
width: 100%;
padding: 80px 0;
}
.sermons-detail .frame {
float: left;
width: 100%;
margin: 0 0 50px 0;
position: relative;
overflow: hidden;
}
.sermons-detail .frame img {
width: 100%;
transform: scale(1.3);
transition: all 0.5s ease-in;
}
.sermons-detail .frame:hover img {
transform: scale(1);
}
.sermons-detail .frame:hover:before {
opacity: 1;
width: 100%;
}
.sermons-detail .frame:before {
content: '';
background-color: rgba(255,255,255,0.4);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 35%;
transform: rotate(15deg) scale(1.5);
transition: all 0.5s ease-in;
z-index: 99;
opacity: 0;
}
.sermons-detail .text-box {
float: left;
width: 100%;
}
.sermons-detail .text-box span {
font: 300 24px/24px 'Roboto', sans-serif;
display: block;
color: #6b6b6b;
padding: 0 0 20px 0;
}
.sermons-detail .text-box .social {
float: left;
padding: 0;
margin: 0 0 50px 0;
list-style: none;
}
.sermons-detail .text-box .social li {
float: left;
padding: 0 15px 0 0;
}
.sermons-detail .text-box .social li a {
color: #939393;
font-size: 24px;
text-decoration: none;
}
.sermons-detail-row {
float: left;
width: 100%;
margin-bottom: 45px;
}
.sermons-detail-row .left-box {
float: left;
width: 550px;
padding: 50px 30px;
background: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sermons-detail-row .left-box .holder {
float: left;
width: 180px;
}
.sermons-detail-row .left-box strong.title {
display: block;
color: #605f64;
padding: 0 0 20px 0;
font: 400 28px/28px 'Roboto', sans-serif;
}
.sermons-detail-row .left-box ul {
padding: 0;
margin: 0;
list-style: none;
}
.sermons-detail-row .left-box ul li {
display: block;
overflow: hidden;
padding: 15px 0 0 0;
}
.sermons-detail-row .left-box ul li:first-child {
padding: 0;
}
.sermons-detail-row .left-box span {
display: block;
color: #6b6b6b;
font: 400 20px/20px 'Roboto', sans-serif;
padding: 0 0 7px 0;
}
.sermons-detail-row .left-box p {
font: 300 14px/14px 'Roboto', sans-serif;
color: #6b6b6b;
margin: 0;
}
.sermons-detail-row .left-box a {
font: 300 14px/14px 'Roboto', sans-serif;
color: #6b6b6b;
text-decoration: none;
margin: 0;
}
.sermons-detail-row .right-box {
float: left;
width: 590px;
}
.sermons-detail-row .right-box .map_canvas {
height: 369px;
width: 100%;
}
.sermons-detail-comment {
float: left;
width: 100%;
}
.sermons-detail-comment .comment-list {
width: 100%;
margin: 0;
}
.sermons-detail-comment .comment-list .media {
margin-top: 50px;
}
.sermons-detail-comment .comment-list h3 {
text-transform: uppercase;
margin: 0 0 30px 0;
}
.sermons-detail-comment .detail-comment-form {
width: 100%;
margin: 15px 0 0 0;
}
.sermons-detail-comment .detail-comment-form h3 {
margin: 0 0 30px 0;
text-transform: uppercase;
}
/*****************************************************SERMONS DETAIL END******************************************************/
/******************************************************MINISTRY SECTION START*******************************************************/
.ministry-section.blog-section .post-box .text-box span {
padding: 0 0 20px 0;
}
.process-row {
float: left;
width: 100%;
padding: 80px 0 60px 0;
}
.process-row ul {
padding: 0 0 0 95px;
margin: 0;
}
.process-row ul li {
clear: both;
padding: 20px 0 0 0;
color: #6b6b6b;
font: 400 16px/24px 'Roboto', sans-serif;
}
.process-row ul li:first-child {
padding: 0;
}
.vision-row {
float: left;
width: 100%;
padding: 0 0 60px 0;
}
.blog-section.ministry-section .vision-row .frame-2 {
margin: 0 0 50px 0;
}
.blog-section.ministry-section .vision-row p b {
font-weight: 700;
}
.gallery-section {
float: left;
width: 100%;
}
.gallery-section ul {
padding: 0;
margin: 0 -5px 50px 0;
list-style: none;
overflow: hidden;
clear: both;
}
.gallery-section ul li {
float: left;
margin: 0 4px 4px 0;
position: relative;
}
.gallery-section ul li:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
opacity: 1;
}
.gallery-section ul li:hover:after {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.gallery-section ul li:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: all 0.5s ease-in;
}
.gallery-section ul li:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transition: all 0.5s ease-in;
}
.blog-section.ministry-section .post-box {
margin: 0;
}
.ministry-director .frame {
float: left;
width: 100%;
margin: 0 0 20px 0;
position: relative;
overflow: hidden;
}
.ministry-director .frame img {
width: 100%;
transform: scale(1.3);
transition: all 0.5s ease-in;
}
.ministry-director .frame:hover img {
transform: scale(1);
}
.ministry-director .frame:hover:before {
opacity: 1;
width: 100%;
}
.ministry-director .frame:before {
content: '';
background-color: rgba(255,255,255,0.4);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 35%;
transform: rotate(15deg) scale(1.5);
transition: all 0.5s ease-in;
z-index: 99;
opacity: 0;
}
.ministry-director .text-box {
float: left;
width: 100%;
text-align: center;
}
.ministry-director .text-box h3 {
margin: 0 0 10px 0;
}
.ministry-director .text-box a {
text-decoration: none;
text-align: center;
display: block;
color: #605f64;
font: 400 16px/16px 'Roboto', sans-serif;
}
.ministry-director .owl-buttons {
display: none;
}
.ministry-page {
padding: 80px 0 0 0;
}
.ministry-page.theme-style-3.home-blog a.btn-all {
color: #605f64;
margin: -15px 0 0 0;
}
.ministry-section {
float: left;
width: 100%;
}
/******************************************************MINISTRY SECTION END*******************************************************/
/***************************************************EVENT GRID START****************************************************/
.event-grid {
float: left;
width: 100%;
padding: 80px 0;
}
.event-grid .pagination-box {
margin: 20px 0 0 0;
}
.event-grid-box {
float: left;
width: 100%;
margin-bottom: 60px;
}
.event-grid-box:hover .frame .caption {
left: 0;
}
.event-grid-box:hover strong.date {
opacity: 0;
visibility: hidden;
}
.event-grid-box .frame {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.event-grid-box .frame img {
display: block;
width: 100%;
}
.event-grid-box .frame .caption {
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}
.event-grid-box .frame .caption .countdown-row {
position: relative;
display: block;
text-align: center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 70px;
}
.event-grid-box .frame .caption .countdown-section {
width: 70px;
display: inline-block;
height: 70px;
border: 3px solid #fff;
border-radius: 100%;
float: none;
padding: 10px 0 0 0;
margin: 0 5px;
background: rgba(255,255,255,0.1);
}
.event-grid-box .frame .caption .countdown-amount {
font: 100 25px/25px 'Roboto', sans-serif;
padding: 0 0 0 0;
display: block;
}
.event-grid-box .frame .caption .countdown-period {
font: 300 10px/10px 'Roboto', sans-serif;
text-transform: uppercase;
display: block;
}
.event-grid-box .frame strong.date {
width: 99px;
height: 48px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: #000;
text-transform: uppercase;
color: #fff;
text-align: center;
font: 400 30px/48px 'Roboto', sans-serif;
}
.event-grid-box .frame strong.date span {
font-size: 14px;
}
.event-grid-box .text-box {
float: left;
width: 100%;
padding: 29px 37px 30px 37px;
background: #fff;
min-height: 300px;
}
.event-grid-box .text-box h3 {
font: 400 28px/28px 'Roboto', sans-serif;
text-align: center;
display: block;
color: #605f64;
margin: 0 0 15px 0;
}
.event-grid-box .text-box h3 a {
color: #605f64;
}
.event-grid-box .text-box span {
display: block;
text-align: center;
font: 300 14px/14px 'Roboto', sans-serif;
padding: 0 0 10px 0;
}
.event-grid-box .text-box p {
text-align: center;
}
.event-grid-box .text-box .social {
display: block;
text-align: center;
margin: 0 0 20px 0;
padding: 0;
}
.event-grid-box .text-box .social li {
display: inline-block;
margin: 0 4px;
width: 37px;
height: 37px;
background: #f7f7f7;
text-align: center;
}
.event-grid-box .text-box .social li a {
text-decoration: none;
}
.padd-btm-100 {
padding-bottom: 80px;
}
.event-grid-box .text-box .social li a span {
text-align: center;
line-height: 35px;
font-size: 23px;
color: #acacac;
}
.event-box.event-grid .defaultCountdown {
margin: 15px 0;
}
.event-box.event-grid .event-grid-box .text-box .countdown-section {
width: 70px;
display: inline-block;
height: 70px;
border-radius: 100%;
float: none;
padding: 12px 0 0 0;
margin: 0 5px;
background: rgba(255,255,255,0.1);
border: 3px solid #a6a4ad;
}
.event-box.event-grid .event-grid-box .countdown-amount {
font: 100 25px/25px 'Roboto', sans-serif;
padding: 0 0 0 0;
display: block;
}
.event-box.event-grid .event-grid-box .countdown-period {
font: 300 10px/10px 'Roboto', sans-serif;
text-transform: uppercase;
display: block;
}
.event-box.event-grid .event-grid-box .text-box {
padding: 29px 20px 47px;
}
/***************************************************EVENT GRID END****************************************************/
/*************************************************EVENT CALENDAR START**************************************************/
.event-calendar-section {
float: left;
width: 100%;
padding: 80px 0;
}
.event-calendar-section form {
background: #fff;
padding: 30px 15px 30px 35px;
float: left;
width: 100%;
margin-bottom: 50px;
}
.event-calendar-section form input[type="text"] {
float: left;
width: 100%;
background: none;
height: 50px;
border: 0;
border-bottom: 1px solid #c2c2c2;
color: #8d8d8d;
font: 400 14px 'Roboto', sans-serif;
}
.event-calendar-section form input[type="submit"] {
float: right;
padding: 18px 40px;
font: 400 16px 'Roboto', sans-serif;
border: 2px solid;
background: none;
text-transform: uppercase;
}
.event-calendar-section form input[type="submit"]:hover {
border: 2px solid rgba(0,0,0,0);
color: #fff;
}
.event-calendar-box {
float: left;
width: 100%;
background: #fff;
padding: 40px 0 0 0;
}
.event-calendar-box .fc-header-title h2 {
color: #424242;
font: 700 20px/20px 'Roboto', sans-serif;
padding: 0 0 0 30px;
margin: 0 0 30px 0;
}
.event-calendar-box .fc-button-today {
display: none;
}
.event-calendar-box .fc-header-right {
padding: 0 30px 0 0;
position: relative;
top: -15px;
}
.event-calendar-box .fc-header .fc-button {
margin: 0;
}
.event-calendar-box .fc-state-default, .event-calendar-box .fc-state-default .fc-button-inner {
background: none;
border: 0;
}
.event-calendar-box .fc-button-content {
float: left;
height: 1.9em;
line-height: 1.9em;
padding: 0;
position: relative;
white-space: nowrap;
}
.event-calendar-box .fc-button-prev {
font-size: 0;
}
.event-calendar-box .fc-button-next {
font-size: 0;
}
.event-calendar-box .fc-button-prev:before {
content: "\f104";
font-size: 37px;
color: #424242;
display: block;
font-family: FontAwesome;
margin: 0 35px 0 0;
}
.event-calendar-box .fc-button-next:before {
content: "\f105";
font-size: 37px;
color: #424242;
display: block;
font-family: FontAwesome;
}
.event-calendar-box .fc-first.fc-last {
background: #e6e6e6;
}
.event-calendar-box .fc-border-separate tr.fc-last th, .event-calendar-box .fc-border-separate tr.fc-last {
padding: 30px 0;
color: #424242;
font: 700 20px/20px 'Roboto', sans-serif;
text-transform: uppercase;
}
.event-calendar-box .fc-event-skin {
border: 0;
font: 400 16px/16px 'Roboto', sans-serif;
color: #fff;
padding: 1px 0;
}
.event-calendar-box .fc-event-time, .event-calendar-box .fc-event-title {
}
.event-calendar-box .fc-corner-left .fc-button-inner, .event-calendar-box .fc-corner-left .fc-event-inner {
margin: 0;
}
.event-calendar-box .fc-corner-right .fc-button-inner, .event-calendar-box .fc-corner-right .fc-event-inner {
margin: 0;
}
.event-calendar-box .fc-corner-left .fc-event-inner {
border: 0;
}
.event-calendar-box .fc-corner-right .fc-event-inner {
border: 0;
padding: 0 0 2px 16px;
}
.event-calendar-box .fc-grid .fc-day-number {
float: none;
text-align: center;
padding: 0;
font: 500 22px/102px 'Roboto', sans-serif;
}
.event-calendar-box .fc-border-separate th, .event-calendar-box .fc-border-separate td {
border-color: #ccc;
}
.event-calendar-box .fc-state-highlight {
color: #fff;
}
.tab-row {
float: left;
width: 100%;
}
.tab-row .nav-tabs {
float: right;
border-bottom: 0;
}
.tab-row .nav {
list-style: outside none none;
margin-bottom: 30px;
padding-left: 0;
}
.tab-row .nav-tabs > li {
margin: 0 0 0 20px;
}
.tab-row .nav-tabs > li > a {
border: 0;
border-radius: 0;
line-height: normal;
margin-right: 0;
}
.tab-row .nav > li > a {
color: #dedede;
font-size: 30px;
display: block;
padding: 0;
position: relative;
}
.tab-row .nav-tabs > li.active > a, .tab-row .nav-tabs > li.active > a:hover, .tab-row .nav-tabs > li.active > a:focus {
border: 0;
background: none;
color: #000;
cursor: default;
}
.tab-row .event-style-2 {
padding: 0;
background: none;
}
.tab-row .event-grid {
padding: 0;
}
/*************************************************EVENT CALENDAR END**************************************************/
/******************************************EVENT DETAIL START*******************************************/
.event-detail {
float: left;
width: 100%;
padding: 80px 0;
}
.event-detail-section-1 {
float: left;
width: 100%;
padding: 0 0 80px 0;
}
.event-detail-section-1 .frame {
float: left;
width: 100%;
position: relative;
}
.event-detail-section-1 .frame:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
opacity: 1;
}
.event-detail-section-1 .frame:hover:after {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.event-detail-section-1 .frame:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: all 0.5s ease-in;
}
.event-detail-section-1 .frame:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transition: all 0.5s ease-in;
}
.event-detail-section-1 .frame img {
display: block;
width: 100%;
}
.event-detail-section-1 .text-box {
float: left;
width: 100%;
}
.event-detail-section-1 .text-box h2 {
text-transform: none;
color: #605f64;
}
.event-detail-section-1 .text-box strong.title {
display: block;
color: #6b6b6b;
font: 300 24px/30px 'Roboto', sans-serif;
padding: 0 0 20px 0;
}
.event-detail-section-1 .text-box a.btn-style-1 {
float: right;
margin: 0 0 0 30px;
}
.event-detail-section-2 {
float: left;
width: 100%;
margin: 0 0 80px 0;
}
.event-detail-section-2 .map_canvas {
height: 403px;
width: 100%;
}
.event-detail-section-3 {
float: left;
width: 100%;
}
.event-detail-section-3 .sermons-detail-row {
margin: 0;
}
/******************************************EVENT DETAIL END*******************************************/
/********************************************************EVENT TIMELINE START*********************************************************/
.event-timeline {
float: left;
width: 100%;
}
.timeline-box {
float: left;
width: 100%;
padding: 80px 0;
background: #f1f1f1;
}
.timeline-box #bx-pager {
float: left;
width: 100%;
background: #fff;
border: 1px solid #dedede;
height: 11px;
padding: 0 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom: 55px;
display: block;
text-align: center;
position: relative;
}
.timeline-box #bx-pager:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 99%;
height: 5px;
}
.timeline-box #bx-pager a {
display: inline-block;
position: relative;
top: -38px;
outline: none;
text-decoration: none;
}
.timeline-box #bx-pager a strong.year {
display: block;
color: #7e7e7e;
font: 400 17px/17px 'Roboto', sans-serif;
padding: 0 0 15px 0;
text-align: center;
}
.timeline-box .round-box {
border: 1px solid #dfdfdf;
border-radius: 100%;
background: #fff;
float: left;
height: 20px;
margin: 0 35px;
position: relative;
width: 20px;
}
.timeline-box .round-box span {
background-color: #d9d9d9;
border-radius: 100%;
float: left;
height: 10px;
margin: 4px;
width: 10px;
}
.event-timeline .heading-center {
margin: 0 auto 80px;
}
.timeline-box #bx-pager > a.active .round-box span {
background: #e43a19;
}
.timeline-box #bx-pager > a.active .round-box {
border-color: #e43a19;
}
.timeline-box .bx-wrapper {
float: left;
margin: 0;
width: 100%;
}
.timeline-box .bx-wrapper .bx-viewport {
background: none;
border: 0;
box-shadow: none;
left: 0;
}
.timeline-box .holder {
width: 945px;
display: block;
margin: 0 auto;
overflow: hidden;
}
.timeline-box .holder .frame {
float: left;
margin: 0 30px 0 0;
position: relative;
}
.timeline-box .holder .frame:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
opacity: 1;
}
.timeline-box .holder .frame:hover:after {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.timeline-box .holder .frame:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: all 0.5s ease-in;
}
.timeline-box .holder .frame:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transition: all 0.5s ease-in;
}
.timeline-box .holder .text-box {
overflow: hidden;
padding: 42px 0 0 0;
}
.timeline-box .bx-wrapper .bx-controls-direction a {
height: auto;
margin-top: -16px;
outline: 0 none;
position: absolute;
text-indent: inherit;
font-size: 0;
text-decoration: none;
top: 50%;
width: auto;
z-index: 9999;
}
.timeline-box .bx-wrapper .bx-next {
background: none;
right: 20px;
}
.timeline-box .bx-wrapper .bx-next:before {
content: "\f105";
font-size: 45px;
color: #222;
font-family: FontAwesome;
}
.timeline-box .bx-wrapper .bx-prev {
background: none;
left: 20px;
}
.timeline-box .bx-wrapper .bx-prev:before {
content: "\f104";
font-size: 45px;
color: #222;
font-family: FontAwesome;
}
.top-event-section.home-style-2.our-events {
float: left;
width: 100%;
background: #f9f9f9;
box-shadow: none;
padding: 80px 0;
}
.top-event-section a.btn-style-1 {
margin: 20px 0 0 0;
}
.event-timeline .top-event-section.home-style-2.our-events .heading-center {
margin: 0 auto 50px;
}
.event-grid.event-box .heading-center {
margin: 0 auto 50px;
}
/********************************************************EVENT TIMELINE END*********************************************************/
/***********************************************************PRODUCT PAGE START***********************************************************/
.product-section {
float: left;
width: 100%;
padding: 80px 0;
}
.product-section .our-product {
background: none;
box-shadow: none;
}
.product-section .our-product .frame {
margin: 0;
}
.product-section .our-product strong.amount {
display: block;
font: 500 18px/18px 'Roboto', sans-serif;
padding: 0 0 20px 0;
}
.product-section .our-product:hover {
background: #fff;
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
}
.product-tab-row {
float: left;
width: 100%;
background: #e6e6e6;
padding: 20px 30px;
margin-bottom: 50px;
}
.product-tab-row strong.title {
float: left;
font: 500 14px/40px 'Roboto', sans-serif;
color: #6b6b6b;
}
.product-tab-row .select-box {
float: right;
}
.product-tab-row .selector {
min-width: 224px;
position: relative;
}
.product-tab-row .selector select {
line-height: 35px;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.product-tab-row .full-width {
width: 100%;
}
.product-tab-row select {
height: 35px;
padding: 5px 0 3px 3px;
}
.product-tab-row span.custom-select {
background: none repeat scroll 0 0 #fff;
border: medium none;
line-height: normal;
}
.product-tab-row select option {
padding: 5px 10px;
}
.product-tab-row .selector span.custom-select {
display: inline-block;
line-height: 35px;
height: 35px;
overflow: hidden;
padding: 3px 10px;
position: relative;
white-space: nowrap;
width: 100%;
font: 300 14px/30px 'Roboto', sans-serif;
color: #8e8e8e;
}
.product-tab-row .selector span.custom-select:after {
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 6px solid #666;
content: "";
position: absolute;
right: 10px;
top: 15px;
}
.product-tab-row .selector span.custom-select:before {
background: none repeat scroll 0 0 #fff;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 24px;
}
.product-sidebar .our-product .frame img {
width: 100%;
display: block;
}
/***********************************************************PRODUCT PAGE END***********************************************************/
/*************************************************EMPTY CART START**************************************************/
.empty-cart {
float: left;
width: 100%;
padding: 80px 0;
}
.empty-cart .holder {
width: 750px;
margin: 0 auto;
display: block;
overflow: hidden;
text-align: center;
}
.empty-cart .holder p span {
font-weight: 300;
}
.empty-cart img {
display: block;
text-align: center;
margin: 50px auto;
}
.empty-cart h3 {
text-align: center;
text-transform: uppercase;
margin: 0 0 30px 0;
}
.empty-cart a.btn-style-1 {
padding: 20px 35px;
}
.empty-cart .cart-table ul li .product img {
margin: 0 auto;
}
/*************************************************EMPTY CART END**************************************************/
/**********************************************************CART SECTION START***********************************************************/
.cart-box {
float: left;
width: 100%;
}
.cart-table {
float: left;
width: 100%;
margin: 20px 0 50px 0;
}
.cart-table ul {
width: 100%;
display: table;
padding: 0px;
}
.cart-table ul li {
display: table-row;
margin: 0px;
width: 100%;
}
.cart-table ul li:hover {
background-color: #fff;
}
.cart-table ul li p {
font: 500 18px/18px 'Roboto', sans-serif;
margin: 0;
}
.cart-table ul li .product, .cart-table ul li .detail, .cart-table ul li .price, .cart-table ul li .quantity, .cart-table ul li .total, .cart-table ul li .del, .cart-table ul li .delivery, .cart-table ul li .sub-total {
display: table-cell;
border-bottom: solid 1px #7c7c7c;
padding: 28px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
}
.cart-table ul li .product {
width: 20%;
}
.cart-table ul li .detail {
width: 20%;
float: none;
}
.cart-table ul li .price {
width: 20%;
}
.cart-table ul li .delivery {
}
.cart-table ul li .sub-total {
}
.cart-table ul li .quantity {
width: 20%;
}
.cart-table ul li .total {
}
.cart-table ul li .del {
}
.table-caps {
font: 600 14px/14px 'Roboto', sans-serif;
color: #333;
text-transform: uppercase;
}
li.table-caps:hover {
}
.cart-table ul li.table-caps .product, .cart-table ul li.table-caps .detail, .cart-table ul li.table-caps .price, .cart-table ul li.table-caps .quantity, .cart-table ul li.table-caps .total, .cart-table ul li.table-caps .del, .cart-table ul li .delivery, .cart-table ul li .sub-total {
padding: 20px;
font: 700 20px/20px 'Roboto', sans-serif;
color: #605f64;
text-transform: capitalize;
}
.cart-table .close {
float: none;
font-size: 24px;
color: #9d9d9d;
opacity: 1;
}
.table-caps > div {
}
/**********************************************************CART SECTION END***********************************************************/
/**********************************************PRODUCT DETAIL START**********************************************/
.product-detail {
float: left;
width: 100%;
padding: 80px 0;
}
.product-info {
float: left;
width: 100%;
}
.product-info .frame {
float: left;
width: 100%;
border: 1px solid #d4d4d4;
background: #f4f1f0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
}
.product-info .frame a.zoom {
background: url(../images/zoom-icon.gif) no-repeat left top;
width: 54px;
height: 56px;
position: absolute;
left: 5px;
bottom: 7px;
z-index: 9;
}
.product-info .frame .bx-wrapper {
float: left;
width: 100%;
margin: 0;
}
.product-info .frame .bx-wrapper .bx-viewport {
background: none;
border: 0;
box-shadow: none;
left: 0;
}
.product-info .frame #bx-pager {
position: absolute;
right: 26px;
top: 0;
bottom: 0;
margin: auto;
height: 587px;
}
.product-info .frame #bx-pager a {
display: block;
background: #fff;
padding: 19px 15px;
margin: 20px 0;
}
.product-info .frame .bx-wrapper .bx-controls-direction a {
display: none;
}
.product-info .text-box {
float: left;
width: 100%;
}
.product-info .text-box span.item-number {
display: block;
color: #bababa;
font: 500 14px/14px 'Roboto', sans-serif;
clear: both;
padding: 0 0 20px 0;
}
.product-info .text-box h3 {
float: left;
}
.product-info .text-box .rating {
float: right;
}
.product-info .text-box .rating a {
float: left;
color: #f6cf3c;
font-size: 18px;
text-decoration: none;
}
.product-info .text-box p span {
font: 300 16px/30px 'Roboto', sans-serif;
}
.product-info .text-box strong.stock {
display: inline-block;
color: #6b6b6b;
font: 500 14px/14px 'Roboto', sans-serif;
padding: 0 30px 30px 0;
}
.product-info .text-box strong.stock .fa {
padding: 0 0 0 10px;
}
.product-info .text-box strong.price {
font: 500 30px/30px 'Roboto', sans-serif;
display: block;
padding: 0 0 30px 0;
}
.product-info .text-box span.categories {
font: 400 14px/14px 'Roboto', sans-serif;
display: block;
color: #605f64;
padding: 0 0 30px 0;
}
.product-info .text-box span.categories b {
font-weight: 400;
}
.product-info .text-box .share {
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.product-info .text-box .share strong.title {
float: left;
font: 400 14px/18px 'Roboto', sans-serif;
color: #605f64;
padding: 0 15px 0 0;
}
.product-info .text-box .share ul {
padding: 0;
margin: 0;
list-style: none;
}
.product-info .text-box .share ul li {
float: left;
padding: 0 10px 0 0;
}
.product-info .text-box .share ul li a {
text-decoration: none;
font-size: 16px;
}
.product-info .text-box a.btn-style-1 {
clear: both;
padding: 20px 35px;
}
.review-col {
float: left;
width: 100%;
padding: 0 0 30px 0;
margin: 50px 0;
border: 1px solid #d7d7d7;
background: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.review-col .nav-tabs {
border: 0;
margin-bottom: 50px;
}
.review-col .nav-tabs > li {
margin: -2px 3px 0 0;
}
.review-col .nav-tabs > li > a {
border: 0;
border-radius: 0;
line-height: normal;
margin-right: 0;
color: #605f64;
font: 700 20px/20px 'Roboto', sans-serif;
text-decoration: none;
background: #f0f0f0;
}
.review-col .nav > li > a {
display: block;
padding: 15px 30px;
position: relative;
}
.review-col .nav-tabs > li.active > a, .review-col .nav-tabs > li.active > a:hover, .review-col .nav-tabs > li.active > a:focus {
border: 0;
color: #fff;
}
.review-col .comment-list {
float: left;
margin: 0 0 0 20px;
}
.review-col .comment-list .media {
margin-top: 50px;
}
.review-col .text-box {
float: left;
width: 100%;
padding: 0 30px;
}
.review-col .text-box strong.title {
color: #6b6b6b;
font: 300 24px/30px 'Roboto', sans-serif;
display: block;
padding: 0 0 20px 0;
}
.product-detail-comment-form {
float: left;
width: 100%;
margin-bottom: 60px;
background: #fff;
padding: 50px 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.product-detail-comment-form input[type="text"] {
float: left;
width: 100%;
height: 41px;
color: #b1b1b1;
background: none;
font: 400 14px/14px 'Roboto', sans-serif;
border: 0;
border-bottom: 1px solid #8d8d8d;
margin: 0 0 20px 0;
}
.product-detail-comment-form textarea {
float: left;
width: 100%;
height: 186px;
color: #b1b1b1;
background: none;
font: 400 14px/14px 'Roboto', sans-serif;
border: 0;
border-bottom: 1px solid #8d8d8d;
margin: 0 0 50px 0;
resize: none;
}
.product-detail-comment-form input[type="submit"] {
float: right;
padding: 20px 35px;
border: 1px solid;
background: none;
font: 400 16px/16px 'Roboto', sans-serif;
text-transform: uppercase;
}
.product-detail-comment-form input[type="submit"]:hover {
border: 1px solid rgba(0,0,0,0);
color: #fff;
}
.product-detail .product-section {
padding: 0;
}
.product-detail .product-section .our-product {
background: #fff;
}
.product-detail .our-product .frame {
background: none;
border: 0;
}
.product-detail strong.amount {
clear: both;
}
.product-detail .product-section h3 {
margin: 0 0 50px 0;
}
.product-detail .product-section .our-product h3 {
float: none;
margin: 0 0 15px 0;
}
.product-detail .item {
float: left;
margin: 0 30px 0 0;
}
.product-detail .owl-next {
position: absolute;
right: 0;
top: -80px;
font-size: 0;
}
.product-detail .owl-prev {
position: absolute;
right: 20px;
left: inherit;
top: -80px;
font-size: 0;
}
.product-detail .owl-next:before {
content: "\f105";
font-family: FontAwesome;
font-size: 26px;
color: #222;
display: block;
}
.product-detail .owl-prev:before {
content: "\f104";
font-family: FontAwesome;
font-size: 26px;
color: #222;
display: block;
}
/**********************************************PRODUCT DETAIL END**********************************************/
/**********************************************Pop Up Holder START**********************************************/
#popup-overlay {
float: left;
width: 100%;
height: 100%;
position: fixed;
display: none;
left: 0;
top: 0;
z-index: 9999;
background-color: rgba(0,0,0,0.51);
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-ms-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}
#popup {
top: -300px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-ms-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
}
.cp-popup-holder {
width: 979px;
margin: 0 auto;
padding: 100px 0 90px 50px;
background: url(../images/pop-up-img.jpg) top center no-repeat;
background-size: cover;
overflow: hidden;
position: fixed;
left: 0;
right: 0;
top: -200px;
z-index: 999;
}
.cp-popup-holder h2 {
font: 700 100px 'Roboto', sans-serif;
margin: 0;
}
.cp-popup-holder strong.title {
font: 400 36px/36px 'Roboto', sans-serif;
display: block;
text-transform: uppercase;
padding: 0 0 30px 0;
}
.cp-popup-holder .cp-inner {
float: left;
width: 470px;
}
.cp-popup-holder .cp-inner p {
font: 400 18px/24px 'Roboto', sans-serif;
color: #000;
margin: 0 0 30px 0;
}
.cp-popup-holder form {
float: left;
width: 100%;
text-align: center;
font: 500 14px/14px 'Roboto', sans-serif;
}
.cp-popup-holder form input[type="text"], .cp-popup-holder form input[type="email"], .cp-popup-holder form input[type="password"], .cp-popup-holder form .subscribe {
font: 500 16px 'Roboto', sans-serif;
float: left;
width: 100%;
height: 54px;
padding: 0 30px;
color: #a2a2a2;
margin: 0 0 14px;
border: none;
background-color: #fff;
border: 1px solid #c2c2c2;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.cp-popup-holder form .subscribe {
color: #000;
text-align: center;
background: #e6e6e6;
border: 0;
box-shadow: 5px 5px 0 0px;
}
.cp-popup-holder form label {
display: block;
margin: 0;
padding: 5px 0;
}
.cp-popup-holder #popup-close {
font-size: 12px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: #fff;
position: absolute;
right: 0;
top: 0;
}
/**********************************************Pop Up Holder START**********************************************/
/******************************************CAUSES HEADER START*******************************************/
#header.causes-header {
background: rgba(10,14,15,0.76);
padding: 0;
}
#header.causes-header .navigation-row {
padding: 0;
}
#header.causes-header .container-fluid {
padding: 0 0 0 40px;
}
#header.causes-header .top-search {
margin: 0;
padding: 49px 35px;
}
#header.causes-header .cp-burger-nav {
margin: 0;
background: #000;
padding: 53px 35px;
}
#header.causes-header strong.logo {
margin: 33px 0 0 0;
}
#header.causes-header .navigation-row .navbar {
margin: 53px 0 0 0;
}
/******************************************CAUSES HEADER END*******************************************/
.causes-banner#banner .caption h1 {
font: 300 48px/88px 'Roboto', sans-serif;
color: #f7f7f7;
margin: 0;
text-align: left;
background: rgba(0,0,0,0.88);
float: left;
padding: 10px 20px 10px 83px;
margin: 0 0 2px 0;
}
.causes-banner#banner .caption h1 b {
font-weight: 900;
}
.causes-banner#banner strong.title {
float: left;
color: #f7f7f7;
font: 900 36px/88px 'Roboto', sans-serif;
background: rgba(0,0,0,0.88);
clear: both;
text-transform: uppercase;
padding: 0 30px 0 82px;
}
.causes-banner#banner .owl-pagination {
display: none;
}
.causes-banner#banner .owl-buttons {
display: inherit;
}
.causes-banner#banner .owl-next {
font-size: 0;
position: absolute;
right: 40px;
top: 500px;
}
.causes-banner#banner .owl-next:before {
content: "\f105";
font-size: 50px;
color: #fff;
display: block;
font-family: FontAwesome;
}
.causes-banner#banner .owl-prev {
font-size: 0;
position: absolute;
right: 90px;
left: inherit;
top: 500px;
}
.causes-banner#banner .owl-prev:before {
content: "\f104";
font-size: 50px;
color: #fff;
display: block;
font-family: FontAwesome;
}
/***************************************************URGENT CAUSES SECTION START****************************************************/
.urgent-causes {
float: left;
width: 100%;
margin: -86px 0 80px 0;
position: relative;
}
.urgent-causes .holder {
float: left;
width: 100%;
background: #fff;
padding: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.urgent-causes .text-box {
float: left;
padding: 60px 20px 60px 30px;
max-width: 430px;
}
.urgent-causes .text-box em {
font: italic 500 18px/30px 'Roboto', sans-serif;
color: #6b6b6b;
display: block;
}
.urgent-causes .text-box a.btn-register {
font: 700 14px/14px 'Roboto', sans-serif;
text-transform: uppercase;
float: right;
}
.urgent-causes .text-box a.btn-register .fa {
padding: 0 0 0 6px;
font-size: 16px;
}
.urgent-causes .right-box {
float: right;
width: 690px;
background: #000 url(../images/urgent-causes-img-1.png) no-repeat left top/cover;
padding: 60px 50px 50px 75px;
}
.urgent-causes .right-box .progress-bar {
box-shadow: none;
border: 1px solid #664124;
border-radius: 15px;
}
.urgent-causes .right-box .progress {
background-color: #fff;
border: 1px solid #e0dfdf;
border-radius: 15px;
box-shadow: none;
height: 12px;
margin-bottom: 55px;
overflow: hidden;
}
.urgent-causes .right-box ul {
float: left;
padding: 0;
margin: 0 0 40px 0;
list-style: none;
width: 100%;
}
.urgent-causes .right-box ul li {
float: left;
padding: 0 0 0 55px;
}
.urgent-causes .right-box ul li:first-child {
padding: 0;
}
.urgent-causes .right-box ul li strong.number {
font: 300 36px/36px 'Roboto', sans-serif;
color: #fff;
display: block;
padding: 0 0 16px 0;
}
.urgent-causes .right-box ul li b {
font: 700 14px/14px 'Roboto', sans-serif;
text-transform: uppercase;
color: #fff;
display: block;
}
.urgent-causes .right-box strong.amount {
font: 300 36px/36px 'Roboto', sans-serif;
color: #fff;
display: block;
}
.urgent-causes .right-box strong.amount span {
font-weight: 700;
}
.urgent-causes .right-box a.btn-style-1 {
float: right;
}
/***************************************************URGENT CAUSES SECTION END****************************************************/
/********************************************************HELP SECTION START*********************************************************/
.help-section {
float: left;
width: 100%;
padding: 0 0 80px 0;
}
.help-section .container-fluid, .help-section .container-fluid .col-md-6, .help-section .container-fluid .col-md-5 {
padding: 0;
}
.help-section .frame {
float: left;
width: 100%;
box-shadow: 28px 28px 0 #f9f9f9;
position: relative;
overflow: hidden;
}
.help-section .frame img {
width: 100%;
transform: scale(1.3);
transition: all 0.5s ease-in;
}
.help-section .frame:hover img {
transform: scale(1);
}
.help-section .frame:hover:before, .help-section .frame:hover:after {
opacity: 1;
width: 38%;
}
.help-section .frame:before {
content: '';
background-color: rgba(0,0,0,0.4);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0%;
transform: rotate(15deg) scale(1.5);
transition: all 0.5s ease-in;
z-index: 99;
opacity: 0;
}
.help-section .frame:after {
content: '';
background-color: rgba(0,0,0,0.4);
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 0%;
transform: rotate(15deg) scale(1.5);
transition: all 0.5s ease-in;
z-index: 99;
opacity: 0;
}
.help-section .frame img {
display: block;
width: 100%;
}
.help-section .text-box {
float: left;
width: 585px;
padding: 0 0 30px 144px;
position: relative;
}
.help-section .text-box:before {
content: '';
position: absolute;
left: 104px;
top: 5px;
width: 19px;
height: 19px;
border: 4px solid #605f64;
border-radius: 100%;
}
.help-section .text-box h3 {
display: block;
color: #605f64;
font: 28px/28px 'Roboto', sans-serif;
}
.help-section .text-box a.btn-readmore {
float: right;
font: 700 14px/14px 'Roboto', sans-serif;
text-transform: uppercase;
text-decoration: none;
}
.help-section .text-box a.btn-readmore .fa {
padding: 0 0 0 6px;
}
.help-section .text-box p {
font-weight: 400;
color: #6b6b6b;
}
/********************************************************HELP SECTION END*********************************************************/
/***********************************************************RECENT CAUSES SECTION START************************************************************/
.recent-causes {
float: left;
width: 100%;
padding: 0 0 80px 0;
}
.recent-causes .box {
float: left;
width: 100%;
position: relative;
}
.recent-causes .box .frame {
float: left;
width: 100%;
position: relative;
}
.recent-causes .box .frame img {
width: 100%;
}
.recent-causes .box .frame:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
opacity: 1;
}
.recent-causes .box .frame:hover:after {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
}
.recent-causes .box .frame:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: all 0.5s ease-in;
}
.recent-causes .box .frame:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transition: all 0.5s ease-in;
}
.recent-causes .box .frame img {
display: block;
width: 100%;
}
.recent-causes .box .text-box {
position: absolute;
left: 0;
right: 0;
top: 249px;
margin: auto;
width: 299px;
padding: 34px 20px;
background: #fff;
}
.recent-causes .box .text-box strong.percent {
width: 59px;
height: 59px;
border: 3px solid #fff;
border-radius: 100%;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
font: 400 18px/50px 'Roboto', sans-serif;
color: #fff;
text-align: center;
display: block;
margin: -64px auto 16px;
}
.recent-causes .box .text-box h3 {
font: 400 28px/28px 'Roboto', sans-serif;
text-align: center;
margin: 0 0 28px 0;
color: #605f64;
}
.recent-causes .box .text-box .progress {
background-color: #fff;
border: 1px solid #e0dfdf;
border-radius: 15px;
box-shadow: none;
height: 12px;
margin-bottom: 20px;
overflow: hidden;
}
.recent-causes .box .text-box .progress-bar {
border-radius: 15px;
box-shadow: none;
}
.recent-causes .box .text-box strong.amount {
display: block;
text-align: center;
font: 400 24px/30px 'Roboto', sans-serif;
padding: 0 0 10px 0;
}
.recent-causes .box .text-box b {
font: 700 16px/16px 'Roboto', sans-serif;
color: #545454;
display: block;
text-align: center;
padding: 0 0 10px 0;
}
.recent-causes .box .text-box p {
text-align: center;
margin: 0 0 15px 0;
}
.recent-causes .box .text-box a.btn-now {
display: block;
text-align: center;
font: 700 15px/15px 'Roboto', sans-serif;
text-transform: uppercase;
}
.recent-causes .box .text-box a.btn-now .fa {
padding: 0 0 0 6px;
font-size: 16px;
}
.recent-causes .btn-row {
margin: 220px 0 0 0;
}
/***********************************************************RECENT CAUSES SECTION END************************************************************/
/************************************************************CLIENT SECTION START*************************************************************/
.client-section {
float: left;
width: 100%;
background: #000 url(../images/client-section-bg.png) no-repeat left top/cover;
padding: 80px 0;
}
.client-section .holder {
margin: 0 auto;
display: block;
width: 980px;
overflow: hidden;
}
.client-section .holder h2 {
color: #fff;
}
.client-section .holder .frame {
display: block;
margin: 0 auto 30px;
border-radius: 100%;
width: 128px;
height: 128px;
}
.client-section .holder .frame img {
display: block;
width: 100%;
border-radius: 100%;
}
.client-section .holder blockquote {
text-align: center;
font: italic 500 24px/36px 'Roboto', sans-serif;
color: #fff;
text-align: center;
display: block;
padding: 0;
margin: 0;
border: 0;
}
.client-section .holder blockquote .fa {
color: #fff;
display: block;
text-align: left;
}
.client-section .holder blockquote cite {
font: 400 18px/18px 'Roboto', sans-serif;
display: block;
text-align: center;
padding: 30px 0 0 0;
}
/************************************************************CLIENT SECTION END*************************************************************/
.progress-wrap {
float: left;
padding-top: 2px;
width: 100%;
}
.pastore-progress {
float: left;
width: 100%;
}
.pastore-progress .progress-outer {
background-color: #ccc;
border-radius: 0;
float: left;
height: 10px;
margin-bottom: 30px;
padding: 0;
position: relative;
width: 100%;
}
.pastore-progress .progressbars.progress-inner {
border-radius: 0;
height: 100%;
}
.pastore-progress .progressbars.progress-inner > span {
font: 700 16px/16px 'Roboto', sans-serif;
color: #000;
opacity: 1;
position: absolute;
right: 0;
top: -28px;
}
.our-pastore .caption, .hover-box, .home-blog .blog-style-1, .currency-language-row .dropdown-menu > li > a, #nav li a, .services-box-style-1 .thumb, .services-box-style-1 h3, .services-box-style-1 p, .services-box-style-1 span, .services-box-style-1 a.readmore, .home-style-3 .holder-hover, .sermon-box .holder, .sermons-section.recent-sermons .outer, .tags a:hover, .sermons-grid-box .frame .caption, .event-grid-box .frame .caption, .event-grid-box .frame strong.date, .cart-table ul li, .recent-sermons .links ul li a, .upcoming-col .text-box .links li, .upcoming-col .text-box .links li a span, .store-box-social ul li a, .store-box .customer-social ul li a, .recent-project .box img, .home-style-3.home-about .thumb-1 img, .home-style-3.home-about .thumb-2 img, .event-style-2-box .thumb img, .event-style-2-box .social ul li, .event-style-2-box .social ul li a span, .theme-style-3 .blog-box-outer .frame img, .home-blog .blog-style-1 a.title, .home-about-style-2 .right-box img, .upcoming-event .event-box .social ul li a span, .upcoming-event .event-box .social ul li, .broadcast-right-box img, .devotional-section .box img, .signup-secion form input[type="submit"], .blog-masnory-section .masnory-box .frame img, .sermon-box .holder-hover-1, .help-section .text-box::before, .form-row form input[type="submit"], .product-categories ul li:before, .product-categories ul li a, .instagram-box ul li img, .latest-post ul li .thumb img, .newsletter-box input[type="submit"], .detail-comment-form input[type="submit"], .comingsoon-page .holder form button[type="submit"], .map-box .caption form input[type="submit"], .event-calendar-section form input[type="submit"], .event-grid-box .text-box .social li a span, .pastore-detail-section-1 .frame img, .pastore-detail-section-1 .text-box .pastore-social li a, .product-detail-comment-form input[type="submit"], .sermons-grid-box .text-box .social li a, .sermons-list-box .thumb img, .sermons-list-box .text-box strong.title a, .sermons-list-box .text-box ul li a, .latest-sermons ul li .thumb img, .latest-sermons .text-box .social li a {
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
}
.gallery-style-1 .frame .caption, .gallery-row .frame .caption, .gallery-row .frame .caption .holder, .home-style-3 .holder-hover ul li a span, .product-section .our-product, .home-about .frame-1 img, .home-about .frame-2 img, .footer-section-1 form input[type="submit"], .about-top-row .right-box, .about-top-row .left-box, .round-box, .our-events .event-col .thumb img, .our-events .event-col .text-box .links li, .our-events .event-col .text-box .links li a span {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.FONTS {
font-family: 'Roboto', sans-serif;
font-family: 'Mrs Saint Delafield', cursive;
}
.download-btn {
color: #00266c!important;
}
.download-btn:hover {
color: #FFF!important;
}
.contact-form-wrapper .alert {
padding: 4px;
}
#contact-form input, #contact-form textarea {
color: #000;
}
.footer-links {
float: left;
width: 70%;
margin: 20px 0 0 15px;
list-style-type: none;
padding: 0;
}
.footer-links li a{
color: #606060;
}
.footer-links li{
display: inline;
padding: 0 2%;
}
.footer-links .fb a {
font-size: 16px;
}
.footer-links .fb a:hover
{
text-decoration: none!important;
}
.text-box .links {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
.text-box .links li {
float: left;
margin: 0 6px 0 0;
width: 39px;
height: 39px;
background: #fff;
}
.text-box .links li a {
font: 700 20px/20px 'Roboto', sans-serif;
text-decoration: none;
color: #605f64;
display: block;
padding: 0 0 15px 0;
}
.text-box .links li a i {
color: #fff;
text-align: center;
font-size: 19px;
display: block;
line-height: 36px;
background-color: #000;
}
@media screen and (max-width: 700px) {
.footer-logo {
width: 100%;
text-align:center;
}
.footer-links {
width: 100%;
text-align:center;
margin: 20px 0 0 0;
}
.copyrights {
width: 100%;
text-align:center;
}
}
.contact-form-fields > div input[type="text"], .contact-form-fields > div textarea {
border: 1px solid #efefef;
padding: 0 10px
}
.contact-form-fields > div textarea {
padding: 15px 10px;
margin: 0 0 20px;
}
.policy-checkbox {
margin: 0 0 20px;
}
.submit-form {
margin-top: 20px;
}
.policy-checkbox input {
margin-right: 7px !important;
}
.feedFrame iframe {
width: 100%;
}
.contact-form-fields > div {
width: 100%;
float: left;
}