html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
body {
margin:0;
padding:0;
}
#wrapper {
width:100%;
overflow:hidden;
}
#header {
float:left;
width:100%;
background-image:url(../images/header-pattren-top.png);
}
.head-topbar {
float:left;
width:100%;
}
.head-topbar .holder {
max-width:1170px;
margin:0 auto;
position:relative;
}
.head-topbar .left {
float:left;
padding:16px 0;
}
.head-topbar .left strong.ph {
font:12px 'Open Sans', sans-serif;
color:#fff;
float:left;
margin:0 22px 0 0;
}
.head-topbar .left strong.ph .fa {
font-size:14px;
padding:0 5px 0 0;
}
.head-topbar .left a.email {
font:12px 'Open Sans', sans-serif;
color:#fff;
text-decoration:none;
float:left;
}
.head-topbar .left a.email:hover {
text-shadow:0 0 5px rgba(0, 0, 0, 0.5);
}
.head-topbar .left a.email .fa {
font-size:14px;
padding:0 5px 0 0;
}
.head-topbar .right {
float:right;
padding:13px 0 11px 0;
}
.topbar-social {
padding:0;
margin:0;
list-style:none;
float:left;
}
.topbar-social li {
float:left;
padding:0 10px 0 0;
}
.topbar-social li a {
font-size:18px;
color:#fff;
text-decoration:none;
}
.head-topbar .right a.btn-login {
border:1px solid #fff;
float:right;
width:25px;
height:25px;
text-decoration:none;
background:rgba(255, 255, 255, 0.15);
}
.head-topbar .right a.btn-login .fa {
font-size:14px;
line-height:23px;
color:#fff;
display:block;
text-align:center;
}
.head-topbar .right a.btn-search {
border:1px solid #fff;
float:right;
width:25px;
height:25px;
text-decoration:none;
background:rgba(255, 255, 255, 0.15);
margin:0 0 0 10px;
}
.head-topbar .right a.btn-search .fa {
font-size:14px;
line-height:23px;
color:#fff;
display:block;
text-align:center;
}
.search-box {
float:left;
margin:0;
width:100%;
position:absolute;
top:0;
left:0;
z-index:9;
background:#dc4600;
padding:35px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.topbar-search-input {
float:left;
width:100%;
height:77px;
border:0;
padding:0 92px 0 33px;
margin:0;
font:400 16px 'Noto Serif', serif;
color:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.topbar-btn-search {
background:none;
border:0;
padding:0 0 0 15px;
margin:0;
position:absolute;
right:67px;
top:55px;
border-left:2px dotted #fff;
}
.topbar-btn-search .fa {
font-size:40px;
color:#fff;
}
.search-box a.crose {
width:25px;
height:25px;
background:#ff6400;
position:absolute;
right:5px;
top:5px;
font-size:16px;
color:#fff;
text-align:center;
line-height:25px;
text-decoration:none;
}
.search-box a.close:hover {
}
.logo-row {
float:left;
width:100%;
background-image:url(../images/header-pattren-1.png);
position:relative;
box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3) inset;
}
strong.logo {
float:left;
margin:5px 0 5px 0;
position:relative;
z-index:2;
}
strong.logo a {
display:block;
height:100%;
}
.event-timer {
float:right;
padding:0 0 4px 0;
}
.event-timer strong.title {
font:16px/115px 'Noto Serif', serif;
color:#fff;
float:left;
margin:0 -15px 0 0;
}
.time_circles {
position:relative;
width:100%;
height:100%;
}
.time_circles>div {
position:absolute;
text-align:center;
}
.time_circles>div>h4 {
margin:0px;
padding:0px;
text-align:center;
text-transform:uppercase;
font-family:'Century Gothic', Arial;
}
.event-timer>div {
float:left;
background:none!important;
}
.time_circles>div>span {
display:block;
width:100%;
color:#fff;
text-align:center;
font-family:'Century Gothic', Arial;
font-size:300%;
margin-top:0.4em;
font-weight:bold;
}
.countdown-container {
position:relative;
top:18px;
float:right;
width:408px;
}
.wrap {
float:left;
width:80px;
margin:0 0 0 22px;
position:relative;
}
span.colun-1 {
background:url(../images/colun-img.png) no-repeat center top;
width:5px;
height:20px;
font-size:40px;
color:#d2e0e1;
text-indent:-90000px;
position:absolute;
left:110px;
top:30px;
}
span.colun-2 {
background:url(../images/colun-img.png) no-repeat center top;
width:5px;
height:20px;
font-size:40px;
color:#d2e0e1;
text-indent:-90000px;
position:absolute;
left:212px;
top:30px;
}
span.colun-3 {
background:url(../images/colun-img.png) no-repeat center top;
width:5px;
height:20px;
font-size:40px;
color:#d2e0e1;
text-indent:-90000px;
position:absolute;
left:313px;
top:30px;
}
.clock-item .inner {
height:0px;
padding-bottom:0;
position:relative;
width:80px;
height:80px;
}
.clock-canvas {
background-color:rgba(0, 0, 0, 0.3);
border-radius:100%;
height:0px;
padding-bottom:100%;
}
.text {
font-family:'Open Sans', sans-serif;
color:#fff;
font-size:26px;
font-weight:300;
margin-top:-30px;
position:absolute;
top:50%;
text-align:center;
width:100%;
}
.text .val {
font-size:26px;
font-weight:300;
margin:0;
}
.text .type-time {
font-size:12px;
margin:0;
font-weight:600;
}
.navigation-row {
float:left;
width:100%;
height:50px;
box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3) inset;
}
.navigation-row .navbar-collapse {
padding:0;
}
.navigation-row .navbar-inverse {
background-color:rgba(0, 0, 0, 0);
border-color:transparent;
}
#nav {
width:100%;
padding:0;
margin:0;
list-style:none;
float:left;
}
.navigation-row .navbar-collapse.in {
overflow:inherit;
}
#nav li {
float:left;
position:relative;
}
#nav li:first-child {
background:none;
}
#nav li a {
font:15px/35px 'Noto Serif', serif;
color:#fff;
text-decoration:none;
padding:0 18px;
display:block;
position:relative;
z-index:20;
height:50px;
}
#nav li:hover>a {
background:rgba(0, 0, 0, 0.3);
}
#nav li.active>a {
border-top:4px solid rgba(0, 0, 0, 0.3);
background:rgba(0, 0, 0, 0.3);
}
#nav li ul li a:hover, #nav li ul li:hover>a {
text-decoration:none;
background:#f5f5f5;
border-top:0;
border-left:3px solid #58585a;
}
#nav li ul {
position:absolute;
left:inherit;
right:0;
top:50px;
width:227px;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
background:#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:130px;
top:0;
width:134px;
padding:0;
}
#nav li ul li {
float:none;
width:auto;
background:none;
border-bottom:1px solid #ccc;
}
#nav li ul li a {
background:none;
font:14px 'Noto Serif', serif;
color:#666;
height:auto;
text-align:left;
padding:8px 0 8px 17px;
display:block;
border-top:0;
border-left:3px solid rgba(0, 0, 0, 0);
}
#banner {
float:left;
width:100%;
position:relative;
}
#home-banner {
float:left;
width:100%;
}
#banner .bx-wrapper {
margin:0;
float:left;
width:100%;
}
#banner .bx-wrapper .bx-viewport {
background:none;
border:0;
box-shadow:none;
left:0;
}
#banner .bx-viewport>ul {
padding:0;
margin:0;
list-style:none;
}
#banner .bx-wrapper .bx-pager {
display:none;
}
#banner .bx-wrapper img {
width:100%;
}
#banner .bx-wrapper .bx-controls-direction a {
margin-top:-20px;
text-indent:-99999px;
top:50%;
width:40px;
height:91px;
text-decoration:none;
}
#banner .bx-wrapper .bx-next {
background:url(../images/right-arrow.png) no-repeat left top;
right:0;
}
#banner .bx-wrapper .bx-prev {
background:url(../images/left-arrow.png) no-repeat left top;
left:20px;
}
#banner .caption {
position:absolute;
left:0;
top:20px;
width:100%;
}
#banner .caption .holder {
float:right;
width:500px;
}
#banner .caption .holder h1 {
font:400 30px/30px 'Noto Serif', serif;
color:#000;
margin:0 0 10px 0;
}
#banner .caption .holder .paragraph-box {
background-color:#fff;
padding:20px;
float:left;
width:100%;
margin:0 0 20px 0;
border-radius:4px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.25);
}
#banner .caption .holder .paragraph-box p {
font:400 16px/24px 'Open Sans', sans-serif;
color:#000;
margin:0;
}
#banner .caption .holder a.btn-detail {
border-radius:5px;
box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
color:#fff;
float:left;
font:400 18px/18px "Noto Serif", serif;
padding:18px 35px;
margin:0;
text-align:center;
text-decoration:none;
}
#main {
float:left;
width:100%;
}
.featured-sermon {
float:left;
width:100%;
background-image:url(../images/featured-sermon-pattren.png);
background-repeat:repeat;
background-position:left top;
padding:0 0 20px 0;
}
.featured-sermon strong.title {
font:18px/18px 'Noto Serif', serif;
color:#fff;
float:left;
padding:20px 20px 0 0;
}
.player-box {
float:left;
}
.player-holder {
float:left;
width:730px;
margin:18px 0 0 0;
}
.player-holder strong.title {
font:18px/18px 'Noto Serif', serif;
color:#fff;
padding:0 0 10px 0;
}
.download-section {
float:right;
margin:20px 0 0 0;
}
.download-section a {
background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
border:1px solid #fff;
border-radius:43px;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
float:left;
height:45px;
margin:0 5px 5px 0;
text-decoration:none;
width:45px;
}
.download-section a .fa {
color:#fff;
display:block;
font-size:20px;
line-height:43px;
text-align:center;
text-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.mp3-player-box {
float:left;
width:100%;
}
.mp3-player-box .audioplayer {
background:#222;
border:0;
border-radius:2px;
box-shadow:none;
color:#fff;
height:58px;
position:relative;
text-shadow:1px 1px 0 #000;
z-index:1;
}
.mp3-player-box .audioplayer {
color:#fff;
}
.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:13px 0 0 0;
text-shadow:none;
}
.mp3-player-box .audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div {
border-radius:7px;
}
.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;
background:#fff;
}
.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;
background:#f05a00;
}
.mp3-player-box .audioplayer-bar-played {
background:#f05a00;
}
.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, .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;
}
.welcome-box {
float:left;
width:100%;
margin:0 0 40px 0;
}
.welcome-box .holder {
width:100%;
float:left;
background-color:#f5f5f5;
padding:30px 72px 35px 72px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.welcome-box .holder h2 {
font:400 28px 'Noto Serif', serif;
color:#333;
text-align:center;
text-transform:uppercase;
letter-spacing:-1px;
margin:0 0 5px 0;
}
.welcome-box .holder h2 span.color {
}
.welcome-box .holder h2 strong {
font-weight:700;
}
.welcome-box .holder p {
font:400 14px/24px 'Open Sans', sans-serif;
color:#666;
text-align:justify;
margin:0;
}
.home-widget-box {
float:left;
width:100%;
background:url(../images/home-wedigt-img.jpg) no-repeat left top/cover;
margin:0 0 35px 0;
overflow:hidden;
}
.widget-box {
float:left;
width:100%;
padding:0 20px 40px 20px;
border-top:4px solid rgba(0, 0, 0, 0);
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.widget-box:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
width:0px;
height:0px;
border-style:solid;
border-width:6px 7.5px 0 7.5px;
border-color:transparent transparent transparent transparent;
}
.widget-box .round {
width:100px;
height:100px;
border-radius:100%;
margin:36px auto 11px;
display:block;
border:1px solid;
}
.widget-box .round .fa {
font-size:40px;
text-align:center;
display:block;
line-height:100px;
}
.widget-box h3 {
font:400 24px 'Noto Serif', serif;
color:#333;
letter-spacing:-1px;
text-align:center;
margin:0 0 8px 0;
}
.widget-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
text-align:justify;
margin:0 0 10px 0;
}
.widget-box a.btn-widget {
width:122px;
height:40px;
margin:0 auto;
display:block;
border:1px solid #999;
border-radius:5px;
font:400 14px/40px 'Noto Serif', serif;
color:#333;
text-align:center;
text-decoration:none;
box-shadow:0 -4px 0 0 transparent inset;
}
.widget-box:hover {
background-color:#fff;
border-top:4px solid #ccc;
box-shadow:0 6px 6px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 6px 6px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 6px 6px 0 rgba(0, 0, 0, 0.3);
}
.widget-box:hover:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
width:0px;
height:0px;
border-style:solid;
border-width:6px 7.5px 0 7.5px;
border-color:#ccc transparent transparent transparent;
}
.widget-box:hover .round {
}
.widget-box:hover .round .fa {
color:#fff;
}
.widget-box:hover a.btn-widget {
color:#fff;
box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
border:1px solid;
}
.latest-sermons-box {
float:left;
width:100%;
padding-bottom:10px;
margin:0 0 0 0;
}
.latest-sermons-box h3 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 17px 0;
letter-spacing:-1px;
}
.sermons-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
padding:0 0 15px 0;
position:relative;
}
.sermons-box:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-4px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:98%;
}
.sermons-box:after {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-8px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:96%;
}
.sermons-box .frame {
float:left;
width:100%;
margin:0 0 13px 0;
position:relative;
overflow:hidden;
}
.sermons-box .frame img {
width:100%;
display:block;
}
.sermons-box .text-box {
float:left;
width:100%;
padding:0 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.sermons-box .text-box h4 {
font:400 18px 'Noto Serif', serif;
color:#333;
margin:0 0 9px 0;
word-spacing:-4px;
}
.sermons-box .text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 11px 0;
}
.sermons-box .text-box a.readmore {
font:italic 400 14px 'Noto Serif', serif;
color:#333;
float:left;
text-decoration:none;
padding:0 0 15px 15px;
position:relative;
}
.sermons-box .text-box a.readmore:before {
content:'';
position:absolute;
left:0;
top:9px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.sermons-box .detail-row {
float:left;
width:100%;
border-top:1px solid #ccc;
padding:6px 0 0 0;
}
.sermons-box .detail-row ul {
padding:0;
margin:0;
list-style:none;
}
.sermons-box .detail-row ul li {
float:left;
padding:0 0 0 20px;
}
.sermons-box .detail-row ul li:first-child {
padding:0;
}
.sermons-box .detail-row ul li a {
font:400 12px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
}
.sermons-box .detail-row ul li a .fa {
float:left;
line-height:19px;
padding:0 6px 0 0;
}
.sermons-box .detail-row ul li a:hover {
text-shadow:0 0 3px rgba(0, 0, 0, 0.3);
}
.sermons-box .frame .caption {
position:absolute;
left:0;
top:100%;
width:100%;
height:100%;
}
.sermons-box .frame .caption:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.8;
}
.sermons-box .frame .caption .inner {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
width:100px;
height:89px;
}
.sermons-box .frame .caption .inner a {
border:1px solid #fff;
border-radius:43px;
width:45px;
height:45px;
float:left;
background:rgba(255, 255, 255, 0.3);
text-decoration:none;
margin:0 5px 5px 0;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.sermons-box .frame .caption .inner a .fa {
font-size:20px;
line-height:43px;
color:#fff;
text-align:center;
display:block;
text-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.sermons-box:hover .caption {
top:0;
}
.sermons-box:hover .text-box h4 {
}
.quote-box {
float:left;
width:100%;
background-image:url(../images/quote-message-img-1.png);
background-repeat:repeat;
background-position:left top;
padding:67px 0 79px 0;
}
.quote-box h3 {
font:400 36px 'Noto Serif', serif;
color:#fff;
text-transform:uppercase;
letter-spacing:-1px;
text-align:center;
text-shadow:0 3px 3px rgba(0, 0, 0, 0.3);
margin:0 0 3px 0;
}
.quote-box p {
margin:0 73px;
font:400 16px/24px 'Open Sans', sans-serif;
color:#fff;
text-align:center;
}
.slide {
background-attachment:fixed;
height:auto;
position:relative;
width:100%;
}
.latest-event {
float:left;
width:100%;
background:url(../images/latest-event-img.jpg) no-repeat left top/cover;
padding:56px 0 60px 0;
margin:0 0 35px 0;
}
.latest-event h3 {
font:400 28px/28px 'Noto Serif', serif;
letter-spacing:-1px;
margin:0 0 16px 0;
}
.latest-event-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
position:relative;
}
.latest-event-box .frame {
float:left;
width:100%;
position:relative;
overflow:hidden;
box-shadow:none!important;
margin:0!important;
}
.latest-event-box .frame img {
width:100%;
display:block;
}
.latest-event-box .frame .date {
position:absolute;
left:0;
top:0;
width:52px;
height:52px;
border-right:3px solid #000;
border-bottom:3px solid #000;
}
.latest-event-box .frame .date strong.dat {
font:400 18px 'Noto Serif', serif;
color:#fff;
text-align:center;
letter-spacing:-1px;
display:block;
padding:3px 0 0 0;
}
.latest-event-box .frame .date strong.mnt {
font:400 14px 'Noto Serif', serif;
color:#fff;
text-transform:uppercase;
text-align:center;
display:block;
letter-spacing:-1px;
margin:-5px 0 0 0;
}
.latest-event-box .frame .caption {
position:absolute;
left:0;
bottom:0;
width:100%;
}
.latest-event-box .frame .caption h4 {
font:400 18px 'Noto Serif', serif;
color:#fff;
display:block;
background:rgba(0, 0, 0, 0.75);
margin:0;
padding:9px 0 8px 20px;
word-spacing:-4px;
}
.latest-event-box .frame .caption .text-box {
float:left;
width:100%;
background-color:#fff;
padding:15px 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.latest-event-box .frame .caption .text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0;
}
.latest-event-box .frame .inner-area {
position:absolute;
left:0;
top:100%;
width:100%;
height:100%;
}
.latest-event-box:hover .inner-area {
top:0;
}
.latest-event-box .frame .inner-area:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.8;
}
.latest-event-box .frame .inner-area .timer-box {
float:left;
width:100%;
background:rgba(0, 0, 0, 0.75);
position:relative;
padding:8px 17px;
margin:0 0 5px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.is-countdown {
}
.countdown-rtl {
direction:rtl;
}
.countdown-holding span {
color:#333;
font:400 36px 'Roboto Slab', serif;
}
.countdown-row {
clear:both;
width:100%;
padding:0px 0;
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-amount {
font-size:200%;
color:#fff;
font:400 24px 'Noto Serif', serif;
}
.countdown-period {
display:block;
font:400 12px 'Noto Serif', serif;
text-align:center;
color:#fff;
text-transform:uppercase;
margin:-7px 0 0 0;
}
.countdown-descr {
display:block;
width:100%;
}
.text-area {
float:left;
width:100%;
padding:0 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.text-area strong.title {
font:400 12px 'Noto Serif', serif;
color:#fff;
display:block;
word-spacing:-4px;
padding:0 0 7px 0;
}
.text-area ul {
padding:0;
margin:0 0 10px 0;
list-style:none;
float:left;
width:100%;
border-bottom:1px solid #fff;
}
.text-area ul li {
float:left;
padding:0;
margin:0!important;
width:100%;
border-top:1px solid #fff;
}
.text-area ul li a {
font:400 12px/12px 'Open Sans', sans-serif;
color:#fff;
display:block;
text-decoration:none;
}
.text-area ul li a span {
float:left;
width:32px;
padding:0;
}
.text-area ul li a span .fa {
color:#fff;
font-size:12px;
padding:0;
line-height:30px;
height:15px;
text-align:center;
display:block;
}
.text-area ul li a strong {
font:400 12px 'Open Sans', sans-serif;
color:#fff;
border-left:1px solid #fff;
float:left;
padding:5px 0 7px 10px;
}
.text-area a.btn-participate {
font:italic 13px/30px 'Noto Serif', serif;
color:#333;
text-decoration:none;
background-color:#fff;
border-radius:5px;
width:123px;
height:30px;
margin:0 auto;
display:block;
clear:both;
text-align:center;
box-shadow:0 -4px 0 0 #ccc inset;
-moz-box-shadow:0 -4px 0 0 #ccc inset;
-webkit-box-shadow:0 -4px 0 0 #ccc inset;
}
.latest-event-box:hover .frame .date {
display:none;
}
.latest-event-box:hover .frame .caption {
display:none;
}
.latest-event a.view-calender {
text-decoration:none;
display:block;
margin:21px auto 0;
width:211px;
height:53px;
border-radius:5px;
box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
font:400 18px/52px 'Noto Serif', serif;
color:#fff;
text-align:center;
text-transform:uppercase;
}
.blog-posts {
float:left;
width:100%;
padding-bottom:7px;
margin:0 0 34px 0;
}
.blog-posts h3 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 17px 0;
letter-spacing:1-px;
}
.blog-posts-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.blog-posts-box .frame {
float:left;
width:100%;
}
.blog-posts-box .frame img {
width:100%;
display:block;
}
.blog-posts-box:hover .frame {
opacity:0.7;
}
.blog-posts-box .text-box {
float:left;
width:100%;
}
.blog-posts-box .text-box .left {
float:left;
width:100%;
padding:14px 0 0 0;
}
.blog-posts-box .text-box .left strong.title {
font:400 18px 'Noto Serif', serif;
color:#333;
display:block;
text-align:right;
word-spacing:-3px;
padding:0 0 24px 0;
}
.blog-posts-box .text-box .left ul {
padding:0;
margin:0;
list-style:none;
}
.blog-posts-box .text-box .left ul li {
float:left;
padding:6px 0;
margin:0;
width:100%;
border-top:1px solid #ccc;
}
.blog-posts-box .text-box .left ul li a {
font:400 12px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
text-align:right;
display:block;
}
.blog-posts-box .text-box .right {
float:right;
max-width:227px;
background-color:#f5f5f5;
padding:16px 17px 0 15px;
}
.blog-posts-box .text-box .right p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 8px 0;
}
.blog-posts-box .text-box .right a.readmore {
font:italic 400 14px 'Noto Serif', serif;
color:#333;
float:left;
text-decoration:none;
padding:0 0 15px 15px;
position:relative;
}
.blog-posts-box .text-box .right a.readmore:before {
content:'';
position:absolute;
left:0;
top:9px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.purchase-section {
float:left;
width:100%;
background-image:url(../images/purchase-section-bg.png);
background-repeat:repeat;
background-position:left top;
padding:60px 0;
margin:0 0 35px 0;
}
.purchase-section .holder {
max-width:1024px;
margin:0 auto;
}
.purchase-section .holder .heading-1 {
max-width:871px;
padding:15px 0;
margin:0 auto 10px;
display:block;
background:rgba(0, 0, 0, 0.75);
border-radius:5px;
}
.purchase-section h4 {
font:400 36px/36px 'Noto Serif', serif;
color:#fff;
text-align:center;
margin:0;
letter-spacing:-1px;
}
.purchase-section h4 span {
text-transform:uppercase;
}
.purchase-section .holder .heading-2 {
width:100%;
padding:12px 0;
margin:0 auto 20px;
display:block;
background:rgba(255, 255, 255, 0.75);
border-radius:5px;
}
.purchase-section h5 {
font:400 24px/24px 'Open Sans', sans-serif;
color:#333;
text-align:center;
margin:0;
}
.purchase-section a.btn-purchase {
font:400 18px/52px 'Noto Serif', serif;
color:#333;
text-transform:uppercase;
text-decoration:none;
background-color:#fff;
border-radius:5px;
width:187px;
height:53px;
margin:0 auto;
display:block;
clear:both;
text-align:center;
box-shadow:0 -4px 0 0 #ccc inset;
-moz-box-shadow:0 -4px 0 0 #ccc inset;
-webkit-box-shadow:0 -4px 0 0 #ccc inset;
}
.news-timelines-box {
float:left;
width:100%;
margin:0 0 10px 0;
}
.news-timelines-box h3 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 17px 0;
letter-spacing:-1px;
}
.latest-news .outer {
float:left;
width:100%;
}
.latest-news {
float:left;
width:100%;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 30px 0;
}
.latest-news:hover .frame {
opacity:0.7;
}
#wrapper .latest-news .frame {
float:left;
margin:0 0 0 0;
width:100%;
border:0;
}
.latest-news .frame img {
width:100%;
display:block;
}
.latest-news .text-box {
float:left;
width:154px;
padding:13px 10px;
}
.latest-news .text-box strong.title {
font:400 18px 'Noto Serif', serif;
color:#333;
display:block;
word-spacing:-3px;
padding:0 0 14px 0;
}
.date-row {
float:left;
width:100%;
background-color:#f5f5f5;
padding:5px 0 5px 11px;
margin:0 0 17px 0;
}
.date-row a.link {
font:400 12px 'Open Sans', sans-serif;
color:#666;
padding:0 7px 0 0;
text-decoration:none;
}
.date-row a.link .fa {
padding:0 5px 0 0;
}
.latest-news p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 7px 0;
}
.latest-news a.readmore {
font:italic 400 14px 'Noto Serif', serif;
color:#333;
float:left;
text-decoration:none;
padding:0 0 15px 15px;
position:relative;
}
.latest-news a.readmore:before {
content:'';
position:absolute;
left:0;
top:9px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.timelines-box {
float:left;
width:100%;
}
#timelines-slider {
float:left;
width:100%;
}
.timelines-box .bx-wrapper {
margin:0;
float:left;
width:100%;
}
.timelines-box .bx-wrapper .bx-viewport {
background:none;
border:0;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
left:0;
}
.timelines-box .bx-viewport>ul {
margin:0;
}
.timelines-box #bx-pager>a {
float:left;
margin:0;
padding:0;
}
.timelines-box .bx-wrapper .bx-next {
background:#fff;
margin:0;
right:0;
top:41px!important;
}
.timelines-box .bx-wrapper .bx-prev {
background:#fff;
margin:0;
left:inherit;
right:0;
}
.timelines-box .bx-wrapper .bx-next:before {
content:"";
color:#999;
display:block;
font-family:FontAwesome;
font-size:30px;
line-height:40px;
text-align:center;
text-decoration:none;
}
.timelines-box .bx-wrapper .bx-prev:before {
content:"";
color:#999;
display:block;
font-family:FontAwesome;
font-size:30px;
line-height:40px;
text-align:center;
text-decoration:none;
}
.timelines-box .bx-wrapper .bx-controls-direction a {
height:40px;
margin-top:0;
top:inherit;
top:0;
width:40px;
font-size:0;
text-indent:inherit;
text-decoration:none;
}
.timelines-box .active>img {
opacity:0.5;
}
#timelines-slider {
position:relative;
}
#timelines-slider .caption {
position:absolute;
left:0;
bottom:-65px;
padding:9px 15px;
width:100%;
background:rgba(0, 0, 0, 0.75);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#timelines-slider .caption strong.title {
font:400 18px 'Noto Serif', serif;
color:#fff;
text-align:center;
display:block;
word-spacing:-2px;
}
#timelines-slider .caption p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#fff;
margin:5px 0 0 0;
}
#timelines-slider>li:hover .caption {
bottom:0;
}
.our-preachers-box {
float:left;
width:100%;
background-image:url(../images/our-preachers-bg.png);
background-repeat:no-repeat;
background-position:left top;
background-size:cover;
padding:40px 0 20px 0;
}
.our-preachers-box .holder {
max-width:945px;
margin:0 auto;
}
.content_slider_text_block_wrap>span {
font:400 16px/24px 'Open Sans', sans-serif;
color:#666;
display:block;
}
.content_slider_text_block_wrap strong.title {
font:italic 400 14px 'Open Sans', sans-serif;
color:#666;
display:block;
text-align:center;
}
.content_slider_text_block_wrap .fa {
font-size:24px;
color:#000;
margin:0 12px 0 0;
}
.image_more_info>a {
display:none;
}
.inner-headding {
float:left;
width:100%;
background:url(../images/innder-heading-bg.jpg) no-repeat center top/cover;
padding:24px 0;
margin:0 0 40px 0;
border-bottom:1px solid #fff;
box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.3);
}
.inner-headding h1 {
font:400 24px/24px 'Noto Serif', serif;
color:#333;
margin:0 0 8px 0;
word-spacing:-4px;
}
.inner-headding p {
font:400 14px 'Open Sans', sans-serif;
color:#666;
margin:0;
}
.donation-page {
float:left;
width:100%;
margin:0 0 40px 0;
}
.donation-page h2 {
font:400 28px/20px 'Noto Serif', serif;
color:#333;
margin:0 0 20px 0;
letter-spacing:-1px;
}
.donate-form {
float:left;
width:100%;
}
.donate-form ul {
padding:0;
margin:0 0 37px 0;
list-style:none;
float:left;
}
.donate-form ul li {
float:left;
padding:0;
margin:0 30px 0 0;
position:relative;
}
.donate-form ul li a {
text-decoration:none;
font:400 18px/18px 'Noto Serif', serif;
color:#333;
width:68px;
height:60px;
border:1px solid #ccc;
border-radius:5px;
display:block;
text-align:center;
line-height:58px;
position:relative;
clear:both;
margin-top:30px;
box-shadow:0 0 7px #ccc inset;
}
.donate-form ul li a:before {
background-color:#FFFFFF;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
top:-5px;
content:"";
height:7px;
left:0;
margin:auto;
position:absolute;
right:0;
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
width:7px;
box-shadow:0 0 3px rgba(204, 204, 204, 0.3) inset;
}
.donate-form ul li span.circle {
position:absolute;
left:0;
right:0;
margin:auto;
width:15px;
height:15px;
border:1px solid #ccc;
border-radius:100%;
box-shadow:0 0 5px #ccc inset;
}
.donate-form ul li span.circle span.inner {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
width:7px;
height:7px;
border-radius:100%;
}
.donate-form ul li a:hover {
color:#fff;
border:1px solid rgba(0, 0, 0, 0);
box-shadow:none;
}
.donate-form ul li:hover a:before {
border:1px solid rgba(0, 0, 0, 0);
}
.donate-form ul li:hover .inner {
}
.donate-form-area {
float:left;
width:100%;
margin:0;
}
.donate-form-area ul {
padding:0;
margin:0;
list-style:none;
}
.donate-form-area ul li {
float:left;
padding:0 0 0 29px;
margin:0;
}
.donate-form-area ul li label {
font:400 14px/14px 'Noto Serif', serif;
color:#333;
display:block;
margin:0 0 8px 0;
}
.donate-form-area ul li:first-child {
padding:0;
}
.donate-input {
width:263px;
height:40px;
border:1px solid #ccc;
border-radius:0;
background-color:#fff;
font:400 14px/14px 'Noto Serif', serif;
color:#999;
padding:0 19px;
margin:0 0 20px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 4px #ccc inset;
}
.donate-btn-submit {
float:right;
padding:10px 20px;
font:400 14px/14px 'Noto Serif', serif;
color:#fff;
border:0;
margin:0;
border-radius:5px;
box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.gallery-page {
float:left;
width:100%;
margin:0 0 35px 0;
}
.gallery-frame {
float:left;
width:100%;
position:relative;
overflow:hidden;
}
.gallery-frame img {
display:block;
width:100%;
}
.gallery {
margin:0;
padding:0;
list-style:none;
}
.gallery li {
float:left;
margin-bottom:30px;
}
.gallery li:hover .caption {
left:0;
}
.gallery-frame .caption {
position:absolute;
left:-100%;
top:0;
width:100%;
height:100%;
}
.gallery-frame .caption:before {
content:"";
height:0;
width:100%;
position:absolute;
left:0px;
bottom:0px;
opacity:0.8;
}
.gallery li:hover .caption:before {
height:100%;
}
.gallery-frame .caption a.zoom {
font-size:18px;
color:#fff;
text-decoration:none;
width:100px;
height:100px;
border:2px solid #fff;
border-radius:100%;
background:rgba(255, 255, 255, 0.25);
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
outline:none;
}
.pagination-all.pagination {
margin:9px 0 0 0;
float:left;
width:100%;
position:relative;
}
.pagination-all.pagination ul>li:first-child:before {
content:'';
width:5px;
height:5px;
background-color:#ccc;
position:absolute;
left:-15px;
top:18px;
margin:auto;
}
.pagination-all.pagination ul>li:last-child:after {
content:'';
width:5px;
height:5px;
background-color:#ccc;
position:absolute;
right:-15px;
top:18px;
margin:auto;
}
.pagination-all.pagination ul {
border-radius:0;
box-shadow:none;
display:block;
margin-bottom:0;
margin-left:0;
text-align:center;
position:relative;
}
.pagination-all.pagination ul:before {
content:'';
border-top:1px solid #ccc;
width:360px;
position:absolute;
left:0;
right:0;
margin:auto;
top:44%;
}
.pagination-all.pagination ul>li {
display:inline-block;
padding:0 0 0 6px;
margin:0;
position:relative;
float:none;
width:auto;
}
.pagination-all.pagination ul>li:first-child {
padding:0;
position:relative;
}
.pagination-all.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
border-radius:5px;
}
.pagination-all.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
border-radius:5px;
}
.pagination-all.pagination ul>li>a, .pagination ul>li>span {
border:1px solid #ccc;
background-color:#fff;
float:left;
line-height:normal;
width:40px;
height:40px;
border-radius:5px;
padding:0;
text-decoration:none;
box-shadow:0 -3px 0 0 #ccc inset;
-moz-box-shadow:0 -3px 0 0 #ccc inset;
-moz-box-shadow:0 -3px 0 0 #ccc inset;
font:400 16px/37px 'Noto Serif', serif;
color:#999;
}
.pagination-all.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
color:#fff;
border:1px solid;
box-shadow:0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.pagination-all.pagination ul>.active>a, .pagination ul>.active>span {
color:#fff;
border:1px solid;
box-shadow:0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow:0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
}
#container {
position:relative;
width:100%;
float:left;
}
.grid {
width:188px;
margin:0;
float:left;
position:relative;
overflow:hidden;
}
.grid .imgholder img {
max-width:100%;
display:block;
}
.grid .caption {
height:100%;
left:-100%;
position:absolute;
top:0;
width:100%;
}
.grid .caption:before {
bottom:0;
content:"";
height:100%;
left:0;
opacity:0.75;
position:absolute;
width:100%;
}
.grid:hover .caption {
left:0;
}
.grid .caption a.zoom {
border:2px solid #FFFFFF;
border-radius:100%;
bottom:0;
height:100px;
left:0;
margin:auto;
position:absolute;
right:0;
text-decoration:none;
top:0;
width:100px;
}
.grid .caption a.zoom .fa {
display:block;
line-height:52px;
text-align:center;
}
.gallery-album {
float:left;
width:100%;
}
.gallery-album-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
padding:0 0 15px 0;
position:relative;
}
.gallery-album-box:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-4px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:98%;
}
.gallery-album-box:after {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-8px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:96%;
}
.gallery-album-box .frame {
float:left;
width:100%;
margin:0 0 13px 0;
position:relative;
overflow:hidden;
}
.gallery-album-box .frame img {
width:100%;
display:block;
}
.gallery-album-box .text-box a.readmore:before {
content:'';
position:absolute;
left:0;
top:9px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.gallery-album-box .caption {
position:absolute;
left:0;
bottom:0;
padding:7px 0 12px 20px;
background:rgba(0, 0, 0, 0.75);
width:100%;
}
.gallery-album-box .caption strong.title {
font:400 18px 'Noto Serif', serif;
color:#fff;
display:block;
word-spacing:-3px;
}
.gallery-album-box .text-box {
float:left;
width:100%;
padding:0 0 0 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.gallery-album-box .text-box strong.date {
font:400 14px 'Open Sans', sans-serif;
color:#999;
float:left;
}
.gallery-album-box .text-box ul {
padding:0;
margin:0;
list-style:none;
float:right;
}
.gallery-album-box .text-box ul li {
float:left;
padding:0 15px;
font:400 12px 'Open Sans', sans-serif;
color:#999;
border-left:1px solid #999;
margin:0;
}
.gallery-album-box .text-box ul li:first-child {
border:0;
}
.gallery-album-box .text-box ul li a {
font:400 14px 'Noto Serif', serif;
color:#333;
text-decoration:none;
}
.gallery-album ul {
padding:0;
list-style:none;
}
.gallery-album ul li {
float:left;
margin-bottom:38px;
}
.error-page {
float:left;
width:100%;
background-image:url(../images/404-bg.png);
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
margin-top:-40px;
padding:62px 0 100px 0;
}
.error-page .holder {
max-width:575px;
margin:0 auto;
overflow:hidden;
}
.error-page .holder h2 {
font:400 225px/225px 'Noto Serif', serif;
color:#fff;
margin:0 0 26px 0;
text-align:center;
text-shadow:0 0 7px rgba(0, 0, 0, 0.4);
position:relative;
letter-spacing:-3px;
}
.error-page .holder h2:before {
content:'';
background:url(../images/error-text-img.png) no-repeat left top;
width:59px;
height:141px;
position:absolute;
left:257px;
top:49px;
}
.error-page .holder h2 span {
font:400 80px "Times New Roman", Times, serif;
position:absolute;
left:273px;
top:72px;
text-shadow:none;
}
.error-heading {
max-width:420px;
margin:0 auto 37px;
border-bottom:2px solid #fff;
border-top:2px solid #fff;
background-color:rgba(255, 255, 255, 0.2);
padding:15px 0;
}
.error-heading h3 {
font:400 36px/36px 'Noto Serif', serif;
color:#fff;
text-shadow:0 0 7px rgba(0, 0, 0, 0.4);
display:block;
text-align:center;
text-transform:uppercase;
margin:0;
}
.error-page .holder strong.title {
font:400 24px/24px 'Noto Serif', serif;
color:#fff;
display:block;
padding:0 0 37px 0;
}
.error-form {
max-width:555px;
margin:0 auto;
overflow:hidden;
position:relative;
}
.error-input {
float:left;
width:100%;
height:45px;
border-radius:5px;
background-color:#fff;
border:0;
padding:0 20px;
margin:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font:400 14px/45px 'Open Sans', sans-serif;
color:#999;
}
.error-search-btn {
width:45px;
height:45px;
position:absolute;
right:0;
top:0;
border:0;
padding:0;
margin:0;
border-radius:0 5px 5px 0;
}
.error-search-btn .fa {
display:block;
text-align:center;
font-size:16px;
color:#fff;
line-height:45px;
}
.church-location {
float:left;
width:100%;
margin:-40px 0 39px 0;
}
.location-form {
float:left;
width:100%;
padding:35px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.location-form:before {
content:'';
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background:rgba(0, 0, 0, 0.2);
}
.location-search-input {
float:left;
width:100%;
height:77px;
border:0;
padding:0 92px 0 33px;
margin:0;
font:16px 'Noto Serif', serif;
color:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.topbar-btn-search {
background:none;
border:0;
padding:0 0 0 15px;
margin:0;
position:absolute;
right:67px;
top:55px;
border-left:2px dotted #fff;
}
.topbar-btn-search .fa {
font-size:40px;
color:#fff;
}
.location-box {
float:left;
width:100%;
}
#home-wrapper {
display:block;
width:930px;
margin:0px auto;
padding:25px 10px;
font-size:12px;
}
#home-sidebar {
float:left;
width:263px;
float:left;
padding:0;
margin:0;
}
#map-wrapper {
float:left;
max-width:677px;
}
#map {
display:block;
width:877px;
height:716px;
padding:0px;
}
#infowin-overlay {
display:block;
width:400px;
height:120px;
}
#home-sidebar span.num {
float:left;
width:30px;
height:30px;
background-color:#999;
font:400 16px/30px 'Noto Serif', serif;
color:#fff;
text-align:center;
margin:5px 19px 0 20px;
}
#home-sidebar ul li {
float:left;
padding:14px 0;
width:100%;
margin:0 0 2px 0;
cursor:pointer;
}
#home-sidebar ul li:hover {
background-color:#f5f5f5;
}
#home-sidebar ul li a {
text-decoration:none;
}
#home-sidebar address {
float:left;
width:158px;
margin:0;
}
#home-sidebar strong.heading {
font:400 16px 'Noto Serif', serif;
color:#333;
display:block;
word-spacing:-4px;
margin:0 0 6px 0;
}
#home-sidebar address p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#999;
margin:0;
}
#home-sidebar address strong.number {
font:700 14px/20px 'Open Sans', sans-serif;
color:#999;
display:block;
}
#home-sidebar address a.web {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
text-decoration:none;
margin:0;
}
#home-sidebar address strong.miles {
font:700 14px/20px 'Open Sans', sans-serif;
color:#999;
display:block;
}
#home-sidebar address span.get {
font:400 14px/20px 'Open Sans', sans-serif;
color:#999;
display:block;
}
.contact-page {
float:left;
width:100%;
}
.contact-form {
float:left;
width:100%;
margin:0;
}
.contact-form .left {
float:left;
width:100%;
}
.contact-page address {
padding:0;
margin:0;
float:left;
width:100%;
}
.contact-page address ul {
padding:0;
margin:0;
list-style:none;
}
.contact-page address ul li {
padding:0 0 19px 0;
line-height:normal;
font:400 14px 'Open Sans', sans-serif;
color:#666;
}
.contact-page address ul li strong.title {
font:400 14px 'Open Sans', sans-serif;
color:#666;
}
.contact-page address strong.heading {
font:400 28px/22px 'Noto Serif', serif;
display:block;
letter-spacing:-1px;
padding:0 0 14px 0;
}
.contact-page address ul li .fa-home {
float:left;
width:34px;
height:40px;
line-height:23px;
}
.contact-page address ul li.ph {
font:400 14px/22px 'Open Sans', sans-serif;
color:#666;
}
.contact-page address ul li .fa-phone-square {
float:left;
width:32px;
height:30px;
line-height:24px;
}
.contact-page address ul li strong.mob {
font:400 14px/22px 'Open Sans', sans-serif;
color:#666;
}
.contact-page address ul li .fa-mobile-phone {
float:left;
width:33px;
height:30px;
line-height:24px;
}
.contact-page address ul li a.email {
font:400 14px/22px 'Open Sans', sans-serif;
color:#666;
text-decoration:none;
}
.contact-page address ul li a.email .fa-envelope-o {
float:left;
width:34px;
height:30px;
line-height:24px;
}
.contact-map {
float:left;
width:100%;
margin:41px 0 0 0;
}
.map_canvas {
height:400px;
width:100%;
}
.form-area {
float:left;
width:100%;
}
.form-left {
float:left;
width:100%;
}
.form-left ul {
padding:0;
margin:0;
list-style:none;
}
.form-left ul li {
padding:0 0 0 0;
margin:0 0 10px 0;
float:left;
width:100%;
position:relative;
}
.form-left ul li.name {
}
.form-left ul li .fa {
position:absolute;
left:12px;
top:12px;
font-size:12px;
color:#999;
}
.form-area label {
font:400 14px/14px 'Roboto Slab', serif;
color:#666;
display:block;
margin:0 0 10px 0;
}
.detail-input {
float:left;
width:100%;
height:40px;
border:1px solid #ccc;
border-radius:0;
padding:0 30px;
margin:0;
font: 400 12px 'Noto Serif', serif;
color:#333;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 4px #ccc inset;
}
.salect-input {
float:left;
width:100%;
height:40px;
border:1px solid #ccc;
border-radius:0;
padding:0 30px;
margin:0;
font:italic 400 12px 'Noto Serif', serif;
color:#333;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 4px #ccc inset;
}
.salect-input option {
float:left;
width:100%;
height:36px;
border:1px solid #ccc;
border-radius:0;
padding:0 30px;
margin:0;
font:italic 400 12px 'Noto Serif', serif;
color:#333;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 4px #ccc inset;
}
.form-right {
float:right;
min-width:420px;
}
.detail-textarea {
float:left;
width:100%;
height:189px;
border:1px solid #ccc;
border-radius:0;
padding:10px 30px;
margin:0 0 20px 0;
font:italic 400 12px 'Noto Serif', serif;
color:#333;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 4px #ccc inset;
}
.detail-btn-sumbit2 {
border:0 none;
color:#FFFFFF;
float:right;
font:400 18px 'Noto Serif', serif;
margin:0;
padding:13px 29px;
text-transform:uppercase;
border-radius:5px;
box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.team-page {
float:left;
width:100%;
margin:0 0 47px 0;
}
.team-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
margin-top: 20px;
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.team-box:hover .frame {
opacity:0.7;
}
.team-box .frame {
float:left;
width:100%;
margin:0 0 13px 0!important;
border:0!important;
}
.team-box .frame img {
width:100%;
}
.team-box .text-box {
float:left;
width:100%;
padding:0 5px 14px 20px;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.team-box .text-box:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-4px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:98%;
}
.team-box .text-box:after {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-8px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:96%;
}
.team-box .text-box h2 {
font:400 18px 'Noto Serif', serif;
color:#333;
margin:0;
word-spacing:-3px;
letter-spacing:0;
}
.team-box .text-box strong.title {
font:italic 400 14px 'Noto Serif', serif;
color:#666;
display:block;
padding:0 0 11px 0;
}
.team-box .text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 15px 0;
}
.team-box .text-box ul {
padding:10px 0 0 0;
margin:0;
list-style:none;
border-top:1px solid #ccc;
display:block;
text-align:center;
}
.team-box .text-box ul li {
display:inline-block;
padding:0 5px 0 0;
}
.team-box .text-box ul li a {
float:left;
width:30px;
height:30px;
background-color:#ccc;
text-decoration:none;
}
.team-box .text-box ul li a .fa {
display:block;
color:#fff;
font-size:14px;
text-align:center;
line-height:30px;
}
.team-box .text-box ul li a:hover {
background-color:#5ea9dd;
}
.team-row-2 {
float:left;
width:100%;
}
.team-row-2 .box-1 {
float:left;
width:100%;
position:relative;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
margin:147px 0 0 0;
}
.team-row-2 .box-1:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-4px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:98%;
}
.team-row-2 .box-1:after {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-8px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:96%;
}
.team-row-2 .box-1 .frame {
margin:-110px auto 13px;
display:block;
border:10px solid #fff;
border-radius:100%;
width:220px;
position:relative;
z-index:9
}
.team-row-2 .text-box {
float:left;
width:100%;
padding:0 5px 14px 20px;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.team-row-2 .text-box h2 {
font:400 18px 'Noto Serif', serif;
color:#333;
margin:0;
word-spacing:-3px;
}
.team-row-2 .text-box strong.title {
font:italic 400 14px 'Noto Serif', serif;
color:#666;
display:block;
padding:0 0 11px 0;
}
.team-row-2 .text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 15px 0;
}
.team-row-2 .text-box ul {
padding:10px 0 0 0;
margin:0;
list-style:none;
border-top:1px solid #ccc;
display:block;
text-align:center;
}
.team-row-2 .text-box ul li {
display:inline-block;
padding:0 5px 0 0;
}
.team-row-2 .text-box ul li a {
float:left;
width:30px;
height:30px;
background-color:#ccc;
text-decoration:none;
}
.team-row-2 .text-box ul li a .fa {
display:block;
color:#fff;
font-size:14px;
text-align:center;
line-height:30px;
}
.team-row-2 .text-box ul li a:hover {
background-color:#5ea9dd;
}
.outer-frame {
position:relative;
}
.outer-frame:before {
content:'';
position:absolute;
left:0;
right:0;
top:37px;
margin:auto;
width:220px;
height:220px;
border-radius:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.outer-frame:after {
content:'';
position:absolute;
left:0;
right:0;
top:148px;
margin:auto;
width:100%;
height:117px;
background-color:#fff;
}
.outer-frame:hover .frame {
opacity:0.7
}
.about-page {
float:left;
width:100%;
margin:0 0 0 0;
}
.about-page h2 {
font:400 28px/22px 'Noto Serif', serif;
margin:0 0 18px 0;
letter-spacing:-1px;
}
.about-page .frame {
float:left;
width:100%;
border:10px solid #fff;
box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 16px 0;
}
.about-page .frame:hover {
opacity:0.7;
}
.about-page .frame img {
width:100%;
display:block;
}
.about-page p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 20px 0;
text-align:justify;
}
.about-page blockquote {
border:0;
padding:19px 30px;
margin:0;
width:100%;
height:186px;
display:block;
margin:25px auto 26px;
box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
position:relative;
}
.about-page blockquote:before {
content:'';
position:absolute;
left:25px;
bottom:-12px;
width:0px;
height:0px;
border-style:solid;
border-width:11px 11px 0 11px;
border-color:#fff transparent transparent transparent;
}
.about-page blockquote p {
font:400 18px/28px 'Open Sans', sans-serif;
color:#333;
margin:3px 70px 0 0;
}
.about-page blockquote .fa-quote-left {
font-size:30px;
color:#ccc;
float:left;
height:100%;
margin:0 40px 0 0;
}
.about-page blockquote .fa-quote-right {
font-size:30px;
color:#ccc;
float:right;
margin:-21px 0 0 0;
}
.church-services {
float:left;
width:100%;
margin:12px 0 31px 0;
}
.church-services h3 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 16px 0;
letter-spacing:-1px;
}
.services-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
border-radius:5px;
padding:20px 19px 16px 19px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.services-box .round-frame {
margin:0 auto 18px;
display:block;
width:100px;
height:100px;
border-radius:100%;
border:1px solid #999;
}
.services-box .round-frame .fa {
display:block;
text-align:center;
line-height:99px;
font-size:40px;
color:#666;
}
.services-box h4 {
font:400 18px/18px 'Noto Serif', serif;
color:#333;
text-align:center;
margin:0 0 14px 0;
letter-spacing:-1px;
}
.services-box p {
font:400 14px 'Open Sans', sans-serif;
color:#333;
margin:0 0 10px 0;
text-align:center;
}
.services-box a.readmore {
font:italic 400 14px 'Noto Serif', serif;
color:#333;
text-align:center;
display:block;
text-decoration:none;
position:relative;
}
.services-box a.readmore:before {
content:'';
position:absolute;
left:62px;
top:10px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.services-box:hover .fa {
}
.services-box:hover h4 {
}
.services-box:hover .round-frame {
}
.providing-row {
float:left;
width:100%;
}
.accordtion-area {
float:left;
width:100%;
}
.accordtion-area h3 {
font:400 28px 'Noto Serif', serif;
margin:0 0 11px 0;
letter-spacing:-1px;
}
.accordtion-area .panel-group {
margin:0;
}
.accordtion-area .panel-group .panel {
border-radius:0;
}
.accordtion-area .panel-default {
}
.accordtion-area .panel {
border-radius:0;
box-shadow:none;
border:0;
}
.accordtion-area .panel-group .panel-heading {
border:1px solid #ccc;
}
.accordtion-area .panel-heading {
border-bottom:0;
border-top-left-radius:0;
border-top-right-radius:0;
padding:0;
}
.accordtion-area .panel-default>.panel-heading {
background-color:#f5f5f5;
border-color:#ccc;
color:#333;
}
.accordtion-area .panel-group .panel+.panel {
margin-top:10px;
}
.accordtion-area .panel-group .panel-heading+.panel-collapse .panel-body {
border:0;
}
.accordtion-area .panel-title {
font:400 18px 'Noto Serif', serif;
color:#333;
margin-bottom:0;
margin-top:0;
letter-spacing:-1px;
}
.accordtion-area .panel-title strong {
font:400 16px 'Noto Serif', serif;
color:#333;
margin-bottom:0;
margin-top:0;
letter-spacing:-1px;
padding:7px 0 10px 21px;
float:left;
}
.accordtion-area .panel-title>a {
text-decoration:none;
outline:none;
overflow:hidden;
display:block;
}
.accordtion-area .panel-title span {
float:right;
background-color:#ccc;
width:44px;
height:43px;
text-align:center;
line-height:43px;
}
.accordtion-area .panel-body {
padding:16px 30px 0 19px;
}
.accordtion-area .panel-default>.panel-heading+.panel-collapse .panel-body {
border-color:#ccc;
}
.accordtion-area .panel-body>p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 9px 0;
}
.tab-area {
float:left;
width:100%;
border:1px solid #ccc;
margin:9px 0 0 0;
}
.tab-area .nav-tabs {
border-bottom:1px solid #ccc;
background-color:#f5f5f5;
}
.tab-area .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
border-color:#ccc #ccc transparent;
border-top:3px solid;
border-bottom:1px solid transparent!important;
border-left:1px solid transparent!important;
border-right:1px solid transparent!important;
border-radius:0;
}
.tab-area .nav-tabs>li>a:hover {
border-top:3px solid;
border-bottom:1px solid transparent!important;
border-left:1px solid transparent!important;
border-right:1px solid transparent!important;
background-color:#fff;
}
.nav>li>a:hover, .nav>li>a:focus {
background-color:#fff;
text-decoration:none;
border-top:3px solid;
border-bottom:1px solid transparent!important;
border-left:1px solid transparent!important;
border-right:1px solid transparent!important;
}
.tab-area .nav-tabs>li>a {
border-left:1px solid #ccc;
border-radius:0;
line-height:normal;
margin-right:0;
}
.tab-area .nav>li>a {
border-top:3px solid transparent;
display:block;
padding:8px 13px;
position:relative;
font:400 15px 'Noto Serif', serif;
color:#333;
outline:none;
word-spacing:-2px;
}
.tab-text-box {
float:left;
width:100%;
padding:16px 30px 14px 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.tab-text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 20px 0;
}
.tab-text-box ul {
padding:0;
margin:0;
list-style:none;
}
.tab-text-box ul li {
display:block;
padding:0;
overflow:hidden;
font:400 14px 'Open Sans', sans-serif;
color:#666;
}
.tab-text-box ul li .fa {
float:left;
color:#666;
font-size:14px;
line-height:20px;
padding:0 15px 0 0;
}
.preachers {
float:left;
width:100%;
margin:37px 0 0 0;
}
.preachers h3 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 16px 0;
letter-spacing:-1px;
}
.timeline-page {
float:left;
width:100%;
margin:0 0 40px 0;
}
.timeline-row {
float:left;
width:100%;
margin:0 0 30px 0;
}
.timeline-row .holder {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.timeline-row .nav-tabs {
border-bottom:0;
float:left;
background-color:#f5f5f5;
}
.timeline-row .nav-tabs>li {
float:none;
display:block;
margin-bottom:0;
border-bottom:1px solid #ccc;
}
.timeline-row .nav-tabs>li:first-child {
border:0;
}
.timeline-row .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
border:3px solid #ccc;
border-bottom-color:#ccc;
border:0!important;
color:#fff;
position:relative;
}
.timeline-row .nav-tabs>li>a:hover:before {
content:'';
position:absolute;
right:-15px;
top:0;
width:0px;
height:0px;
border-style:solid;
border-width:29px 0 29px 15px;
border-color:transparent transparent transparent #C83200;
}
.timeline-row .nav-tabs>li.active>a:before {
content:'';
position:absolute;
right:-15px;
top:0;
width:0px;
height:0px;
border-style:solid;
border-width:29px 0 29px 15px;
border-color:transparent transparent transparent #C83200;
}
.timeline-row .nav-tabs>li>a {
border:1px solid transparent;
border-radius:0;
line-height:normal;
margin-right:0;
}
.timeline-row .nav>li>a {
display:block;
padding:18px 58px;
position:relative;
font:400 22px/22px 'Noto Serif', serif;
color:#333;
text-decoration:none;
outline:none;
position:relative;
border:0;
}
.timeline-row .nav-tabs>li>a:hover {
border-color:#EEEEEE #EEEEEE #DDDDDD;
border:0!important;
text-decoration:none;
color:#fff;
}
.timeline-row .nav>li>a:hover, .nav>li>a:focus {
text-decoration:none;
color:#fff!important;
border:0!important;
}
.timeline-row .text-box {
overflow:hidden;
padding:23px 0 0 30px;
max-width:360px;
float:left;
}
.timeline-row .text-box h2 {
font:400 18px 'Noto Serif', serif;
color:#333;
margin:0 0 9px 0;
word-spacing:-4px;
}
.timeline-row .text-box p {
font:400 14px/19px 'Open Sans', sans-serif;
color:#666;
margin:0 0 20px 0;
}
.timeline-row .frame {
float:right;
max-width:555px;
}
.timeline-row .frame img {
display:block;
width:100%;
}
.timeline-row .bx-wrapper {
margin:0;
float:right;
max-width:377px!important;
}
.timeline-row .bx-wrapper .bx-viewport {
background:none;
border:0;
box-shadow:none;
left:0;
}
.timeline-row .bx-viewport>ul {
margin:0;
}
.timeline-row .bx-wrapper .bx-next {
background:#fff;
margin:0;
right:0;
top:41px!important;
}
.timeline-row .bx-wrapper .bx-prev {
background:#fff;
margin:0;
left:inherit;
right:0;
}
.timeline-row .bx-wrapper .bx-next:before {
content:"";
color:#999;
display:block;
font-family:FontAwesome;
font-size:30px;
line-height:40px;
text-align:center;
text-decoration:none;
}
.timeline-row .bx-wrapper .bx-prev:before {
content:"";
color:#999;
display:block;
font-family:FontAwesome;
font-size:30px;
line-height:40px;
text-align:center;
text-decoration:none;
}
.timeline-row .bx-wrapper .bx-controls-direction a {
height:40px;
margin-top:0;
top:inherit;
top:0;
width:40px;
font-size:0;
text-indent:inherit;
text-decoration:none;
}
.other-project {
float:left;
width:100%;
}
.other-project h3 {
font:400 28px 'Noto Serif', serif;
margin:0 0 11px;
letter-spacing:-1px;
}
#flexiselDemo1 {
display:none;
}
.nbs-flexisel-container {
position:relative;
max-width:100%;
}
.nbs-flexisel-ul {
position:relative;
width:9999px;
margin:0;
padding:0px;
list-style-type:none;
text-align:center;
}
.nbs-flexisel-inner {
overflow:hidden;
float:left;
width:100%;
}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0;
cursor:pointer;
position:relative;
line-height:0px;
}
.nbs-flexisel-item img {
width:100%;
cursor:pointer;
position:relative;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width:28px;
height:32px;
position:absolute;
cursor:pointer;
z-index:100;
opacity:0.5;
}
.nbs-flexisel-nav-left {
left:inherit;
right:33px;
top:-42px!important;
border:1px solid #ccc;
}
.nbs-flexisel-nav-left:before {
color:#fff;
content:"";
display:block;
font-family:FontAwesome;
font-size:18px;
line-height:28px;
text-align:center;
text-decoration:none;
color:#999;
}
.nbs-flexisel-nav-right:before {
color:#fff;
content:"";
display:block;
font-family:FontAwesome;
font-size:18px;
line-height:28px;
color:#999;
text-align:center;
text-decoration:none;
}
.nbs-flexisel-nav-right {
right:0;
top:-42px!important;
border:1px solid #ccc;
}
.nbs-flexisel-nav-right:hover {
background-color:#fff;
border:1px solid #ccc;
}
.nbs-flexisel-nav-left:hover {
background-color:#fff;
border:1px solid #ccc;
}
.blog-page {
float:left;
width:100%;
margin:0 0 37px 0;
}
.post-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
margin:0 0 30px 0;
}
.post-box .frame {
float:left;
width:100%;
}
.post-box .frame:hover {
opacity:0.7;
}
.post-box .frame img {
width:100%;
display:block;
}
.post-box .text-box {
float:left;
width:100%;
}
.post-box .text-box .left {
float:left;
max-width:100%;
width:100%;
padding:14px 20px 0 20px;
}
.post-box .text-box .left strong.title {
font:400 18px 'Noto Serif', serif;
color:#333;
display:block;
text-align:right;
word-spacing:-4px;
padding:0 0 24px 0;
}
.post-box .text-box .left ul {
padding:0;
margin:0;
list-style:none;
}
.post-box .text-box .left ul li {
float:left;
padding:6px 0;
width:100%;
border-top:1px solid #ccc;
}
.post-box .text-box .left ul li a {
font:400 12px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
text-align:right;
display:block;
}
.post-box .text-box .left ul li a span {
font-style:italic;
}
.post-box .text-box .right {
float:right;
max-width:100%;
width:100%;
background-color:#f5f5f5;
padding:16px 14px 14px 13px;
}
.post-box .text-box .right p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
}
.post-box .text-box .right a.readmore {
font:italic 400 14px 'Noto Serif', serif;
color:#333;
float:left;
text-decoration:none;
padding:0 0 0 15px;
position:relative;
}
.post-box .text-box .right a.readmore:before {
content:'';
position:absolute;
left:0;
top:9px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.post-box .bx-wrapper {
margin:0;
float:left;
width:100%;
}
.post-box .bx-wrapper .bx-viewport {
background:none;
border:0;
box-shadow:none;
left:0;
}
.post-box .bx-viewport>ul {
margin:0;
}
.post-box .bx-wrapper .bx-next {
background:#fff;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
margin:0;
right:0;
border-radius:5px 0 0 5px;
}
.post-box .bx-wrapper .bx-next:before {
color:#666;
content:"";
display:block;
font-family:FontAwesome;
font-size:24px;
line-height:40px;
text-align:center;
text-decoration:none;
}
.post-box .bx-wrapper .bx-prev {
background:#fff;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
margin:0;
left:0;
border-radius:0 5px 5px 0;
}
.post-box .bx-wrapper .bx-prev:before {
color:#666;
content:"";
display:block;
font-family:FontAwesome;
font-size:24px;
line-height:40px;
text-align:center;
text-decoration:none;
}
.post-box .bx-wrapper .bx-controls-direction a {
height:40px;
margin-top:0;
top:45%;
width:40px;
text-indent:inherit;
font-size:0;
text-decoration:none;
}
.post-box .bx-wrapper .bx-pager {
padding:0;
display:none;
}
.sidebar {
float:left;
width:100%;
}
.sidebar-form {
float:left;
width:100%;
position:relative;
margin:0 0 21px 0;
}
.sidebar-input {
float:left;
width:100%;
height:45px;
border-radius:5px;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
padding:0 20px;
margin:0;
border:0;
font:400 14px 'Open Sans', sans-serif;
color:#999;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.sidebar-btn-search {
width:45px;
height:45px;
position:absolute;
right:0;
top:0;
border:0;
padding:0;
margin:0;
border-radius:0 5px 5px 0;
}
.sidebar-btn-search .fa {
font-size:16px;
color:#fff;
}
.popular-sermons {
float:left;
width:100%;
margin:0 0 22px 0;
}
.popular-sermons h3 {
font:400 22px 'Noto Serif', serif!important;
margin:0 0 3px 0!important;
word-spacing:-4px;
}
.popular-sermons ul {
padding:0;
margin:0;
list-style:none;
}
.popular-sermons ul li {
padding:10px 0!important;
margin:0!important;
overflow:hidden;
border-bottom:1px solid #ccc;
}
.popular-sermons a.play {
float:left;
width:52px;
height:52px;
border:1px solid #999;
border-radius:100%;
text-decoration:none;
margin:0 16px 0 0;
background-color:#fff;
}
.popular-sermons a.play .fa {
font-size:24px;
color:#999;
text-align:center;
line-height:52px;
display:block;
}
.popular-sermons .text-box {
float:left;
width:auto!important;
}
.popular-sermons .text-box strong.title {
font:400 16px 'Noto Serif', serif;
color:#333;
display:block;
padding:0 0 10px 0;
}
.popular-sermons .text-box a {
font:italic 400 12px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
float:left;
margin:0 16px 0 0;
}
.popular-sermons .text-box a .fa-play-circle {
float:left;
font-size:12px;
color:#999;
padding:0 5px 0 0;
}
.popular-sermons .text-box a.user {
font:italic 400 12px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
float:left;
margin:0 25px 0 0;
}
.popular-sermons .text-box a.user .fa {
float:left;
font-size:12px;
color:#999;
padding:0 5px 0 0;
}
.popular-sermons .text-box a.calendar {
font:italic 400 12px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
float:left;
margin:0;
}
.popular-sermons .text-box a.calendar .fa {
float:left;
font-size:12px;
color:#999;
padding:0 5px 0 0;
}
.popular-sermons ul li:hover .fa-play-circle {
color:#fff;
}
.popular-sermons ul li:hover a.play {
}
.popular-sermons ul li:hover strong.title {
}
.upcoming-events {
float:left;
width:100%;
margin:0 0 23px 0;
}
.upcoming-events h3 {
font:400 22px 'Noto Serif', serif!important;
margin:0 0 3px 0!important;
word-spacing:-4px;
}
.upcoming-events ul {
padding:0;
margin:0;
list-style:none;
}
.upcoming-events ul li {
padding:10px 0!important;
margin:0!important;
float:left;
border-bottom:1px solid #ccc;
}
.upcoming-events .date-box {
float:left;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
width:53px;
height:53px;
margin:0 14px 0 0;
padding:10px 0 0 0;
background-color:#fff;
border:0;
}
.upcoming-events .date-box span.date {
font:400 18px/18px 'Noto Serif', serif;
color:#333;
display:block;
text-align:center;
}
.upcoming-events .date-box span.mnt {
font:400 14px/14px 'Noto Serif', serif;
color:#333;
display:block;
text-transform:uppercase;
text-align:center;
}
.upcoming-events .text-box {
float:left;
width:auto!important;
}
.upcoming-events .text-box strong.title {
font:400 16px 'Noto Serif', serif;
color:#333;
display:block;
padding:0 0 10px 0;
word-spacing:-3px;
}
.upcoming-events .text-box a.time {
font:italic 400 12px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
float:left;
margin:0 21px 0 0;
}
.upcoming-events .text-box a.time .fa {
float:left;
font-size:12px;
color:#999;
padding:0 5px 0 0;
line-height:16px;
}
.upcoming-events .text-box a.location {
font:italic 400 12px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
float:left;
margin:0;
}
.upcoming-events .text-box a.location .fa {
float:left;
font-size:12px;
color:#999;
padding:0 5px 0 0;
line-height:16px;
}
.upcoming-events ul li:hover .date-box {
}
.upcoming-events ul li:hover span.date {
color:#fff;
}
.upcoming-events ul li:hover span.mnt {
color:#fff;
}
.upcoming-events ul li:hover strong.title {
}
.recent-post {
float:left;
width:100%;
margin:0 0 29px 0;
}
.recent-post h3 {
font:400 22px 'Noto Serif', serif!important;
margin:0!important;
word-spacing:-4px;
}
.recent-post ul {
padding:0;
margin:0;
list-style:none;
}
.recent-post ul li {
padding:14px 0 15px 0!important;
margin:0!important;
float:left;
border-bottom:1px solid #ccc;
width:100%;
}
.recent-post .frame {
float:left;
margin:0 16px 0 0!important;
width:auto!important;
}
.recent-post .text-box {
float:left;
width:auto!important;
}
.recent-post .text-box strong.title {
font:400 16px/12px 'Noto Serif', serif;
color:#333;
display:block;
padding:0 0 10px 0;
word-spacing:-3px;
}
.recent-post .text-box strong.post {
font:400 12px 'Open Sans', sans-serif;
color:#999;
display:block;
padding:0 0 8px 0;
}
.recent-post .text-box strong.post span {
font-style:italic;
}
.recent-post .text-box a.readmore {
font:italic 400 14px 'Noto Serif', serif;
color:#333;
float:left;
text-decoration:none;
padding:0 0 0 15px;
position:relative;
}
.recent-post .text-box a.readmore:before {
content:'';
position:absolute;
left:0;
top:8px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.recent-post ul li:hover .frame {
opacity:0.7;
}
.sidebar-latest-news {
float:left;
width:100%;
margin:0 0 23px 0;
}
.sidebar-latest-news h3 {
font:400 22px/22px 'Noto Serif', serif!important;
margin:0 0 1px 0!important;
word-spacing:-4px;
}
.sidebar-latest-news ul {
padding:0;
margin:0;
list-style:none;
}
.sidebar-latest-news ul li {
padding:14px 0 9px 0!important;
margin:0!important;
float:left;
border-bottom:1px solid #ccc;
width:100%;
}
.sidebar-latest-news .text-box {
float:left;
}
.sidebar-latest-news .text-box strong.title {
font:400 16px/16px 'Noto Serif', serif;
color:#333;
display:block;
padding:0 0 10px 0;
word-spacing:-3px;
}
.sidebar-latest-news .text-box strong.post {
font:400 12px 'Open Sans', sans-serif;
color:#999;
display:block;
padding:0 0 7px 0;
}
.sidebar-latest-news .text-box strong.post span {
font-style:italic;
}
.sidebar-latest-news .text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 6px 0;
}
.sidebar-latest-news .text-box a.readmore {
font:italic 400 14px 'Noto Serif', serif;
color:#333;
float:left;
text-decoration:none;
padding:0 0 0 15px;
position:relative;
}
.sidebar-latest-news .text-box a.readmore:before {
content:'';
position:absolute;
left:0;
top:8px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.categories-box {
float:left;
width:100%;
margin:0 0 27px 0;
}
.categories-box h3 {
font:400 22px/22px 'Noto Serif', serif;
margin:0 0 17px 0;
letter-spacing:-1px;
}
.categories-box ul {
float:left;
width:100%;
padding:0;
margin:0;
list-style:none;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.categories-box ul li {
padding:13px 24px 13px 20px!important;
margin:0!important;
float:left;
border-bottom:1px solid #ccc;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.categories-box ul li span.even {
font:400 14px/14px 'Noto Serif', serif;
color:#333;
float:left;
}
.categories-box ul li span.odd {
font:400 14px/14px 'Noto Serif', serif;
color:#333;
float:right;
}
.flickr-photo {
float:left;
width:100%;
margin:0 0 18px 0;
}
.flickr-photo h3 {
font:400 22px/22px 'Noto Serif', serif!important;
margin:0 0 17px 0!important;
letter-spacing:-1px;
}
.flickr-photo ul {
padding:0;
margin:0 0 0 -9px!important;
list-style:none;
width:auto!important;
float:left;
}
.flickr-photo ul li {
float:left;
padding:0!important;
margin:0 0 10px 9px!important;
width:auto!important;
}
.flickr-photo .frame {
float:left;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
margin:0!important;
border:0!important;
}
.tags-box {
float:left;
width:100%;
}
.tags-box h3 {
font:400 22px/22px 'Noto Serif', serif;
margin:0 0 17px 0;
letter-spacing:-1px;
}
.tags-box ul {
padding:0;
margin:0 0 0 -7px;
list-style:none;
}
.tags-box ul li {
float:left;
padding:0!important;
margin:0 0 10px 7px!important;
width:auto!important;
}
.tags-box ul li a {
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
text-decoration:none;
display:block;
padding:8px 15px;
font:400 14px/14px 'Noto Serif', serif;
color:#333;
border-radius:6px;
}
.blog-detail {
float:left;
width:100%;
margin:0 0 40px 0;
}
.blog-detail .frame {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
margin:0 0 28px 0;
}
.blog-detail .frame img {
display:block;
width:100%;
}
.blog-detail h2 {
font:400 18px/18px 'Noto Serif', serif;
color:#333;
margin:0 0 16px 0;
letter-spacing:-1px;
}
.post-detail {
float:left;
width:100%;
border-bottom:1px solid #ccc;
padding:0 0 6px 0;
margin:0 0 16px 0;
}
.post-detail ul {
padding:0;
margin:0;
list-style:none;
}
.post-detail ul li {
float:left;
padding:0 20px;
border-right:1px solid #ccc;
}
.post-detail ul li:first-child {
padding:0 20px 0 0;
}
.post-detail ul li a {
font:400 12px/12px 'Open Sans', sans-serif;
color:#999;
}
.post-detail ul li a span {
font-style:italic;
}
.blog-detail p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 20px 0;
}
.blog-detail blockquote {
border:0;
padding:28px 80px 23px 85px;
margin:5px 0 36px 0;
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.blog-detail blockquote q {
font:italic 400 18px/28px 'Open Sans', sans-serif;
color:#333;
text-align:center;
display:block;
}
.blog-detail blockquote:before {
content:'';
background:url(../images/border-img.jpg) repeat-x left top;
width:130px;
height:4px;
position:absolute;
left:-196px;
right:0;
margin:auto;
top:44px;
}
.blog-detail blockquote:after {
content:'';
background:url(../images/border-img.jpg) repeat-x left top;
width:130px;
height:4px;
position:absolute;
left:0;
right:-196px;
margin:auto;
top:44px;
}
.blog-detail blockquote .fa-quote-left {
display:block;
text-align:center;
font-size:40px;
color:#ccc;
padding:0 0 7px 0;
}
.share-btn {
float:left;
width:100%;
background:url(../images/border-img.jpg) repeat-x left center;
height:4px;
position:relative;
z-index:0;
margin:28px 0 59px 0;
}
.blog-detail a.share {
margin:0 auto;
width:147px;
display:block;
height:50px;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
font:400 16px/50px 'Noto Serif', serif;
color:#333;
text-decoration:none;
border-radius:5px;
text-align:center;
position:absolute;
left:0;
right:0;
background-color:#fff;
z-index:1;
top:-23px;
}
.auther-box {
float:left;
width:100%;
border-bottom:1px solid #ccc;
padding:0 0 25px 0;
margin:0 0 35px 0;
}
.auther-box h4 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 17px 0;
letter-spacing:-1px;
}
.auther-box .frame {
float:left;
width:83px;
overflow:hidden;
box-shadow:none;
margin:2px 15px 0 0;
}
.auther-box .frame img {
width:100%;
display:block;
}
.auther-box .frame:hover {
opacity:0.7;
}
.auther-box .text-box {
overflow:hidden;
}
.auther-box .text-box strong.title {
font:400 16px/16px 'Noto Serif', serif;
color:#333;
display:block;
padding:0 0 15px 0;
}
.auther-box .text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0;
}
.comment-form {
float:left;
width:100%;
}
.comment-form h4 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 15px 0;
letter-spacing:-1px;
}
.comment-form ul {
padding:0;
margin:0;
list-style:none;
float:left;
}
.comment-form ul li {
padding:0;
position:relative;
width:360px;
overflow:hidden;
}
.comment-input {
border:1px solid #CCCCCC;
border-radius:0;
box-shadow:0 0 4px #CCCCCC inset;
box-sizing:border-box;
color:#333333;
float:left;
font:italic 400 12px 'Noto Serif', serif;
height:40px;
margin:0 0 10px 0;
padding:0 30px;
min-width:360px;
}
.comment-form ul li .fa {
color:#999999;
font-size:12px;
left:12px;
position:absolute;
top:12px;
}
.text-area-box {
float:right;
min-width:315px;
position:relative;
}
.comment-textarea {
float:left;
width:100%;
height:189px;
border:1px solid #ccc;
border-radius:0;
padding:10px 30px;
margin:0 0 20px 0;
font:italic 400 12px 'Noto Serif', serif;
color:#333;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 4px #ccc inset;
}
.comment-btn-sumbit {
border:0 none;
color:#FFFFFF;
float:right;
font:400 18px 'Noto Serif', serif;
margin:0;
padding:14px 29px;
text-transform:uppercase;
border-radius:5px;
box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.text-area-box .fa {
color:#999999;
font-size:12px;
left:12px;
position:absolute;
top:12px;
}
.blog-medium {
float:left;
width:100%;
margin:0 0 30px 0;
}
.blog-medium ul {
padding:0;
list-style:none;
}
.blog-medium ul li {
float:left;
margin-bottom:30px;
}
.prayer-wall {
float:left;
width:100%;
margin:0 0 12px 0;
}
.prayer-wall ul {
padding:0;
margin:0;
list-style:none;
float:left;
width:100%;
}
.prayer-wall ul li {
float:left;
padding:0;
width:100%;
margin-bottom:36px;
}
.prayer-wall-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
padding:28px 34px 18px 30px;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.prayer-wall-box:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-4px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:99%;
}
.prayer-wall-box:after {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-8px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:98%;
}
.prayer-wall h2 {
font:400 28px/20px 'Noto Serif', serif;
letter-spacing:-1px;
margin:0 0 20px 0;
}
.prayer-wall-box h3 {
font:400 18px/18px 'Noto Serif', serif;
color:#333;
margin:0 0 14px 0;
word-spacing:-2px;
}
.prayer-wall-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#999;
margin:0 0 15px 0;
}
.prayer-wall-deatil {
float:left;
width:100%;
border-top:1px solid #ccc;
padding:15px 0 0 0;
}
.prayer-wall-deatil a {
font:400 14px/14px 'Noto Serif', serif;
color:#666;
text-decoration:none;
float:left;
padding:0 30px 0 0;
text-decoration:none;
}
.prayer-wall-deatil a .fa {
float:left;
font-size:12px;
color:#666;
padding:0 6px 0 0;
}
.prayer-wall-deatil a:hover {
text-decoration:none;
}
.prayer-wall-deatil a:hover .fa {
}
.prayer-wall-deatil a.count {
font:italic 400 14px/14px 'Noto Serif', serif;
text-decoration:none;
float:right;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:0 8px;
}
.prayer-wall ul li:hover .prayer-wall-box h3 {
}
.event-detail {
float:left;
width:100%;
}
.fram-holder {
float:left;
width:100%;
margin:0 0 28px 0;
}
.fram-holder .left {
float:left;
width:165px;
margin:0 29px 0 0;
}
.date-box {
float:left;
width:100%;
border-bottom:3px solid #000;
border-right:3px solid #000;
padding:17px 0 0 0;
margin:0 0 28px 0;
}
.date-box strong.day {
display:block;
text-align:center;
text-transform:uppercase;
font:400 16px/16px 'Noto Serif', serif;
color:#fff;
padding:0 0 12px 0;
}
.date-box strong.date {
display:block;
text-align:center;
text-transform:uppercase;
font:400 36px/36px 'Noto Serif', serif;
color:#fff;
padding:0 0 14px 0;
}
.date-box strong.mnt {
display:block;
text-align:center;
text-transform:uppercase;
font:400 16px/16px 'Noto Serif', serif;
color:#fff;
padding:0 0 18px 0;
}
.date-box strong.year {
display:block;
text-align:center;
text-transform:uppercase;
font:400 16px/16px 'Noto Serif', serif;
color:#fff;
position:relative;
background:rgba(0, 0, 0, 0.2);
padding:8px 0;
}
.fram-holder .left ul {
padding:0;
margin:0 0 11px 0;
list-style:none;
float:left;
}
.fram-holder .left ul li {
float:left;
padding:0 0 11px 0;
}
.fram-holder .left ul li a {
font:400 14px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
}
.fram-holder .left ul li a .fa {
float:left;
width:23px;
height:21px;
line-height:20px;
}
.fram-holder .left a.btn-participate {
display:block;
padding:17px 0;
text-decoration:none;
font:400 18px/17px 'Noto Serif', serif;
color:#fff;
text-align:center;
text-transform:uppercase;
border-radius:5px;
clear:both;
box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.event-frame {
float:right;
max-width:503px;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.event-frame img {
width:100%;
}
.event-frame .map-row {
float:left;
width:100%;
}
.event-detail-timer {
float:left;
width:100%;
padding:0 0 26px 0;
}
.event-detail-timer strong.title {
font:400 16px/16px 'Noto Serif', serif;
color:#fff;
display:block;
text-align:center;
margin:0;
float:none;
background:rgba(0, 0, 0, 0.2);
padding:13px 0;
position:relative;
}
.event-detail-timer strong.title:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-8px;
width:0px;
height:0px;
border-style:solid;
border-width:8px 7.5px 0 7.5px;
border-color:rgba(0, 0, 0, 0.2) transparent transparent transparent;
}
.timer-outer {
float:left;
width:100%;
padding:29px 0 0 13px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.timer-outer .countdown-amount {
font-size:200%;
color:#fff;
font:400 30px 'Noto Serif', serif;
}
.countdown-period {
display:block;
font:400 14px 'Noto Serif', serif;
text-align:center;
color:#fff;
text-transform:uppercase;
margin:-7px 0 0 0;
}
.map-box {
float:left;
min-width:100%;
}
.map_canvas-2 {
width:100%;
height:152px;
}
.event-detail blockquote {
border:0 none;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
box-sizing:border-box;
float:left;
margin:3px 0 36px;
padding:19px 29px 15px 30px;
position:relative;
width:100%;
}
.event-detail blockquote:before {
content:'';
display:none;
}
.event-detail blockquote:after {
content:'';
display:none;
}
.event-detail blockquote .fa-quote-left {
float:left;
font-size:30px;
color:#ccc;
padding:0 39px 100px 0;
}
.event-detail blockquote .fa-quote-right {
float:right;
font-size:30px;
color:#ccc;
margin:-22px 0 0 0;
}
.event-detail blockquote q {
font:400 18px/28px 'Open Sans', sans-serif;
color:#333;
text-align:left;
padding:4px 65px 0 0;
}
.related-events {
float:left;
width:100%;
margin:0 0 38px 0;
}
.related-events h3 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 16px 0;
letter-spacing:-1px;
}
.event-grid {
float:left;
width:100%;
margin:0 0 35px 0;
}
.event-grid ul {
padding:0;
list-style:none;
}
.event-grid ul li {
float:left;
margin-bottom:30px;
}
.pagination-margin {
margin-top:-8px!important;
}
.event-listing {
float:left;
width:100%;
margin:0 0 35px 0;
}
.event-listing ul {
padding:0;
margin:0;
list-style:none;
}
.event-listing ul li {
float:left;
padding:0;
margin-bottom:30px;
}
.event-listing ul li:hover .date-box-02 {
top:-100%;
}
.event-listing ul li:hover .text-box h2 {
}
.event-listing ul li:hover .caption {
left:0;
}
.event-listing-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.event-listing-box .frame {
float:left;
position:relative;
margin:0 0 0 0;
overflow:hidden;
width:100%;
}
.event-listing-box .frame img {
width:100%;
display:block;
}
.event-listing-box .frame .caption {
position:absolute;
left:-100%;
top:0;
width:100%;
height:100%;
padding:0 26px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.event-listing-box .frame .caption:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.8;
}
.event-listing-box .frame .caption .countdown-amount {
font-size:200%;
color:#fff;
font:400 30px 'Noto Serif', serif;
}
.event-listing-box .frame .caption .countdown-period {
display:block;
font:400 14px 'Noto Serif', serif;
text-align:center;
color:#fff;
text-transform:uppercase;
margin:-7px 0 0 0;
}
.timer-section {
width:100%;
float:left;
background:rgba(0, 0, 0, 0.75);
height:81px;
margin:83px 0 20px 0;
padding:9px 0 0 9px;
position:relative;
}
.event-listing-box .frame .caption a.btn-participate {
display:block;
width:122px;
height:40px;
box-shadow:0 -4px 0 0 #CCCCCC inset;
background-color:#fff;
border-radius:5px;
font:italic 400 14px/40px 'Noto Serif', serif;
color:#333;
margin:0 auto;
clear:both;
text-align:center;
position:relative;
text-decoration:none;
}
.date-box-02 {
position:absolute;
top:0;
left:0;
width:68px;
height:67px;
border-bottom:3px solid #000;
border-right:3px solid #000;
}
.date-box-02 strong.date {
font:400 26px/26px 'Noto Serif', serif;
color:#fff;
display:block;
text-align:center;
padding:10px 0 0 0;
}
.date-box-02 strong.mnt {
font:400 16px/16px 'Noto Serif', serif;
color:#fff;
display:block;
text-align:center;
text-transform:uppercase;
}
.event-listing-box .text-box {
max-width:100%;
float:left;
padding:20px 10px;
}
.event-listing-box .text-box h2 {
font:400 18px/18px 'Noto Serif', serif;
color:#333;
margin:0 0 13px 0;
letter-spacing:-1px;
}
.event-listing-box .text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 11px 0;
}
.event-listing-box .text-box a.readmore {
font:italic 400 14px 'Noto Serif', serif;
color:#333;
float:left;
text-decoration:none;
padding:0 0 15px 15px;
position:relative;
}
.event-listing-box .text-box a.readmore:before {
content:'';
position:absolute;
left:0;
top:9px;
border-left:2px solid;
border-width:10px;
height:2px;
}
.event-listing-box .text-box .detail-row {
float:left;
width:100%;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:6px 0 5px 0;
}
.event-listing-box .text-box .detail-row a {
font:400 14px 'Open Sans', sans-serif;
color:#999;
text-decoration:none;
float:left;
margin:0 20px 0 0;
}
.event-listing-box .text-box .detail-row a .fa {
float:left;
line-height:20px;
padding:0 8px 0 0;
}
.event-calendar {
float:left;
width:100%;
margin:0 0 39px 0;
}
.event-calendar .frame {
float:left;
width:100%;
}
.event-calendar .frame img {
display:block;
width:100%;
}
.news-event {
float:left;
width:100%;
margin:0 0 42px 0;
}
.news-event .frame {
float:left;
width:100%;
margin:0 0 27px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #ccc;
}
.news-event .frame:hover {
opacity:0.7;
}
.news-event .frame img {
display:block;
width:100%;
}
.news-event .text-box {
float:left;
width:100%;
}
.news-event .text-box .left {
float:left;
width:158px;
margin:0 0 20px 0;
}
.news-event .text-box .left strong {
font:400 12px/21px 'Open Sans', sans-serif;
color:#666;
display:block;
padding:0 0 10px 0;
}
.news-event .text-box .left strong .fa {
float:left;
padding:0 12px 0 0;
line-height:20px;
}
.news-event .text-box .left ul {
padding:0;
margin:0;
list-style:none;
display:block;
}
.news-event .text-box .left ul li {
float:left;
padding:0 9px 0 0;
}
.news-event .text-box .left ul li .fa {
color:#666;
font-size:12px;
}
.news-event .text-box .left ul li a {
text-decoration:none;
}
.news-event .text-box .left ul li a .fa {
font-size:14px;
color:#666;
}
.news-event .text-box .right {
float:right;
max-width:652px;
}
.news-event .text-box .right h2 {
font:400 18px/18px 'Noto Serif', serif;
color:#333;
margin:0 0 15px 0;
}
.news-event .text-box .right p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 20px 0;
}
.text-box blockquote {
float:left;
width:100%;
padding:17px 0 15px 29px;
margin:5px 0 36px 0;
border:1px solid #999;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 10px #ccc inset;
}
.text-box blockquote .fa-quote-left {
font-size:30px;
color:#ccc;
float:left;
padding:0 39px 0 0;
}
.text-box blockquote .fa-quote-right {
font-size:30px;
color:#ccc;
float:right;
margin:20px 30px 0 0;
}
.text-box blockquote q {
font:400 18px/28px 'Open Sans', sans-serif;
color:#333;
float:left;
width:630px;
padding:5px 0 0 0;
}
.comment-box {
float:left;
width:100%;
margin:30px 0 8px 0;
}
.comment-box h3 {
font:400 28px/28px 'Noto Serif', serif;
margin:0 0 14px 0;
letter-spacing:-1px;
}
.comments {
float:left;
width:100%;
}
.comments .text-outer {
float:left;
width:100%;
padding:0;
border-bottom:1px solid #ccc;
margin-bottom:27px;
}
.comments .text {
float:left;
width:100%;
padding:0 0 26px 0;
position:inherit;
margin:0;
text-align:left;
}
.comments ul {
float:left;
width:100%;
margin:0px;
padding:0px;
list-style:none;
}
.comments ul li {
float:left;
width:100%;
position:relative;
margin:0;
padding:0;
}
.comments ul ul {
padding:0px 0px 0px 98px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
}
.comment-frame {
float:left;
margin:3px 15px 0 0;
}
.comment-frame:hover {
opacity:0.7;
}
.text-outer-1 {
overflow:hidden;
}
.comments .text strong.title {
font:400 16px/16px 'Noto Serif', serif;
color:#333;
padding:0 0 16px 0;
display:block;
}
.comments .text p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 15px 0;
}
.comments .text a.date {
font:400 12px/12px 'Open Sans', sans-serif;
color:#999;
float:left;
padding:0 20px 0 0;
text-decoration:none;
}
.comments .text a.date:hover {
color:#000;
}
.comments .text a.date .fa {
float:left;
padding:0 6px 0 0;
}
.comments .text a.reply {
font:400 12px 'Open Sans', sans-serif;
color:#999;
float:left;
padding:0;
text-decoration:none;
}
.comments .text a.reply:hover {
color:#000;
}
.comments .text a.reply .fa {
float:left;
padding:0 5px 0 0;
}
.news-listing {
float:left;
width:100%;
margin-bottom:40px;
}
.news-listing h2 {
font:400 28px/20px 'Noto Serif', serif;
letter-spacing:-1px;
margin:0 0 21px 0;
}
.news-listing .frame {
float:left;
overflow:hidden;
width:100%;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
margin:0 0 29px 0;
}
.news-listing .frame .detail-row {
position:absolute;
left:0;
top:19px;
width:319px;
height:31px;
box-shadow:2px 2px 1px -1px rgba(0, 0, 0, 0.4);
-moz-box-shadow:2px 2px 1px -1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:2px 2px 1px -1px rgba(0, 0, 0, 0.4);
padding:5px 0 0 31px;
}
.news-listing .frame .detail-row a {
font:400 12px/20px 'Open Sans', sans-serif;
color:#fff;
text-decoration:none;
float:left;
margin:0 21px 0 0;
}
.news-listing .frame .detail-row a .fa {
float:left;
line-height:20px;
padding:0 5px 0 0;
}
.news-listing .frame .caption {
position:absolute;
left:0;
bottom:0;
background:rgba(0, 0, 0, 0.75);
width:100%;
height:auto;
padding:20px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.news-listing .frame .caption strong.title {
font:400 18px/18px 'Noto Serif', serif;
color:#fff;
display:block;
padding:0 0 9px 0;
}
.news-listing .frame .caption p {
margin:0;
font:400 14px/20px 'Open Sans', sans-serif;
color:#fff;
}
.news-listing h3 {
font:400 28px/20px 'Noto Serif', serif;
letter-spacing:-1px;
margin:0 0 21px 0;
}
.news-listing ul {
padding:0;
margin:0;
list-style:none;
}
.news-listing ul li {
float:left;
padding:0;
width:100%;
}
.width .date-row a.link {
padding:0 17px 0 0!important;
}
.width .date-row {
padding-left:21px!important;
}
.width .latest-news p {
margin:0 0 11px 0;
}
.sermon-detail {
float:left;
width:100%;
margin:0 0 29px 0;
}
.sermon-frame {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
padding:0 0 15px 0;
position:relative;
margin:0 0 32px 0;
}
.sermon-frame:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-4px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:98%;
}
.sermon-frame:after {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-8px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:96%;
}
.sermon-detail-row {
float:left;
width:100%;
padding:13px 0 0 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.sermon-detail-row .left {
padding:0;
margin:0;
list-style:none;
float:left;
}
.sermon-detail-row .left li {
float:left;
padding:0;
}
.sermon-detail-row .left li a {
font:400 12px 'Open Sans', sans-serif;
;
color:#999;
text-decoration:none;
float:left;
margin:0 19px 0 0;
}
.sermon-detail-row .left li a .fa {
float:left;
line-height:15px;
padding:0 7px 0 0;
}
.sermon-detail-row .right {
padding:0;
margin:0;
list-style:none;
float:right;
}
.sermon-detail-row .right li {
float:left;
padding:0 22px 0 0;
}
.sermon-detail-row .right li a {
text-decoration:none;
font-size:18px;
line-height:18px;
color:#999;
}
.sermon-detail blockquote {
float:left;
padding:18px 0 16px 30px;
margin:2px 0 36px 0;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.sermon-detail blockquote:before {
content:'';
display:none;
}
.sermon-detail blockquote:after {
content:'';
display:none;
}
.sermon-detail blockquote .fa-quote-left {
float:left;
font-size:30px;
color:#ccc;
padding:0 40px 0 0;
}
.sermon-detail blockquote .fa-quote-right {
float:right;
font-size:30px;
color:#ccc;
margin:20px 30px 0 0;
}
.sermon-detail blockquote q {
font:400 18px/28px 'Open Sans', sans-serif;
color:#333;
text-align:left;
float:left;
max-width:652px;
}
.sermon-detail .comment-box {
margin-top:43px!important;
}
.sermon-page {
float:left;
width:100%;
margin:0 0 42px 0;
}
.sermon-page ul {
padding:0;
margin:0;
list-style:none;
}
.sermon-page ul li {
float:left;
padding:0 0 35px 0;
width:100%;
}
.sermon-page ul li:hover .frame {
opacity:0.7;
}
.sermon-page ul li:hover .text-box h2 {
}
.sermon-box {
float:left;
width:100%;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
padding:0;
position:relative;
}
.sermon-box:before {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-4px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:99%;
}
.sermon-box:after {
content:'';
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-8px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
height:4px;
width:98%;
}
.sermon-box .frame {
float:left;
margin:0;
width:100%;
}
.sermon-box .frame img {
width:100%;
display:block;
}
.sermon-box .text-box {
float:left;
max-width:100%;
padding:17px 10px;
}
.sermon-box .text-box h2 {
font:400 18px/18px 'Noto Serif', serif;
color:#333;
margin:0 0 13px 0;
word-spacing:-2px;
}
.sermon-box .text-box p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#666;
margin:0 0 15px 0;
}
.sermon-box .text-box .detail-row {
float:left;
width:100%;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:8px 0 6px 0;
margin:0 0 20px 0;
}
.sermon-box .text-box .detail-row ul {
padding:0;
margin:0;
list-style:none;
}
.sermon-box .text-box .detail-row ul li {
float:left;
padding:0 0 0 19px;
width:auto;
}
.sermon-box .text-box .detail-row ul li:first-child {
padding:0;
}
.sermon-box .text-box .detail-row li a {
color:#999999;
float:left;
font:400 12px 'Open Sans', sans-serif;
text-decoration:none;
}
.sermon-box .text-box .detail-row li a .fa {
float:left;
line-height:15px;
padding:0 7px 0 0;
}
.sermon-box .text-box .list-area {
float:left;
padding:0;
margin:0;
list-style:none;
}
.sermon-box .text-box .list-area li {
float:left;
padding:0 20px 0 0;
width:auto;
}
.sermon-box .text-box .list-area li a {
float:left;
width:60px;
height:60px;
border-radius:100%;
border:1px solid #999;
text-decoration:none;
}
.sermon-box .text-box .list-area li a .fa {
text-align:center;
line-height:60px;
display:block;
font-size:24px;
color:#999;
}
#footer {
float:left;
width:100%;
background-color:#333;
border-top:5px solid #222;
}
.footer-section {
float:left;
width:100%;
padding:40px 0 35px 0;
}
.footer-box-1 {
float:left;
width:100%;
}
.footer-box-1 h4 {
font:400 28px/28px 'Noto Serif', serif;
color:#ccc;
margin:0 0 13px 0;
letter-spacing:-1px;
}
.footer-box-1 p {
font:400 14px/20px 'Open Sans', sans-serif;
color:#ccc;
margin:0 0 14px 0;
}
.footer-box-1 .tweets {
float:left;
width:100%;
padding:0 0 11px 0;
}
.footer-box-1 .tweets strong.name {
font:700 14px 'Open Sans', sans-serif;
color:#ccc;
display:block;
}
.footer-box-1 .tweets p {
font:400 14px 'Open Sans', sans-serif;
color:#ccc;
margin:0;
}
.footer-box-1 .tweets a {
font:italic 400 14px 'Open Sans', sans-serif;
color:#ccc;
text-decoration:none;
display:block;
}
.newsletter {
float:left;
width:100%;
margin:0;
}
.input-newsletter {
float:left;
width:100%;
height:50px;
border:0;
border-radius:5px;
background-color:#222;
font:400 12px 'Open Sans', sans-serif;
color:#ccc;
margin:0 0 11px 0;
padding:0 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.btn-submit-news {
padding:10px 34px;
float:right;
margin:0;
border:0;
border-radius:5px;
font:400 14px 'Noto Serif', serif;
color:#fff;
box-shadow:0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.footer-box-1 address {
margin:0;
}
.footer-box-1 address ul {
padding:0;
margin:12px 0 0 0;
list-style:none;
float:left;
}
.footer-box-1 address ul li {
padding:0 0 6px 0;
overflow:hidden;
font:400 14px 'Open Sans', sans-serif;
color:#ccc;
}
.footer-box-1 address ul li .fa {
float:left;
padding:0 15px 0 0;
line-height:20px;
}
.footer-box-1 address ul li a.email {
font:400 14px 'Open Sans', sans-serif;
color:#ccc;
text-decoration:none;
}
.footer-box-1 address ul li a.email:hover {
text-decoration:underline;
}
.footer-box-1 .bx-wrapper {
margin:0;
float:left;
width:100%;
}
.footer-box-1 .bx-wrapper .bx-viewport {
background:none;
border:0;
box-shadow:none;
left:0;
}
.footer-box-1 .bx-viewport>ul {
margin:0;
}
.footer-box-1 .bx-wrapper .bx-controls-direction a {
display:none;
}
.footer-box-1 .bx-wrapper .bx-pager {
padding:0;
display:none;
}
.footer-social {
float:left;
width:100%;
padding:20px 0;
background-color:#222;
}
.footer-social ul {
padding:0;
margin:0;
list-style:none;
display:block;
text-align:center;
}
.footer-social ul li {
display:inline-block;
padding:0 3px;
}
.footer-social ul li a {
text-decoration:none;
border:1px solid #fff;
width:53px;
height:52px;
border-radius:100%;
display:block;
}
.footer-social ul li a .fa {
font-size:20px;
line-height:52px;
color:#fff;
text-align:center;
display:block;
text-shadow:3px 0 0 rgba(0, 0, 0, 0.45);
}
.social-color-1 {
background-color:#3b5997;
}
.social-color-2 {
background-color:#29c5f6;
}
.social-color-3 {
background-color:#006dc0;
}
.social-color-4 {
background-color:#d13d2f;
}
.social-color-5 {
background-color:#2f4962;
}
.social-color-6 {
background-color:#00aff0;
}
.social-color-7 {
background-color:#de332c;
}
.copyrights-section {
float:left;
width:100%;
padding:22px 0 26px 0;
}
.copyrights-section strong.copy {
text-align:center;
display:block;
font:400 14px 'Open Sans', sans-serif;
color:#999;
}
.copyrights-section strong.copy span.bold {
font-weight:700;
}
.copyrights-section strong.copy a.web {
text-decoration:none;
color:#999;
font-weight:700;
}
.slide-out-div {
background:none repeat scroll 0 0 #FFFFFF;
padding:0;
width:220px;
z-index:9999;
}
.handle {
background-color:#333!important;
}
.slide-out-div h3 {
background:#333;
color:#FFFFFF;
font:400 20px/40px 'Noto Serif', serif;
margin:0;
padding-left:20px;
}
.colors-sw {
padding:20px;
}
.colors-sw>ul {
margin:0;
padding:0;
}
.colors-sw li {
border:1px solid #DFDFDF;
display:inline-block;
margin-bottom:20px;
margin-right:10px;
padding:5px;
text-align:center;
}
.head-topbar .left a.email, .widget-box .round, .widget-box a.btn-widget, .widget-box .round .fa, .widget-box, .sermons-box .detail-row ul li a, .sermons-box .frame .caption, .sermons-box .text-box h4, .blog-posts-box .frame, .latest-news .frame, #timelines-slider .caption, .latest-event-box .frame .inner-area, .donate-form ul li a, .donate-form ul li span.circle span.inner, .donate-form ul li a:before, .gallery-frame .caption:before, .gallery-frame .caption, .grid .caption, #home-sidebar ul li, .team-box .text-box ul li a, .team-box .frame, .team-row-2 .box-1 .frame, .services-box .round-frame .fa, .services-box h4, .services-box .round-frame, .about-page .frame, .post-box .frame, .popular-sermons .text-box a .fa-play-circle, .popular-sermons a.play, .upcoming-events .date-box span.mnt, .upcoming-events .date-box span.date, .upcoming-events .date-box, .upcoming-events .text-box strong.title, .recent-post .frame, .auther-box .frame, .prayer-wall-deatil a, .prayer-wall-deatil a .fa, .prayer-wall-box h3, .date-box-02, .event-listing-box .text-box h2, .event-listing-box .frame .caption, .news-event .frame, .comment-frame, .comments .text a.date, .comments .text a.reply, .sermon-box .frame, .sermon-box .text-box h2 {
transition:all 1s ease 0s;
-webkit-transition:all 1s ease 0s;
-moz-transition:all 1s ease 0s;
-o-transition:all 1s ease 0s;
}
.Fonts {
font-family:'Noto Serif', serif;
font-weight:400;
font-weight:700;
font-family:'Open Sans', sans-serif;
font-weight:300;
font-weight:400;
}
.Boxresizing {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.thanx-page {
float:left;
width:100%;
margin:40px 0;
}
.thanx-page h2 {
font:400 100px/100px 'Noto Serif', serif;
color:#333;
display:block;
text-align:center;
}
.thanx-page p {
font:400 20px 'Open Sans', sans-serif;
margin:0;
text-align:center;
}
.width {
width:100%!important;
}