@charset "utf-8";
/*
Theme Name: Faith
Theme URI: http://www.ChimpStudio.co.uk/
Author: ChimpStudio
Author URI: http://www.ChimpStudio.co.uk/
Description: Statfort theme for WordPress is stylish, customizable, simple, and readable - make it yours with a custom menu and custom theme options. Statfort supports multiple widgetized areas and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for admin Visual Editor.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: dark, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, custom-colors, custom-menu, editor-style, featured-image-header, featured-images, post-formats, rtl-language-support, theme-options, translation-ready
*/
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import url(css/shortcode.css);
@import url(css/shop.css);

*{
	padding: 0px;
	margin: 0px;
	outline: none !important;
}
body , html {
	height: 100%;
}
body {
	background: #383838;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	font-weight:400;
	color:#333;
	-ms-overflow-x: hidden;
		overflow-x: hidden;
}
.wp-caption-text,.sticky,.gallery-caption,.bypostauthor {}
a {
	color: #333;
	text-decoration: none;
}
a, a:hover{
	outline: none !important;
}
.cs-colr {
	color: #fff;
}
body h1, body h2, body h3, body h4, body h5  {
	font-weight: 400;
	line-height:1.4;
	color:#000;
	margin-top: 0;
	margin-bottom: 12px;
}
h1{
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
}
button {
	border: none;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 40px;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 20px;
  border: none;
  color: #727272;
  font-family: 'Droid Serif', serif;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Heading Styles*/
header.cs-heading-title {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
header.cs-heading-title h2 {
	float: left;
	margin-bottom: 0;
}
.cs-section-title {
	font-size: 22px;
	line-height: 25px;
	float: left;
	font-weight: 700;
	color: #000;
	margin-bottom: 0;
}
.widget-title h2{
	color: #272727;
}
.cs-post-title {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
	line-height: 1.4;
}
.cs-page-title{
	color: #333;
	margin-bottom: 5px;
}
.widget-title{
	margin: 0px 0px 16px 0px;
}

.widget{
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
}
.cs-bgcolrhvr:hover {
	color: #fff !important;
}
figure {
	position:relative;
}
figcaption {
	position:absolute;
	width: 100%;
}
article figure {
	float:left;
	position:relative;
}
figure img {
	float:left;
	width: 100%;

}
p {
	margin-bottom: 15px;
	line-height: 2;
}
.fullwidth {
	float: left;
	width: 100%;
}

li {
    list-style: disc outside none;
    line-height: 23px;
}
ul ul{
  margin-left: 20px;
}
ol{
  list-style: decimal;
  float: none;
  padding-left: 15px;
}
ol ol{
  margin-left: 20px;
}
ol li{
  width: 100%;
   list-style: decimal;
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
table {
  width: 100%;
  margin-bottom: 20px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
 padding: 8px;
 line-height: 1.428571429;
 vertical-align: top;
 border-top: 1px solid #dddddd;
 border: 1px solid #dddddd;
}
table > tfoot > tr > td{
	border:none;
	padding:8px 8px 8px 0px
}
table > thead > tr > th {
 vertical-align: bottom;
 border-bottom: 2px solid #dddddd;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-bottom: 0;
}
table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
p ins{
 color: #999;
}
dl dd{
 margin-left: 20px;
}
address{
 font-style: italic;
}


/* Element Sizes
=========================== */
.element_size_100 {
    float: left;
	padding:0px;
    width: 100%;
}
.element_size_75 {
    float: left;
    padding:0px 15px 0px 15px;
    width: 75%;
}
.element_size_50 {
    float: left;
    padding:0px 15px 0px 15px;
    width: 50%;
}
.element_size_25 {
    float: left;
    padding:0px 15px 0px 15px;
    width: 25%;
}

/*
=======================================
	Main Section
=======================================
*/
.wrapper {
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(images/bg-pattren.png) repeat 0 0;
}
.wrapper_boxed{
	max-width: 1130px;
	margin: 50px auto;
}
.wrapper:before,.wrapper:after {
	content: "";
	position: absolute;
	left: 0;
	top: -5px;
	height: 5px;
	width: 100%;
/* 
background:-webkit-gradient(linear, 0 100%, 0 0, from(#a46427), color-stop(0.2, #a46427), color-stop(0.2, #80715c), color-stop(0.4, #80715c), color-stop(0.4, #ccbb9f), color-stop(0.6, #ccbb9f), color-stop(0.6, #98c1bd), color-stop(0.8, #98c1bd), color-stop(0.8, #cddeb4), to(#cddeb4));
background:-webkit-linear-gradient(90deg, #a46427 0%, #a46427 20%, #80715c 20%, #80715c 40%, #ccbb9f 40%, #ccbb9f 60%, #98c1bd 60%, #98c1bd 80%, #cddeb4 80%, #cddeb4 100%);
background:-moz-linear-gradient(90deg, #a46427 0%, #a46427 20%, #80715c 20%, #80715c 40%, #ccbb9f 40%, #ccbb9f 60%, #98c1bd 60%, #98c1bd 80%, #cddeb4 80%, #cddeb4 100%);
background:-o-linear-gradient(90deg, #a46427 0%, #a46427 20%, #80715c 20%, #80715c 40%, #ccbb9f 40%, #ccbb9f 60%, #98c1bd 60%, #98c1bd 80%, #cddeb4 80%, #cddeb4 100%);
background:linear-gradient(90deg, #a46427 0%, #a46427 20%, #80715c 20%, #80715c 40%, #ccbb9f 40%, #ccbb9f 60%, #98c1bd 60%, #98c1bd 80%, #cddeb4 80%, #cddeb4 100%) repeat scroll 50% 0 transparent; 
*/
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25) inset;
}
.wrapper:after {
	top: auto;
	bottom: -5px;
}
/*
========================================
	Header Section
========================================
*/
#header {
	position: relative;
	z-index: 98;
	margin-bottom: 30px;
	float: left;
	width: 100%;
}

/*
==========================
Main Header
*/
#mainheader {
	padding-top: 35px;
	position: relative;
	margin-bottom: 32px;
	z-index: 99;
	top: 0 ;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


#logo img {
	float: left;
}
#logo h4 {
	float: left;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	color: #676767;
	padding-top: 22px;
	padding-left: 30px;
	margin: 0;
}
#rightheader {
	padding-top: 0px;
	float: right;
	position: relative;
	z-index: 2;
}
.top-header-panel {
	float: right;
	width: 100%;
	margin-bottom: 15px;
}
.top-header-panel li {
	float: left;
	list-style: none;
	padding-left: 28px;
	line-height: 20px;
	position: relative;

}
.top-header-panel li a {
	color: #666;
}
.top-header-panel li .followus{
	float:right;
	width:100%;
}
.top-header-panel li .followus a{
	display:inline-block;
	width:16px;
	height:16px;
	background:#666;
	margin:0 0 0 3px;
	text-align:center;
	border-radius:100%;
	line-height:8px;
}
.top-header-panel li .followus a i{
	font-size:8px;
	margin-top:5px;
	color:#fff;
}
.top-header-panel li:first-child {
	padding-left: 0;
}
.top-header-panel li:first-child:before {
	display: none;
}
.top-header-panel li:before {
	content: '\/\/';
	float: left;
	position: absolute;
	left: 10px;
	top: 1px;
	color: #cbcbca;

}
.top-header-panel .lang_sel_list_horizontal{
	float:left;
	width:100%;
}
.top-header-panel .lang_sel_list_horizontal ul li{
	margin:5px !important;
}
.top-header-panel .lang_sel_list_horizontal ul li a{
	margin:2px 0 0 0;
	padding:4px !important;
	background:none !important;
	text-transform:capitalize;
}
.top-header-panel .lang_sel_list_horizontal ul li a span{
	color:#666;
}
.top-header-panel .lang_sel_list_horizontal ul li a img{
	top:-1px !important;
}
#lang_sel_list ul {
	border:none !important;
}
#lang_sel_list ul li a{
	background:none !important;
	border:none !important;
	text-transform:capitalize;
}
a.cs-selectlanguage {
	font-size: 12px
}
a.cs-selectlanguage i {
	color: #b9b9b9;
}
.cart-sec span.amount {
	display: inline-block;
	line-height: 20px;
	width: 20px;
	font-size: 11px;
	text-align: center;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 3px  rgba(0,0,0,0.2);
	margin-left: 6px;
	
}
.followus {
	float: left;
	width: 100%;
	font-size: 16px
}
/*======================
Search Section
*/
.bottom-header-panel .btn {
	padding: 0 12px;
	line-height: 24px;
}
.cs-service-mega {
	padding: 0 10px;
	position: relative;
}
.bottom-header-panel form {
	float: left;
}
.cs-btnselect {
	float: left;
	width: 120px;
	line-height: 24px;
	color: #666;
	font-size: 11px;
	padding-left: 6px;
	padding-right: 3px;
	border-radius: 3px;
	background: rgba(255,255,255,0.6);
	border: 1px solid #b8b8b8;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);

}
.cs-btnselect i {
	float: right;
	top: 0px;
	line-height: 22px;
	color: #3b3b3b;
}
.searcharea {
	position: relative;
}
.searcharea a {
	float: left;
	width: 26px;
	line-height: 24px;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-radius: 3px;
	background: rgba(255,255,255,0.6);
	border: 1px solid #b8b8b8;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.searcharea a i {
	top: 0;
	line-height: 20px;
}
#searchbox {
	float: left;
	display: none;
	position: absolute;
	right: 0;
	top: 40px;
	width: 336px;
	border: 15px solid #fff;

	background: #fff;
	box-shadow: 0px 0 6px rgba(0,0,0,0.3)
}
#searchbox label {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
#searchbox label:before ,#searchbox label:after {
	content: '';
	position: absolute;
	left: 0;
	height: 22px;
	width: 2px;
	background: #fff;
	left: -2px;
	top: 0;
	
}
#searchbox label:after {
	left: auto;
	right: -2px;
}
#searchbox input {
	float: left;
	width: 260px;
	height: 20px;
	padding: 0 10px;
	border-radius: 0;
}
#searchbox button {
	height: 20px;
	float: left;
	width: 30px;
	color: #999;
	background: none;
	cursor: pointer;
	font-size: 16px;
	border-right: 2px dotted #999;
}
.service-dropdown {
	float: left;
	display: none;
	width: 540px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: 10px;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
	padding: 30px 0;
}
.service-dropdown .widget {
	float: left;
	width: 50%;
	padding-left: 30px;
	padding-right: 30px;
	border-left: 1px solid #d6d6d6;
}
.service-dropdown .widget h5 {
	text-transform: uppercase;
}
.service-dropdown .widget h5 i {
	margin-right: 10px;
	top: 0;
}
.service-dropdown .widget p time {
	display: block;
}
.service-dropdown .widget:first-child {
	border-left: none;
}
.service-dropdown .widget .btn {
	background: none;
	border: 1px solid #b8b8b8;
	color: #666;
	line-height: 30px;
	border-radius: 20px;
	font-weight: 400;
}
/* Navigation
================================================== */
#menuwrapper {
	float: left;
	width: 100%;
}
#menuwrapper.scroll-to-fixed-fixed{
	left: 0 !important;
	width: 100% !important;
	background: url(images/bg-menu.png) no-repeat center bottom #3b3229;
}
nav.navigation {
	float: left;
	width: 100%;
	background: url(images/bg-menu.png) no-repeat center bottom #3b3229;
	border-radius: 4px;
	padding: 0 25px;
	position: relative;
	z-index: 1;
}
nav.navigation ul,nav.navigation ul li {
	list-style: none;
	margin-left: 0;
}
nav.navigation > ul {
	margin: 0;
	position: relative;
	z-index: 11;
}
nav.navigation > ul > li{
	float:left;
	position:relative;
}
nav.navigation > ul > li > a{
	float:left;
	font-size:12px;
	height: 55px;
	display: inline-block;
	vertical-align: top;
	line-height: 55px;
	padding:0px 22px;
	color: #ccbb9f;
	font-weight: bold;
	text-transform: uppercase;
	position:relative;
}
nav.navigation > ul > li > a:before,
nav.navigation > ul > li.current-menu-item > a:before,
nav.navigation > ul > li.current-menu-ancestor > a:before {
	content: "";
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	bottom: -3px;
	background: #f1a828;
}
nav.navigation > ul > li > a:after,
nav.navigation > ul > li.current-menu-item > a:after,
nav.navigation > ul > li.current-menu-ancestor > a:after {
	content: "";
	position: absolute;
	display: none;
	left: 50%;
	margin-left: -10px;
	top: 0px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 10px 0 10px;
	border-color: #eeeadf transparent transparent transparent;
}
nav.navigation > ul > li:hover > a {
	color: #fff;
}
nav.navigation > ul > li:hover > a:before ,nav.navigation > ul > li:hover > a:after,
nav.navigation > ul > li.current-menu-item > a:before,
nav.navigation > ul > li.current-menu-item > a:after,
nav.navigation > ul > li.current-menu-ancestor > a:after,
nav.navigation > ul > li.current-menu-ancestor > a:before {
	display: block;
}
.navigation ul ul {
	float:left;
	position:absolute;
	top:50px;
	padding:  0px;
	left:0;
	z-index:998;
	border-radius: 0;
	background:#fff;
	margin: 0;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.4);
	width:175px;
	opacity: 0;
	visibility: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: translateY(-20px);
	   -moz-transform: translateY(-20px);
	    -ms-transform: translateY(-20px);
	     -o-transform: translateY(-20px);
	        transform: translateY(-20px);
	-webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
	   -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
	    -ms-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
	     -o-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
	        transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation ul ul li{
	float:left;
	width:98%;
	position:relative;
	width: 100%;
	border-top: 1px solid #e8e8e8;
}
.navigation ul ul li:first-child {
	border-top: none;
}

.navigation ul ul ul {
	left: 100%;
	top: 0;
}
.navigation ul ul a {
	width:100% !important;
	display:block;
	padding:6px 10px;
	margin:0;
	font-weight: 400;
	text-transform: none;
	font-style: italic;
	font-size:14px;
	color:#666 ;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.navigation ul ul li:hover > a {
	color:#fff;
}
.navigation ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
}
.selectnav { 
	display: none;
}
@media only screen and (max-width: 768px) {
	nav.navigation > ul {
		display:none;
	}
	.js #nav { 
		display: none; 
	}
	.js .selectnav { 
		display: block; 
	}
}
/*
======================================
Banner Section
======================================
*/
#bannerwrapp {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
#bannerwrapp div[class*="element_size_"] {
	padding: 0;
}
#banner {
	float: left;
	width: 100%;
}
.caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.caption h2 {
	display: inline;
	vertical-align: top;
	padding: 10px 0;
	line-height: 44px;
	margin-left: 15px;
	color: #fff;
	font-size: 20px;
	font-style: italic;
	background: rgba(0,0,0,0.8);
	box-shadow: 15px 0 0 rgba(0,0,0,0.8),-15px 0 0 rgba(0,0,0,0.8);
}
.caption h2 a{
	color: #fff;
}
.caption p {
	color: #eeeadf;
	background: rgba(0,0,0,0.5);
	margin: 0;
	font-style: italic;
	padding: 20px;
	padding-right: 120px;
}
#banner .flex-direction-nav {
	display: none;
}

/*
========================================
Announcement Ticker
========================================
*/
.announcement-ticker {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.announcement-ticker h5 .fa.fa-angle-right {
    margin: 4px 0 0 7px;
    display: inline-block;
    vertical-align: bottom;
    
}
.announcement-ticker h5 .fa.fa-bell{
	-webkit-transform: rotate(-16deg);
	   -moz-transform: rotate(-16deg);
	    -ms-transform: rotate(-16deg);
	     -o-transform: rotate(-16deg);
	        transform: rotate(-16deg);
}
.announcement-ticker h5 {
	float: left;
	line-height: 44px;
	font-size: 18px;
	color: #333;
	margin: 0;
}
.announcement-ticker h5 i {
	margin-right: 8px;
}
.announcement-ticker h5 i.fa-right-open-big {
	margin-right: 0;
	color: #b7b7b7;
}
.announcement-ticker h5 i:before {
	font-size: 30px;
	line-height: 44px;
	top: 6px;
}
.ticker-wrapp {
	margin-left: 210px;
	margin-top: 6px;
	overflow: hidden;
	height: 45px;
	position: relative;
}
.ticker-wrapp  li {
	margin: 0;
	color: #666;
	list-style: none;
	font-size: 18px;
	font-style: italic;
	line-height: 44px;
}
.ticker-wrapp li time {
	font-size: 12px !important;
	display: inline-block;
	margin-left: 10px;	
}
.ticker-controls {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.ticker-controls li {
	float: left;
}
.ticker-controls li a {
	background: #fff;
    border: 1px solid #bdbddb;
    border-radius: 44px;
    box-shadow: none;
    color: #b7b7b7;
    display: block;
    float: left;
    font-size: 16px;
    height: 33px;
    line-height: 30px;
    margin-left: 5px;
    margin-top: 6px;
    overflow: hidden;
    text-align: center;
    transition: all 0.1s linear 0s;
    width: 33px;
}
.ticker-controls li a:hover{
	color:#fff;
}
/*
========================================
Main
========================================
*/

#main {
	position: relative;
	margin-top: 12px;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	z-index: 10;
	background-color:#fff;
}

#main:after,#main:before {
	content: " ";
    display:block;
    position: absolute;
    left: 0;
    top: -12px;
	height: 12px;
	width: 100%;
    background: url(images/bg-curvvy-edges.png) repeat-x left top;
    -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1);
}
#main:before {
	top: auto;
	bottom: -12px;
	-webkit-transform: scaleY(1);
	   -moz-transform: scaleY(1);
	    -ms-transform: scaleY(1);
	     -o-transform: scaleY(1);
	        transform: scaleY(1);
}
/*
===============================
=== Post Options ==============
===============================
*/
.cs-btnviewall {
	display: block;
	float: right;
	font-size: 11px;
	font-style: italic;
	color: #999;
	border-bottom: 1px dotted #999;
	margin-top: 4px;
}
.post-options {
	float: left;
	margin: 0 0 0px 0;
}
.post-options li {
	float: left;
	list-style: none;
	font-size: 13px;
	color: #999;
	line-height: 22px;
	font-style: italic;
	padding-left: 10px;
}
.post-options li:first-child {
	padding-left: 0;
}
.post-options li time ,.post-options li a {
	color: #666;
}
.post-options li a.event-label {
	padding: 0 8px;
	display: inline-block;
	background: #333;
	border-radius: 2px;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	margin-right: 2px;
	font-style: normal;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
.post-options li a.event-label:hover {
	color: #fff !important;
}
.cs-btncancel {
	background: #c66 !important;
}
.cs-btnbooked {
	background: #9a9a9a !important;
}
.cs-btnpublic {
	background: #68aa73 !important;
}
/*
===============================
=== Parallax Image ============
===============================
*/
.parallaxbg {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
}
.parallaxbg:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	background: url(images/bg-sand-gradient.png) repeat center top;
	opacity: .5;
	box-shadow: 0 0 15px #000 inset;
}
.cs-parallax-container {
	float: none;
	display: table-cell;
	position: relative;
	z-index: 10;
	vertical-align: middle;
	width: 1600px;
	height: 200px;
	border-radius: 3px;
}
.parallaxbg.cs-next-event {
	height: 100%;
	height: 200px;
	text-align: center;
}
.parallaxbg.cs-next-event h2 {
	color: #fff;
	margin: 0;
	font-size: 30px;
	font-weight: 400;
	font-style: italic;
}
/*
===================================
== Blog Section ===================
===================================
*/
.event {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.event  article {
	float: left;
	width:100%;
	margin-bottom: 30px;
}
.calendar-date {
	float: left;
	width: 58px;
	height: 63px;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #bebebe;
} 
.calendar-date span {
	display: block;
	float: left;
	width: 100%;
	padding-top: 8px;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
}
.calendar-date time {
	display: block;
	float: left;
	width: 100%;
	font-size: 26px;
	font-style: italic;
}
/*
==========================================
Events
==========================================
*/
.event.event-listing article {
	padding-top: 40px;
	border-top: 1px dashed #d6d6d6;
}
.event.event-listing article figure {
	float: right;
	width: 242px;
	margin: 5px 0px 20px 20px;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.event.event-listing h2 a {
	color: #000;
}
.event.event-listing .post-options {
	margin-bottom: 15px;
	width: 100%;
	display: block;
	float: none;
}
.event.event-listing .post-options li {
	float: none;
}
.bottom-event li {
	float: left;
	line-height: 32px;
	list-style: none;
	font-size: 0;
	padding-left: 20px;
}
.bottom-event li:first-child {
	padding-left: 0;
}
.bottom-event li .event-price {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	margin-right: 1px;
}
.bottom-event li .btn {
	display: inline-block;
	padding: 0 15px;
	letter-spacing: 0;
	line-height: 30px;
	border-radius: 0;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	cursor: inherit;
}
.bottom-event li .btn.cs-buynow {
	cursor: pointer;
}
.bottom-event li address {
	font-size: 14px;
	color: #666;
	float: left;
	vertical-align: bottom;
	padding: 0;
	margin: 8px 0px 0px 0px;
}
.bottom-event li address i {
	margin-right: 10px;
	font-size: 18px;
	color: #bfbfbf;
}
.bottom-event li address strong {
	color: #000;
	font-style: normal;
	font-weight: normal;
}
/*
===============================
=== Event Medium View ==========
===============================
*/
.event.event-medium {
	margin-bottom: 60px;
}
.event.event-medium article{
width: 100%;
padding-top: 25px;
border-top: 1px dashed #d7d7d7;
margin-top: 25px;
margin-bottom: 0;
}
.event.event-medium article:first-child{
	margin-top: 0;
}

.event.event-medium article .text {
	margin-left: 88px;
}
.event.event-medium article .text ul{
	margin-bottom:7px;
}
.event.event-medium article .text h2 {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 8px;
	font-weight: 400;
}
.event.event-medium article .text h2 a {
	color: #000;
}
.event.event-medium article .text li a{
	color:#fff;
	font-size:12px;
	padding:0 8px;
	line-height:20px;
	border-radius:2px;
	display:inline-block;
}
.event.event-medium article .text li:hover a{
	color:#fff !important;
}
/*
===============================
=== Event detail ==============
===============================
*/
.event.event-detail article {
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.event-detail-top {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px dashed #d4d4d4;
	margin-bottom: 30px;
}
.leftdesc {
	float: left;
}
.leftdesc span.ico-box {
	display: block;
	float: left;
	width: 50px;
	font-size: 35px;
	color: #bfbfbf;
}
.leftdesc .desc {
	margin-left: 50px;
}
.leftdesc .desc h5 {
	margin-bottom: 0px;
}
.leftdesc .desc p {
	margin-bottom: 0;
	font-size: 14px;
	color: #666;
	font-style: italic;
}
.event-detail-top .bottom-event {
	float: right;
}
.event-map-address {
	float: left;
	width: 100%;
	height: 180px;
	position: relative;
	margin-bottom: 30px;
	background: #ebebeb;
	border-radius: 4px;
	box-shadow: 0 0 3px  rgba(0,0,0,0.2);
}
.event-map-address .map-section {
	float: left;
	width: 50%;
	height: 100%;
}
.event-map-address .map-section iframe {
	width: 100%;
	float: left;
	height: 100%;
}
.event-address-section {
	float: left;
	width: 50%;
	padding: 40px 95px 0 32px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

}
.event-address-section i.fa {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #bebebe;
	font-size: 60px;
}
/*
===============================
=== Center Button ============
===============================
*/
.center {
	float: right;
}
.center a {
	font-size: 16px;
	float: left;
    line-height: 28px;
    box-shadow: none;
    text-align: center;
    display: block;
    color: #b7b7b7;
    background: #fff;
    height: 33px;
    margin-top: -6px;
    margin-left: 5px;
    overflow: hidden;
    transition: all 0.1s linear 0s;
    width: 33px;
    border-radius: 44px;
    border: 1px solid #bdbdbb;
}
.center a:hover {
	color: #fff !important;
}
/*=======Gallry Styel Start========*/
.gallerysec{
	width:101%;
	float:left;
	margin-bottom:35px;
}
.gallerysec ul{
	list-style:none;
	float:left;
	margin:0 0 0px -5px;
	width:100%;
}
.gallerysec ul li{
	float:left;
	margin: 0 0 3px 3px;
	width: 24.6%;
	list-style:none;
}
.gallerysec ul li figure{
	width:100%;
	float:left;
	position:relative;
	cursor:pointer;
}
.gallerysec ul li figure img{
	float:left;
	width:100%;
}
.gallerysec ul li figure figcaption{
	float:left;
	width:100%;
	position:absolute;
	background:rgba(0,0,0,0.5);
	height:100%;
	opacity:0;
	transition: all 0.2s ease-out 0s;
	-moz-transition:all 0.2s ease-out 0s;
	-o-transition:all 0.2s ease-out 0s;
	-webkit-transition:all 0.2s ease-out 0s;
}
.gallerysec ul li figure:hover figcaption{
	opacity:1;
}
.gallerysec ul li figure figcaption i{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	cursor:pointer;
	opacity: 0;
    transform: scale(-2);
	-ms-transform: scale(-2); /* Internet Explorer */
	-moz-transform: scale(-2); /* Firefox */
	-webkit-transform: scale(-2); /* Safari and Chrome */
	-o-transform: scale(-2); /* Opera */
	transition: all 1.1s ease-in-out -0.8s;
	-moz-transition:all 1.1s ease-in-out -0.8s;
	-o-transition:all 1.1s ease-in-out -0.8s;
	-webkit-transition:all 1.1s ease-in-out -0.8s;
	color:#FFF;
	font-size:20px;
	padding: 14px 0 0 0px;
	margin: -20px 0px 0px -25px;
	text-align: center;
	border-radius: 100%;
	line-height:22px;
	background:rgba(0, 0, 0, 0.8);
}
.gallerysec ul li:hover figure figcaption i{
	opacity:1;
	transform:scale(1,1);
	-ms-transform: scale(1,1); /* Internet Explorer */
	-moz-transform: scale(1,1); /* Firefox */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
}
.gallerysec a i,
.loadmore i{
	margin-right:5px;
}
/*========gallery-three-col==========*/
.gallerysec .gallery-three-col li{
	float: left;
    margin: 0 0 3px 3px;
    width: 33%;
}
.gallerysec ul li.video-gallery-img figure figcaption i,
.gallerysec ul li.video-gallery-img figure figcaption{
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}
.gallerysec .gallery-three-col li figure figcaption i, 
.gallerysec .gallery-two-col li figure figcaption i{
	float: left;
    height: 50px;
    left: 50%;
    margin: -15px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px;
	line-height:17px;
	background:rgba(0, 0, 0, 0.8);
}
.gallerysec .gallery-three-col li figure figcaption i{
	padding-top: 16px;
}
/*========gallery-tow-col==========*/
.gallerysec .gallery-two-col li{
	float: left;
    margin: 0 0 3px 3px;
    width: 49.5%;
}
.gallerysec .gallery-two-col li figcaption i{
	padding-top: 15px;
}
/*=======Gallry Styel End========*/
/*
==========================================
Gallery
==========================================
*/
.gallery {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.gallery article {
	float: left;
	margin-bottom: 30px;
}
.gallery.gallery-list {
	font-size: 0;
	margin-bottom: 50px;
}
.gallery.gallery-list article{
	float: none;
	width: 235px;
	font-size: 14px;
	margin: 0 30px 0 0;
}
.gallery.gallery-list .cs-galleryablum-grid article{
	float:left;
	width:22%;
	margin:0 0 3% 3%;
}
.gallery.gallery-list .cycle-slideshow article{
	width: 242px;
	vertical-align: top;
}
.cycle-slideshow {
	float: left;
	width: 100%;
}
.gallery.gallery-list article figure {
	float: left;
	width: 100%;
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 20px;
}
.gallery.gallery-list article .text {
	float: left;
	width: 100%;
}
.gallery.gallery-list article .text h2 {
	font-weight: 400;
	margin-bottom: 6px;
	text-transform:capitalize;
}
.gallery .post-options li a ,.gallery .post-options li time{
	color: #6e6e6e;
}
.gallery .post-options li {
	padding-left: 18px;
	position: relative;
	color: #6e6e6e;
}
.gallery .post-options li:first-child {
	padding-left: 0;
}
.gallery .post-options li:first-child:before {
	display: none;
}
.gallery .post-options li:before {
	content: '\/';
	position: absolute;
	left: 8px;
	top: 0;
	color: #999;
}
/*
==========================================
Gallery Album Grid View
==========================================
*/
.gallery.gallery-list .cs-galleryablum-grid{
	float:left;
	width:103%;
	margin:0 0 -3% -3%;
}
/*
=======================================
======= Twitter =======================
=======================================
*/
.twitter_sign {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 40px;
	border-top: 1px solid #e8e8e8;
}
.twitter_sign figure {
	float: left;
	width: 152px;
	font-size: 18px;
	height: 50px;
	font-weight: bold;
	color: #2aa8ba;
}
.twitter_sign figure i {
	font-size: 60px;
	float: left;
	line-height: 50px;
	margin-right: 15px;
}
.twitter_sign figure span {
	float: left;
	width: 77px;
}
.twitter_sign .flexslider{
	margin: 4px 0px 0px 160px;
	float: none;
	width: auto;
}
.text.tweet{
	border-left: 4px double #d6d6d6;
	padding: 0px 0px 0px 30px;
}
.twitter_sign .flexslider .flex-control-nav ,.twitter_sign .flexslider .flex-direction-nav {
	display: none;
}
.twitter_sign .flexslider .tweet p {
	font-size: 22px;
	line-height: 1.5;
	margin: 0;
	font-style: italic;
	color: #999;
}
.twitter_sign .flexslider .tweet p a{
	color: #2aa8ba;
}
.twitter_sign .flexslider .tweet p time {
	font-size: 16px;
}
#footer {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 35px;
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
}
#footer header {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 25px;
	overflow: hidden;
}
#footer header a {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#footer header a:before {
	content: '';
	width: 9999px;
	position: absolute;
	right: 60px;
	height: 1px;
	background: #CBCBCB;
	top: 50%;
	
}
#footer header a:after {
	content: '';
	width: 9999px;
	position: absolute;
	left: 60px;
	height: 1px;
	background: #CBCBCB;
	top: 50%;
}

/*
====================================
Bread Crumbs
====================================
*/
.breadcrumb {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.breadcrumb p {
	font-style: italic;
	font-size: 14px;
}
.sermons {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.sermons article {
	float: left;
	width: 100%;
	margin-bottom: 30px;	
}
.sermons.sermons-listing {
	padding-bottom: 30px;
	border-bottom: 1px dashed #e5e5e5;
}
.sermons.sermons-listing  article {
	border-top: 1px dotted #e5e5e5;
	padding-top: 30px;
	margin-top: 30px;
	margin-bottom: 0;
}
.sermons.sermons-listing  article:first-child {
	margin-top: 0;
}
.sermons.sermons-listing article:hover figure{
	border-left: 2px solid;
}
.sermons.sermons-listing article figure {
	float: left;
	width: 110px;
	text-align: center;
	font-size: 35px;
	height: 78px;
	border-left: 1px solid #e5e5e5 ;
	border-right: 1px solid #e5e5e5 !important; 
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.sermons.sermons-listing article:hover figure {
	border-right: 1px solid #e5e5e5 !important ;
}
.sermons.sermons-listing .mejs-container .mejs-controls div.mejs-playpause-button {
	margin-top: 11px;
	display: inline-block;
	vertical-align: top;
	width: 58px;
	height: 58px;
	text-align: center;
	line-height: 54px;
	border-radius: 58px;
}
.sermons.sermons-listing .mejs-container .mejs-controls div.mejs-playpause-button button {
	float: left;
	margin: 0;
	width: 100%;
	height: 100%;
	background: none;
}
.sermons.sermons-listing .mejs-container .mejs-controls div.mejs-playpause-button button:before {
	content: "\f04b";
	font-family: FontAwesome;
	font-size: 32px;
	color: #fff;
	line-height: 54px;
}
.sermons.sermons-listing .mejs-container .mejs-controls div.mejs-playpause-button.mejs-pause button:before {
	content: "\f04c";
}
.sermons.sermons-listing article .text {
	margin-left: 135px;
}
.sermons.sermons-listing article:hover figure a {
	color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.sermons.sermons-listing article.no-audio .text {
	margin-left:0;
}
.sermons.sermons-listing .mejs-container {
	background: none;
	height: 60px !important;
	width: 60px !important;
	float: none !important;
	display: inline-block;
	vertical-align: top;
	
}
.sermons.sermons-listing .mejs-container .mejs-controls {
	height: 60px;
	background: none;
}
.sermons.sermons-listing .mejs-container .mejs-controls div {
	display: none;
}
.sermons.sermons-listing .mejs-container .mejs-controls div.mejs-playpause-button {
	display: block;
}
.cs-options-panel {
	float: left;
	border: 1px solid #dbdbdb;
	border-left: none;
	margin-right: 12px;
}
.cs-options-panel a {
	display: block;
	float: left;
	width: 30px;
	line-height: 20px;
	font-size: 10px;
	text-align: center;
	border-left: 1px solid #dfdfdf;
}
.cs-options-panel a i {
	position: relative;
}
.sermons.sermons-listing .post-options li {
	padding-left: 4px;
}
.sermons.sermons-listing .post-options li:first-child {
	padding-left: 0;
}
.cs-filter {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.cs-filter li {
	float: left;
	list-style-type: none; 
	margin-left: 5px;
}
.cs-filter li:first-child {
	margin-left: 0;
}
.cs-filter li a {
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 15px;
	background: #fff;
	color: #000;
	box-shadow: 0 0 3px  rgba(0,0,0,0.1);
	border: 1px solid #cacaca;
}
.cs-filter li a:hover  {
	background: #e7e7e7;
}

/*
=======================================
Sermons Detail
=======================================
*/
.sermons.sermons-detail,.sermons.sermons-detail article {
	margin-bottom: 0;
}
.sermons.sermons-detail figure{
	float: left;
	width: 100%;
}
.detail-figure {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.detail-text {
	float: left;
	width: 100%;
}
.post-player {
	border: 1px solid #dbdbdb;
	border-top: none;
	padding: 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sermons.sermons-detail .cs-options-panel {
	width: 100%;
	margin-bottom: 30px;
	border: none;
}
.sermons.sermons-detail .cs-options-panel  a {
	line-height: 32px;
	width: auto;
	padding: 0 15px;
	margin-right: 5px;
	font-size: 13px;
	box-shadow: 0 0 3px  rgba(0,0,0,0.1);
	border: 1px solid #dbdbdb;
}
.sermons.sermons-detail .cs-options-panel  a.cs-buysermon,
.sermons.sermons-detail .cs-options-panel  a.cs-buysermon i{
	color:#fff;
}
.sermons.sermons-detail .cs-options-panel  a i {
	margin-right: 6px;
	top: -1px;
	color: #7a7a7a;
}
.cs-buy-options {
	float: left;
	width: 100%;
	padding-top: 15px;
	border-top: 1px solid #dbdbdb;
	margin-bottom: 30px;
}
.cs-buy-options li {
	float: left;
	font-size: 14px;
	color: #000;
	list-style-type: none;
	line-height: 30px;
	margin-left: 22px;
}
.cs-buy-options li strong {
	display: inline-block;
	font-size: 22px;
	margin-left: 10px;	
}
.cs-buy-options li:first-child {
	margin-left: 0;
}
.cs-buy-options li .btn {
	background: none;
	color: #000;
	font-size: 12px;
	font-style: italic;
	line-height: 28px;
	padding: 0 15px;
	border: 1px solid #d8d8d8;
	text-transform: none;
	font-weight: normal;
	box-shadow: 0 0 3px  rgba(0,0,0,0.1);
}
.cs-buy-options li .btn i {
	margin-right: 8px;
	color: #333;
}

.back-to-top {
	display: block;
	float: left;
	position: absolute;
	top: -50px;
	right: 0;
	color: #fff;
	box-shadow: 4px 4px 0 #dbd8d0;
}
.back-to-top span {
	display: block;
	width: 40px;
	height: 65px;
	font-size: 14px;
	padding-top: 20px;
	text-align: center;
}
.back-to-top span i {
	float: left;
	font-size: 10px;
	width: 100%;
	margin-bottom: 6px;
}
.back-to-top span:before,.back-to-top:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 20px 15px ;
	position: absolute;
	top: 100%;
	left: 0;
}
.cs-map-1{
	margin-bottom:30px;
}
/*.........		404 Page Start	............ */
.pagenone{
	text-align: center;
	margin: 50px 0px 90px 0px;
	float: left;
	width: 100%;
}
.pagenone .password_protected form{
	display:inline-block;
	position:relative;
	width:440px;
}
.pagenone .password_protected{
	margin: 0px 0px 0px 0px;
}
.pagenone .password_protected form label:before{
	content: "\f002";
	background-color: transparent;
	border: none;
}
.pagenone .password_protected form input[type="text"]{
	padding: 0px 0px 0px 12px;
	width:100%;
	height:50px;
	border-radius:4px;
	display:inline-block;
	box-shadow:0 0 3px 2px #eaeaea;
	border:1px solid #d2d2d2;
}
.pagenone .password_protected form input[type="submit"]{
	padding:12px 26px;
	position:absolute;
	top:5px;
	right:5px;
	float:right;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	outline:none;
}
.pagenone i{
	margin: 0px 0px 12px 0px;
	display: inline-block;
	font-size: 60px;
}
.pagenone h1{
	font-size:40px;
	font-weight: 200;
	margin: 0px 0px 6px 0px;
	display: block;
}
.pagenone h4{
	font-size:20px;
	font-weight: 300;
	padding: 0px 0px 0px 0px;
	position: relative;
	margin: 0px 0px 30px 0px;
}
/*.........		404 Page End	............ */
/*.........		Password Protected Strat	............ */
.password_protected{
	float: left;
	width: 100%;
	text-align: center;
	margin: 50px 0px 90px 0px;
}
.protected-icon{
	display: inline-block;
	width: 106px;
	height: 106px;
	position: relative;
	border-radius: 100%;
	margin-bottom: 30px;
}
.protected-icon i{
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
.protected-icon a{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 60px;
	margin: -35px 0px 0px -29px;
}
.password_protected h3{
	color: #999999;
	font-size:22px;
	font-weight: 300;
	padding: 0px 0px 30px 0px;
	position: relative;
	margin: 0px 0px 0px 0px;
}
.password_protected form {
	position: relative;
	display: inline-block;
	width: 440px;
}
.password_protected form input[type="password"], .password_protected form input[type="text"] {
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    box-shadow: 0 0 3px 2px #EAEAEA;
    color: #C0C0C0;
    display: inline-block;
    height: 50px;
    padding: 0 0 0 60px;
    width: 100%;
}
.password_protected form label {
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.password_protected form label:before{
	content: "\f13e";
	color: #009670;
	width: 50px;
	height: 48px;
	background-color: #f4f4f4;
	position: absolute;
	top: -1px;
	left: 1px;
	border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	padding: 11px 0px 0px 0px;
	font-size: 26px;
	font-family: FontAwesome;
	margin-top: 2px;
	border-right: 1px solid #d2d2d2;
}
.password_protected form input[type="submit"]{
	padding: 12px 26px;
	position: absolute;
	right: 5px;
	top: 6px;
	color: #fff;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-transform: uppercase;
	outline:none;
}
/*.........		Password Protected End	............ */
/*.........		Page Links	............ */
.page-links{
	float:left;
	width:100%;
}
.page-links span.page-links-title{
	width:auto;
	background:none !important;
	border:none;
	color:#000;
	
}
.page-links span{
	display:inline-block;
	text-align:center;
	width:30px;
	height:30px;
	line-height:30px;
	border:1px solid #d6d6d6;
	color:#fff;
}
.page-links a span{
	display:inline-block;
	text-align:center;
	width:30px;
	height:30px;
	background-color:#eaeaea !important;
	line-height:30px;
	border:1px solid #d6d6d6;
	color:#000;
}
.page-links a span:hover{
	color:#fff;
}
/*.........		Page Links End	............ */
i.fa.fa-arrows-ccw {
    display: block;
    width: 15px;
    height: 15px;
    margin: 80px 80px;
    position: relative;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
 }
/*.........		Lang Section Start	............ */
header #lang_sel li{
	width: auto;
}
header #lang_sel a.lang_sel_sel{
	background-color: transparent;
	color: #666666;
	border: none;
	text-transform: capitalize;
	padding: 0px 18px 0px 0px;
}
header #lang_sel ul ul{
	border: none;
}
header #lang_sel ul ul a, header #lang_sel ul ul a:visited{
	background-color: #ddd;
	color: #666666;
	border: none;
	text-transform: capitalize;
}
header #lang_sel ul ul{
	top: 23px;
	z-index: 10;
}
/*.........	Prayer Start  ............ */
.cs-prayer article header,
.cs-prayer article,
.cs-prayer{
	float: left;
	width: 100%;
}
.cs-prayer article{
	border-bottom: 1px dotted #d7d7d7;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 30px 0px;
}
.cs-prayer article .cs-prayer-post{
	border-left: 3px solid #cacaca;
	float: left;
	width: 100%;
	padding: 0px 0px 0px 30px;
}
.cs-prayer article header{
	margin: 0px 0px 10px 0px;
}
.cs-prayer article p{
	margin-bottom: 30px;
}
.cs-prayer article header h4{
	float: left;
	color: #000;
	margin: 0px 14px 0px 0px;
	font-size: 16px;
	font-weight: 400;
}
.cs-prayer article header time{
	float: left;
	margin: 4px 0px 0px 0px;
	color: #666666;
	font-size: 13px;
	font-style: italic;
}
.cs-prayer .linking{
	position: relative;
	box-shadow: 0px 0px 4px #ddd;
}
.cs-prayer .linking,
.cs-prayer .linking div,
.cs-prayer .linking div i,
.cs-prayer .linking a,
.cs-prayer .linking a i,
span.prayed{
	float: left;
	color: #666666;
}
.cs-prayer .linking div i,
.cs-prayer .linking a i,
span.prayed i{
	margin-right: 5px;
}
.pray-this,
span.prayed{
	padding: 5px 14px;
	border: 1px solid #dbdbdb;
	font-style: italic;
}
.cs-prayer a.cs-encourage{
	padding: 5px 14px;
	border: 1px solid #dbdbdb;
	border-left: none;
	font-style: italic;
}
.prayer_counter{
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 3;
	font-size: 11px;
	text-align: center;
	border-radius: 100%;
	margin: -16px -22px 0 -13px;
}
.cs-prayer .linking .prayer_counter a{
	color: #fff;
	float: none;
	display: inline-block;
	padding: 5px 0px 0px 0px;
}
.cs-prayer .linking .prayer_counter a div{
	color: #fff;
}

.widget .pagenone{
	margin: 0px;
}
.widget .pagenone i{
	float: left;
	font-size: 20px;
}
.widget .pagenone h1{
	float: left;
	font-size: 17px;
	margin: 0px 0px 0px 10px;
}
.succ_mess p:before{
	content: "\f00c";
	font-family: FontAwesome;
	float: left;
	margin: 0px 7px 0px 0px;
}
/* Under Construction Start
====================================================*/
#undercontruction {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
}
.undercunst-box{
	text-align: center;
}
#midarea {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	color:#fff;
}
#undercontruction #midarea h1{
	font-weight:bold !important;
	font-size:34px !important;
	margin-bottom:10px !important;
}
.undercunst-box {
	padding: 40px 0;
	padding-bottom: 0;
}
.undercunst-box footer {
	display: inline-block;
	padding: 30px 0;
	text-align: center;
}
#midarea p{
	color:#9d9d9d;
	margin-bottom:40px;
}
#midarea h4 {
	margin-bottom:27px;
}
#undercontruction .countdownit {
	width:100%;
	float:left;
	text-align:center;
}
#undercontruction .countdownit .hasCountdown{
	width: auto;
	background-color: transparent;
	box-shadow: none;
}
#undercontruction .countdown_section:after{
	display: none;
}
#undercontruction .countdownit #defaultCountdown {
	display: inline-block;
}
#undercontruction .countdownit span {
	display:inline-block;
}
#undercontruction .countdownit span.countdown_section {
	width:128px;
	box-shadow:0 0 1px #818181;
	height:114px;
	border:3px solid #fff;
	margin-bottom:8px;
	text-transform:uppercase;
	margin-right:25px;
	font-size:18px;
	font-weight: bolder;
	position:relative;
  	color: #fff;
}
#undercontruction .countdownit span.countdown_section:last-child{
	margin-right:0px;
}
#undercontruction .countdownit span.countdown_section:first-child:before{content:'';display:none;}
#undercontruction .countdownit span.countdown_section:before{
	content:':';
	color:#d5d5d5;
	font-size:50px;
	position:absolute;
	left:-22px;
	top:20px;
	text-shadow:none;
}
#undercontruction .countdownit span.countdown_section .countdown_amount{
	background:none;
	border:none;
	box-shadow:none;
	font-size:68px;
	letter-spacing:-5px;
	font-weight:800;
	padding-top:7px;
	height:auto;
	line-height:68px;
	color: #fff;
}

/*
-==-=----------------------==-=-==
Donation Form
-==-=----------------------==-=-==
*/
.cs-donation-form {
	text-align: center;
}
.cs-donation-form .modal-dialog {
	width: 435px;

}
.cs-donation-form .close {
	position: absolute;
	right: -8px;
	top: -8px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	background: #b5b5b5;
	border-radius: 30px;
	opacity: 1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}
.cs-donation-form h2 {
	font-weight: bold;
	color: #333;
	margin-bottom: 30px;
}
.cs-donation-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.cs-donation-form ul li {
	display: inline;
	margin: 0 5px;
}
.cs-donation-form ul li label {
	display: inline-block;
	vertical-align: top;
	width: 65px;
	height: 65px;
	border: 2px solid #e5e5e5;
	border-radius: 4px;
	position: relative;
	line-height: 65px;
	font-size: 20px;
	font-weight: normal;
	color: #6e6e6e;
	overflow: hidden;
	cursor: pointer;
}
.cs-donation-form ul li label input {
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
	left: -20px;
}
.cs-donation-form .modal-footer {
	background: #f0f0f0;
	border-top: 1px solid #e0e0e0;
	border-radius: 0 0 6px 6px;
	padding: 45px 35px;
	position: relative;
}
.cs-donation-form .modal-footer label {
	display: block;
	float: left;
	width: 222px;
	height: 46px;
	padding: 8px 0;
	margin: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.cs-donation-form .modal-footer label span {
	display: block;
	float: left;
	width: 44px;
	height: 28px;
	line-height: 28px;
	font-size: 20px;
	color: #bbb;
	font-weight: normal;
	text-align: center;
	border-right: 1px dashed #dedede;
}
.cs-donation-form .modal-footer label input {
	float: left;
	width: 175px;
	height: 28px;
	padding: 5px 10px;
}
.cs-donation-form .modal-footer  .donate-btn {
	float: right;
	width: 134px;
	padding: 0;
	line-height: 42px;	
	background: #333;

} 
.cs-donation-form .modal-footer  .donate-btn input{
	background:none;
	text-transform: uppercase;
	font-size: 14px;
	color:#fff;
}
.cs-donation-form ul li label:hover,.cs-donation-form ul li label.cs-active {
	color: #fff;
	background: #000;
	border: 2px solid transparent;
}
.opt-or {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #000;
	font-style: italic;
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 32px;
	position: absolute;
	left: 50%;
	top: -16px;
	margin-left: -16px;
}
.cs-custom-parallax .text{
	color:#fff;
}

/*Loading*/

.cs-loading-bar {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	height: 100px;
}
.gallery article figure figcaption{
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.gallery article:hover figure figcaption{
	opacity: 1;
}
.gallery article figure figcaption a{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	margin: -20px 0px 0px -20px;
	border-radius: 100%;
	color: #fff;
	padding: 13px 0px 0px 0px;
	font-size: 20px;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
}
input.frm_error{
	border: 1px solid red !important;
}
p img.alignnone{
	width: 100%;
	height: 100%;
}
.bottom-comment ul li {
    list-style: disc outside !important;
}
.bottom-comment ul ul{
	padding-left: 20px;
}
.bottom-comment ol li{
	list-style: decimal !important;
}
.gallery .gallery-item{
	padding: 0px 0px 14px 14px;
	margin: 0px !important;
}
.gallery dl dt {
	margin-bottom: 10px;
}
.gallery dl dt img{
	width: 100%;
	height: 100%;
}
.gallery dl dd{
	text-align: left;
}
/*
===================================
== Blog Section ===================
===================================
*/
.blog {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.home .blog-grid-center{
	text-align:center;
	float:none;
}
.blog  article {
	float: left;
	margin-bottom: 30px;
}
.blog.blog-grid {
	width: 103%;
	margin-left: -3%;
	margin-bottom: 0;
}
.blog.blog-grid article,
.blog-detail .blog.blog-grid article {
	width: 30%;
	margin-left: 3%;
	margin-bottom: 3%;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.blog.blog-grid article figure {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.blog.blog-grid article figure iframe{
	width:100%;
	height:100%;
}
.blog.blog-grid article figure img {
	float: left;
	width: 100%;
	border-radius: 3px;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
a.cs-readmore {
	display:block;
	font-style: italic;
	position: relative;	
	text-transform:capitalize;
}
a.cs-readmore i {
	font-size: 14px;
	padding-right: 10px;
}
.blog.archive-page .post-options {
 	width: 100%;
 	margin-bottom: 6px;
 	}
.blog.archive-page .post-options li {
  	padding-left: 0;
  }
.blog.archive-page .post-options li:before {
    	content: ",";
    	color: #666;
    }
.blog.archive-page .post-options li:first-child:before {
    	display: none;
    }
/*
===============================
=== Blog Medium View ==========
===============================
*/
.blog.blog-medium {
	margin-bottom: 50px;
}
.blog.blog-medium article{
	width: 100%;
	padding-top: 23px;
	border-top: 1px dashed #d7d7d7;
	margin-top: 21px;
	margin-bottom: 0;
}
.blog.blog-medium article:first-child{
	margin-top: 0;
}
.blog.blog-medium article figure {
	float: left;
	width: 100px;
	height: 69px;
	border-radius: 2px;
	overflow: hidden;
}
.blog.blog-medium article figure iframe{
	width:100%;
	height:100%;
}
.blog.blog-medium article .text {
	margin-left: 120px;
}
.blog.blog-medium article .text p{
	float: left;
}
.blog.blog-medium article .text h2 {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 8px;
	font-weight: 400;
}
.blog.blog-medium article .text h2 a {
	color: #000;
}
.blog.blog-medium article .caption,
.blog.blog-grid article .caption{
	display: none;
}
.blog.blog-medium article .flex-control-nav{
	bottom: 10px;
	right: 10px;
}
.blog.blog-medium .mejs-audio.mejs-container .mejs-controls div, .blog.blog-medium .mejs-audio.mejs-container .mejs-controls {
    height: 48px;
    width: 80%;
}
.blog.blog-medium article.cls-post-video figure figcaption a{
	width: 48px;
	height: 48px;
	margin: -24px 0px 0px -20px;
}
.blog article.cls-post-video figure figcaption a i {
    float: left;
    font-size: 28px;
    padding: 18px 0 0 19px;
}
.blog article.cls-post-audio figure figcaption{
	opacity: 1;
}
/*
===============================
=== Post audio/video style ==============
===============================
*/
.blog .mejs-audio .mejs-volume-button,
.blog .mejs-audio .mejs-time-rail,
.blog .mejs-audio .mejs-mute,
.blog .mejs-audio .mejs-time{
  display: none !important;
}
.blog .mejs-audio{
  width: 60px !important;
}
.blog .mejs-audio.mejs-container .mejs-controls div,
.blog .mejs-audio.mejs-container .mejs-controls{
  height: 60px;
}
.blog .mejs-audio.mejs-container .mejs-controls{
  top: -4px;
  left:-4px;
  bottom: auto;
  background-color: rgba(0,0,0,.7);
  border-radius: 100%;
}
.blog .mejs-audio.mejs-container .mejs-controls,
.blog .mejs-audio.mejs-container{
  background-color: transparent;
}
.blog .mejs-audio .mejs-controls .mejs-button button{
  left: 16px;
  top: 9px;
  outline: none !important;
  background: url(images/sprites.png);
  background-position: -9px -6px;
  width: 24px;
  height: 25px;
}
.blog-medium .mejs-audio .mejs-controls .mejs-button button{
	left:12px;
	top:6px;
	margin: 5px 0px 0px 3px;
}
.blog .mejs-audio .mejs-controls .mejs-pause button{
	margin: 8px 0 0 5px;
}
.blog .mejs-audio .mejs-controls .mejs-pause button {
    background-position: -34px -5px;
    left: 15px;
}
.blog article.cls-post-audio figure,
.blog article.cls-post-video figure {
    height:270px;
    width: 100%;
    background-color: #7f7f7f;
}
.blog.blog-medium article.cls-post-audio figure,
.blog.blog-medium article.cls-post-video figure{
	width: 100px;
	height: 69px;
}
.blog.blog-medium article.cls-post-video figure figcaption a i,
.blog.blog-grid article.cls-post-video figure figcaption a i{
	margin: 0px;
}
.col-md-12 .blog article.cls-post-audio figure,
.col-md-12 .blog article.cls-post-video figure {
    height:364px;
}
.col-md-12 .blog article.cls-post-audio figure,
.col-md-12 .blog article.cls-post-video figure {
    height:183px;
}
.col-md-12 .blog.blog-medium article.cls-post-audio figure,
.col-md-12 .blog.blog-medium article.cls-post-video figure {
    height:75px;
}
.blog.blog-medium .mejs-audio .mejs-controls .mejs-pause button{
	margin-top: 4px;
	left: 9px;
}
.blog article.cls-post-video figure figcaption a i {
    padding: 18px 0 0 29px;
}
.blog article.cls-post-audio figcaption,
.blog article.cls-post-video figcaption{
	opacity: 1;
	-webkit-transform: translateX(0%);
	   -moz-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	     -o-transform: translateX(0%);
	        transform: translateX(0%);
}
.blog article figure figcaption .audiowrapp {
    margin: -25px 0 0 -25px;
}
.blog article.cls-post-audio figure figcaption,
.blog article.cls-post-video figure figcaption,
.blog article.cls-post-video figure figcaption{
	opacity: 1;
}
.blog article.cls-post-audio figure figcaption,
.blog article.cls-post-video figure figcaption{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.blog article figure figcaption .audiowrapp{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0px 0px -20px;
}
.blog article.cls-post-video figure figcaption a{
  width: 60px;
  height: 60px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0px 0px -20px;
  padding-top: 18px;
  background-color: rgba(0,0,0,0.7);
}
.blog.blog-grid article.cls-post-video figure figcaption a{
	margin: -27px 0 0 -30px;
}
.blog article.cls-post-video figure figcaption a i {
    float: left;
    padding: 14px 0 0 15px;
    left: 0px;
    top: 0px;
    font-size: 32px;
    margin: 0px;
}
.blog .gallerysec ul.thumb-gallery li figcaption i{
	font-size:15px;
	width:30px;
	height:30px;
	line-height:2px;
	margin:-13px 0px 0px -15px;
}
/*
=======================================
	Blog Large View
=======================================
*/
.blog.blog-large,
.blog.blog-large article,
.blog.blog-large article figure,
.blog.blog-large article figure img,
.blog.blog-large article .text .post-options,
.thumb-gallery,
.blog.blog-large article .text form,
.blog.blog-detail,
.detail-text,
.blog.blog-detail article,
.blog.blog-detail article figure.detail-figure,
.blog.blog-detail article figure img,
.detail-text .list-arrow,
.cs-attachments,
.share-post,
.cs-post-top-section,
.about-author,
.cs-single-post-pagination,
.blog.blog-large article figure iframe,
.blog.blog-detail article figure.detail-figure iframe{
	float:left;
	width:100%;
}
.blog.blog-large article figure iframe,
.blog.blog-detail article figure.detail-figure{
	height:100%;
}
.blog.blog-large article,.blog.archive-page article{
	border-bottom:1px dashed #d1d1d1;
	padding-bottom:30px;
}
.blog.blog-large article figure{
	margin-bottom:25px;
}
.blog.blog-large article .text .post-options{
	margin-bottom:20px;
}
.blog.blog-large article .text p{
	margin-bottom:0;
}
.blog.blog-large article .text .post-options li{
	float:left;
}
.blog.blog-large article .text form{
	position:relative;
}
.blog.blog-large article .text form input[type="password"]{
	float:left;
	width:350px;
	height:42px;
	border:none;
	color:#5b5b5b;
	background:#eee;
	margin:0 10px 0 0;
	border-radius:3px;
	padding:0 0 0 44px;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2) inset;
}
.blog.blog-large article .text form input[type="submit"]{
	float:left;
	padding:0 40px;
	height:42px;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	background-color:#333;
	border-radius:3px;	
}
.blog.blog-large article .text form i{
	position:absolute;
	top:10px;
	left:16px;
	font-size: 16px;
	color:#b3b3b3;
}
.blog.blog-large article .post-options li{
	padding: 0;
}
.blog.blog-large article .post-options li:before {
	content: ',';
	color: #666;
}
.blog.blog-large article .post-options li:first-child:before  {
	display: none;
}
.blog .gallerysec ul{
	margin: 0px;
}
.blog .gallerysec ul li{
	float:left;
	width:45px;
	height:45px;
	border-radius:3px;
	margin:5px 5px 0 0;
	list-style:none;
}
.blog figcaption{
	height: 100%;
}
.blog article > figure > figcaption{
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	transition:all 0.45s ease-in-out 0s;
}
.blog article > figure:hover > figcaption{
	opacity: 1;
}
.blog article > figure > figcaption > a > i,
.blog article > figure:hover > figcaption i{
	font-size: 40px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-25px;
	margin-top:-25px;
}
.home .blog.blog-medium article > figure > figcaption > a > i,
.home .blog.blog-medium article > figure:hover > figcaption i{
	font-size: 20px;
	margin-left:-10px;
	margin-top:-10px;
}
.blog.blog-medium article > figure > figcaption > a > i,
.blog.blog-medium article > figure:hover > figcaption i{
	font-size: 20px;
	margin-left:-10px;
	margin-top:-10px;
}
.blog.blog-grid article > figure > figcaption > a > i,
.blog.blog-grid article > figure:hover > figcaption i{
	margin-left:-20px;
	margin-top:-20px;
}
.col-md-9 .blog article.cls-post-gallery figure figcaption{
	height: 100%;
}
.featured-img{
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
}
.blog .gallerysec{
	margin: 0px;
}
.blog.blog-grid article.cls-post-audio figure, 
.blog.blog-grid article.cls-post-video figure{
	width:100%;
	height:138px;
}
.col-md-12 .blog.blog-grid article.cls-post-audio figure, 
.col-md-12 .blog.blog-grid article.cls-post-video figure{
	height:183px;
}
.col-md-12 .blog.blog-large article.cls-post-audio figure, 
.col-md-12 .blog.blog-large article.cls-post-video figure{
	height:365px;
}
/*
=======================================
	Blog Detail Page Start
=======================================
*/
.blog.blog-detail article figure.detal-figure{
	margin-bottom:20px;
}
.cs-attachments a{
	float:left;
	margin:0 10px 20px 0;
	width:120px;
	height:90px;
	background:#333;
}
.cs-attachments a figure{
	position:relative;
	height: 90px;
}
.cs-attachments a figure,
.cs-attachments a figure img{
	width:100%;
}
.cs-attachments a figure .mejs-audio{
	margin: 19px 0px 0px 35px;
}
.cs-attachments a figure:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0, 0, 0, 0.5);
	transition:all 0.45s ease-in-out 0s;
}
.cs-attachments a:hover figure:before,
.cs-attachments a:hover figure i{
	opacity:1;
	transition:all 0.45s ease-in-out 0s;
}
.cs-attachments a figure i{
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	font-size:40px;
	z-index:9999;
	margin:-15px 0px 0px -17px;
	transition:all 0.45s ease-in-out 0s;
}
.cs-attachments a figure img + i {
	opacity: 0;
}
/*
=======================================
	Share Post Start
=======================================
*/
.share-post{
	margin-bottom:45px;
}
.cs-post-top-section{
	text-align:center;
	position: relative;
}
.cs-post-top-section:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
	z-index: -1;
	border-bottom: 1px dotted #d1d1d1;
}
.cs-share-comment-link{
	display: inline-block;
}
.share-post a{
	float: left;
	margin-right:10px;
	text-transform:uppercase;
	font-style:italic;
	font-size:12px;
	color:#666;
	background: #fff;
	border:1px solid #dbdbdb;
	padding:10px 20px;
	border-radius:2px;
	box-shadow: 0 0 0px 10px #fff;
}
.share-post a i{
	color:#999;
	float:left;
	margin:1px 6px 0 0;
}
.addthis_button_compact i{
	margin-top: 2px;
}
.cs-single-post-pagination{
	margin-bottom:45px;
}
.post-prev,
.post-next{
	float:left;
	width:50%;
}
.post-prev .text a span,
.post-next .text a span{
	padding:4px 15px;
	display:inline-block;
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
	font-weight:700;
	font-style:normal;
	background:#333;
	border:none;
	margin-bottom:14px;
	letter-spacing:1px;
	border-radius:2px;
}
.post-next{
	padding-left:25px;
	border-left:1px dotted #d7d7d7;
}
.post-prev p ,.post-next p {
	line-height: 1.4;
	margin: 0;
}
/*
=======================================
	About Author Start
=======================================
*/
.about-author{
	background:#f9fffd;
	padding:40px;
	border:1px solid #d7d7d7;
	border-radius:2px;
	margin-bottom:40px;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
}
.sermons.sermons-detail .about-author figure,
.about-author figure{
	float:left;
	width:80px;
	height:80px;
}
.about-author .text{
	margin:0 0 0 115px;
}
.about-author .text h2{
	font-size:18px;
	color:#000;
	margin-bottom: 10px;
}
.about-author .text p {
	margin-bottom: 20px;
}
.about-author .text a.viewall{
	border:1px solid #b8b8b8;
	padding:7px 12px;
	color: #666;
	border-radius:2px;
	font-size:12px;
	font-style:italic;
	background:#fdfffe;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
}
/*
=======================================
	Comments Start
=======================================
*/
#comments {
	float:left;
	width:100%;
	margin-bottom:30px;
}
#comments ul{
	margin-left:0;
}
#comments ul li{
	list-style:none;
	float: left;
	width: 100%;
}
#comments .cs-section-title {
	text-transform:capitalize;
	margin-bottom:10px;
}
#comments .thumblist figure {
	float: left;
	margin:0 20px 0 0;
	border-radius:2px;
	width: auto;
}
#comments .text {
	margin-left: 78px;
	margin-bottom:25px;
}
#comments .text header {
	float: left;
	width: 138px;
	padding-right: 20px;
}
.bottom-comment {
	margin-left: 138px;
	padding-left: 20px;
	border-left: 1px solid #d9d9d9;
}
#comments .text header h5 {
	font-size: 14px;
	color: #000;
	margin-bottom: 6px;
	font-weight: 400;
	text-transform:capitalize;
}
#comments .text time {
	float: left;
	color: #666;
	font-size: 13px;
	font-style:italic;
}
#comments .text a.comment-reply-link {
	display: inline-block;
	color: #333;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform:uppercase;
}
#comments .text a.comment-reply-link i {
	margin-right:5px;
	color:#999;
}
.children{
	padding-left:25px;
	width: 100%;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
.children .thumblist li{
	background:#f2f2f2;
	margin-bottom:10px;
	padding:40px 30px 10px 30px;
}
/*
=======================================
	Form Respond Section
=======================================
*/
#respond{
	float:left;
	width:100%;
	margin-bottom:20px;
}
#respond .cs-section-title{
	text-transform:capitalize;
}
#respond form p{
	float: left;
	margin-bottom:25px;
	position: relative;
	width: 100%;
}
.wpcf7-form p{
	float: left;
	margin-bottom:15px;
	position: relative;
	width: 100%;
}
#respond form p input[type="text"],
.wpcf7-form p input[type="text"],
.wpcf7-form p input[type="email"] {
	width:82%;
	float:left;
	height: 45px;
	color: #333;
	font-size: 12px;
	border-radius: 0;
	font-style:italic;
	padding-left: 40px;
	border:1px solid #c5c5c5;
	text-transform:capitalize;
	box-shadow:0 0 4px 0 #e2e2e2 inset;
}
.wpcf7-form p input[type="text"],
.wpcf7-form p input[type="email"]{
	padding-left: 20px;
}
#respond form textarea,
.wpcf7-form p textarea{
	width: 100%;
	height: 45px;
	color: #333;
	font-style:italic;
	border-radius: 0;
	padding-left: 15px;
	border:1px solid #c5c5c5;
	text-transform:capitalize;
	box-shadow:0 0 4px 0 #e2e2e2 inset;
}
#respond form textarea,
.wpcf7-form p textarea{
	height: 122px;
	padding: 15px;
}
.wpcf7-form p span{
	margin-top: 5px;
	float: left;
	width: 100%;
}
#respond form p input, #respond form p textarea{
	color: #333;
	resize: none;
}
#respond form p input:focus, #respond form p textarea:focus{
	color:#666;
	border: 1px solid #444;
	transition: all 0.5s ease-in-out 0s;
}
#respond form .form-icons{
	color: #ccc;
	display: block;
	position: absolute;
	left: 14px;
	top: 7px;
}
#respond form span{
	float:left;
	color:#666;
	font-size:13px;
	font-style:italic;
	text-transform:lowercase;
	margin:8px 0 0 20px;
}
#respond form input[type="submit"],
.wpcf7-form p input[type="submit"] {
	border: none;
	color: #fff;
	height: 45px;
	font-size: 16px;
	border-radius: 2px;
	background:#333;
	padding:0 40px;
	text-transform: uppercase;
}
div.wpcf7-validation-errors {
    border: 2px solid #F7E700;
    float: left;
    margin: 0px 0px 8px 0px;
    width: 100%;
}
#respond form .comment-notes span{
	float:none;
}
/*
=======================================
	Contact Us Page Start
=======================================
*/
.map-section,
.address-info,
.address-info ul,
.address-info ul li,
.text-widget{
	float:left;
	width:100%;
}
.map-section iframe{
	width:100%;
	height:227px;
	margin-bottom:30px;
}
.text-widget .cs-section-title{
	width:100%;
	text-transform:capitalize;
}
.text-widget p{
	font-style:italic;
	font-size:13px;
}
.address-info h2{
	width:100%;
	font-size:14px;
	font-weight: bold;
	text-transform:uppercase;
}
.address-info ul{
	margin-bottom:20px;
}
.address-info ul li{
	list-style:none;
	margin-bottom: 5px;
	line-height: 1.6;
}
.address-info ul li span{
	color:#999;
	display: inline-block;
	vertical-align: top;
	padding-right: 8px;
}
.breadcrumb .post-options{
	border-left: 5px solid;
	padding-left: 11px;
}
.undercunst-box #footer-widgets .followus a{
	width: 18%;
}
.mejs-controls div.mejs-horizontal-volume-slider {
    width: 48px !important;
}
.style-load{
	display: none;
}
.widget_countdown figure figcaption .cs-post-title a,.widget-latest-news article h5 a:hover  {
	box-shadow: -10px 0 0 0 #009670,10px 0 0 0 #009670;
}
.sermons.sermons-listing,.blog {
	opacity: 0;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 40px !important;
}
/*=======================================
	Contact Us Page Start
=======================================*/
/*
==========================================
Our Staff
==========================================
*/
.our_staff {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.our_staff ul{
	margin-left: -20px;
	position: relative;
	padding: 0px;
}
.our_staff ul li{
	float: none;
	display: inline-block;
	width: 23.14%;
	margin-left: 20px;
	list-style: none;
}
.our_staff article figure ,.our_staff  article figure img{
	float: left;
	width: 100%;
	overflow: hidden;
}
.our_staff article figure figcaption {
	float: left;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.40);
	opacity: 0;
	-webkit-transform: translateX(-100%);
	   -moz-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	     -o-transform: translateX(-100%);
	        transform: translateX(-100%);
	-webkit-transition: all .150s linear 0.150s;
	   -moz-transition: all .150s linear 0.150s;
	    -ms-transition: all .150s linear 0.150s;
	     -o-transition: all .150s linear 0.150s;
	        transition: all .150s linear 0.150s;


}
.our_staff article:hover figure figcaption {
	opacity: 1;
	-webkit-transform: translateX(0%);
	   -moz-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	     -o-transform: translateX(0%);
	        transform: translateX(0%);
	-webkit-transition: all .150s linear;
	   -moz-transition: all .150s linear;
	    -ms-transition: all .150s linear;
	     -o-transition: all .150s linear;
	        transition: all .150s linear;
}
a.btnreadmore {
	display: inline-block;
	vertical-align: top;
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 54px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -27px;
		opacity: 0;
	-webkit-transform: translateX(-100%);
	   -moz-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	     -o-transform: translateX(-100%);
	        transform: translateX(-100%);
	-webkit-transition: all .150s linear;
	   -moz-transition: all .150s linear;
	    -ms-transition: all .150s linear;
	     -o-transition: all .150s linear;
	        transition: all .150s linear;

}
.our_staff article:hover figure figcaption a.btnreadmore {
	opacity: 0.9;
	-webkit-transform: translateX(0%);
	   -moz-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	     -o-transform: translateX(0%);
	        transform: translateX(0%);
	-webkit-transition: all .150s linear 0.150s ;
	   -moz-transition: all .150s linear 0.150s;
	    -ms-transition: all .150s linear 0.150s;
	     -o-transition: all .150s linear 0.150s;
	        transition: all .150s linear 0.150s;
}
.our_staff article .text {
	padding-top: 15px;
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
.our_staff article .text p{
	margin-bottom: 10px;
}
.our_staff article {
	float: left;
	width: 100%;
	margin-bottom: 17px;
}
.our_staff article .cs-post-title {
	margin-bottom: 5px;
}
.our_staff article .text h6 {
	color: #666;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.our_staff article .post-options ul{
	padding: 0px;
	margin: 0px;
}
.our_staff article .post-options li {
	float: left;
	line-height: 32px;
	font-size: 12px;
	color: #666;
	padding: 0px;
}
.our_staff article .post-options li a {
	color: #666;
}
.our_staff article .text .post-options li em {
	margin-right: 6px;
}
.our_staff .post-options li{
	width: 100%;
	margin: 0;
	line-height: 30px;
	border-top: 1px dashed #dfdfdf;
}
.blog-detail article.cls-post-audio figure.detail-figure {
	height: 350px;
}
.subtitle{
	display: table-cell;
	width: 65%;
}
.cs-custom-butons,
.breadcrumbs{
	display: table-cell;
	vertical-align: middle;
	width: 420px;
}
.breadcrumbs ul{
	float: right;
}
.breadcrumbs ul li a{
	color: #666666;
}
.cs-custom-butons .cs-custom-butons-iner{
	float: right;
}
.cs-custom-butons .button a{
	border-radius: 0px;
	margin: 0px 0px 0px 9px;
	float: right;
}
.breadcrumbs ul li a i{
	margin: 0px 7px 0px 0px;
}