@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);

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

html
{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

body
{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	background: url(../img/bg.jpg) no-repeat top center #fafafa;
	background-size: cover;
	background-attachment: fixed;
}

.preloader
{
	position: fixed;
	z-index: 9999999999;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.preloader .spinner
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
  	width: 40px;
  	height: 40px;
}

.preloader .spinner .double-bounce1,
.preloader .spinner .double-bounce2
{
  	width: 100%;
  	height: 100%;
  	border-radius: 50%;
  	background-color: #fff;
  	opacity: 0.6;
  	position: absolute;
  	top: 0;
  	left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  	animation: sk-bounce 2.0s infinite ease-in-out;
}

.preloader .spinner .double-bounce2
{
    -webkit-animation-delay: -1.0s;
  	animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce
{
  	0%, 100% { -webkit-transform: scale(0.0) }
  	50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce
{
  	0%, 100%
  	{

    	transform: scale(0.0);
        -webkit-transform: scale(0.0);
  	}
  	50%
  	{
    	transform: scale(1.0);
       -webkit-transform: scale(1.0);
  	}
}

header
{
	position: relative;
	width: 100%;
	float: left;
	height: auto;
	background: #fff;
	z-index: 9;

	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);

	-webkit-transition: top 250ms ease-in-out;
	-moz-transition: top 250ms ease-in-out;
	-ms-transition: top 250ms ease-in-out;
	-o-transition: top 250ms ease-in-out;
	transition: top 250ms ease-in-out;
}

.fixed-header
{
	position: fixed;
	left: 0px;
	top: -150px;
}

header > .inner-header
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #fff;
}

header > .inner-header .header-section
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-top: 30px;
}

header > .inner-header .header-section > .header-top
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

header > .inner-header .header-section > .header-top  > .top-content
{
	position: relative;
	float: right;
	height: 120px;
}

header > .inner-header .header-section > .header-top > .logo-wrapper
{
	position: relative;
	float: left;
	height: auto;
}

header > .inner-header .header-section > .header-top > .logo-wrapper > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

header > .inner-header .header-section > .header-top > .logo-wrapper > a > img
{
	position: relative;
	float: left;
	width: 125px;
	max-width: 240px;
	height: auto;
}

.navigation-wrapper
{
	position: relative;
	float: left;
	height: auto;
	line-height: 60px;
	padding: 0px;
}

.navigation-wrapper > .navigation-top-section
{
	position: relative;
	float: left;
	width: 100%;
	height: 90px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.navigation-wrapper > .desktop-navigation
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 60px;
	background: #0534ff;
}

.navigation-wrapper > .desktop-navigation > .nav-element
{
	position: relative;
	float: left;
	width: auto;
	line-height: 60px;
	height: auto;
	background: #0534ff;

	-webkit-transition: background 220ms ease-in-out;
	-moz-transition: background 220ms ease-in-out;
	-ms-transition: background 220ms ease-in-out;
	-o-transition: background 220ms ease-in-out;
	transition: background 220ms ease-in-out;
}

.navigation-wrapper > .desktop-navigation > .nav-element:hover > .sub-menu
{
	display: block;
}

.sub-menu
{
	position: absolute;
	width: 320px;
	height: auto;
	background: #fff;
	top: 100%;
	left: 50%;
	margin-left: -160px;
	display: none;
	-webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,0.6);
	box-shadow: 0 0px 5px 0 rgba(0,0,0,0.6);
}

.sub-menu:after
{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 87, 5, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.sub-menu > .inner-menu
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: auto;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.sub-menu > .inner-menu > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #444;
	border-bottom: 1px solid #fafafa;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
}

.sub-menu > .inner-menu > a:last-child
{
	border-bottom: none;
}

.sub-menu > .inner-menu > a:hover
{
	color: #ff5705;
}

.navigation-wrapper > .desktop-navigation > .nav-element.active,
.navigation-wrapper > .desktop-navigation > .nav-element:hover
{
	background: #ff5705;
}

.navigation-wrapper > .desktop-navigation > .nav-element > a
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 60px;
	padding-right: 33px;
	padding-left: 63px;
	border-right: 1px solid rgba(255,255,255,0.2);
}

.navigation-wrapper > .desktop-navigation > .nav-element:last-child > a
{
	border-right: none;
}

.navigation-wrapper > .desktop-navigation > .nav-element > a > span:first-child
{
	position: absolute;
	width: 20px;
	height: 60px;
	top: 0px;
	left: 33px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.navigation-wrapper > .desktop-navigation > .nav-element > a > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 60px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #fff;
}

.header-radio-container
{
	position: relative;
	float: right;
	width: auto;
	height: auto;
}

.header-radio-container > .icon-image
{
	position: absolute;
	width: auto;
	height: auto;
	bottom: 100%;
	right: 10px;
	display: none;
}

.fixed-radio-container
{
	position: fixed;
	width: auto;
	height: auto;
	padding: 10px;
	bottom: 80px;
	right: 20px;
	z-index: 99;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
	background: #fff;
}

.fixed-radio-container > .icon-image
{
	display: block;
}

.header-radio-container > .header-radio
{
	position: relative;
	float: left;
	width: auto;
	height: 100px;
}

.header-radio-container > .header-radio > .station-controller
{
	position: relative;
	float: right;
	width: 100px;
	height: 100px;
	line-height: 100px;
	background: #eee;
	border-radius: 50px;
	overflow: hidden;
}

.header-radio-container > .header-radio > .station-controller > a
{
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 25px;
	margin-left: 25px;
	margin-top: 25px;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.header-radio-container > .header-radio > .station-controller > a > span
{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	color: #ff5705;
}

.header-radio-container > .header-radio > .controller
{
	position: relative;
	float: left;
	width: 280px;
	height: 100px;
	padding-left: 10px;
	padding-right: 10px;
}

.fixed-radio-container > .header-radio > .controller
{
	width: 200px;
}

.header-radio-container > .header-radio > .controller > .station-name
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fafafa;
}

.header-radio-container > .header-radio > .controller > .station-name > marquee
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 13px;
	color: #666;
	font-family: 'Open Sans',sans-serif;
}

.header-radio-container > .header-radio > .controller > .volume-controller
{
	position: relative;
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
}

.header-radio-container > .header-radio > .controller > .volume-controller > .volume-button
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 12px;
}

.header-radio-container > .header-radio > .controller > .controller-buttons
{
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.header-radio-container > .header-radio > .controller > .controller-buttons > a
{
	position: relative;
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-left: 10px;
	background: #fff;
	line-height: 50px;
	text-align: center;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.header-radio-container > .header-radio > .controller > .controller-buttons > a > span
{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #ccc;
	font-size: 16px;
}

.header-radio-container > .header-radio > .controller > .controller-buttons > a:hover > span
{
	color: #0534ff;
}

.main-content-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.main-content-container
{
	background: #fff;

	-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
}

.footer-content-container
{
	background: #eee;


}

.main-inner-wrapper
{
	position: relative;
	float: left;
	height: auto;
	padding: 0px;
}

.slider-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #fff;
}

.main-slider
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.main-slider .owl-item
{
	padding: 0px !important;
}

.slide-thumbnail
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.slide-thumbnail > .inner-thumbnail
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #000;
}

.slide-thumbnail > .inner-thumbnail > img
{
	position: relative;
	float: left;
	width: 100%;
	min-height: 530px;
	height: auto;
	max-height: 560px;

	-webkit-transition: all 320ms ease-out;
	-moz-transition: all 320ms ease-out;
	-ms-transition: all 320ms ease-out;
	-o-transition: all 320ms ease-out;
	transition: all 320ms ease-out;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay
{
	position: absolute;
	width: 100%;
	height: auto;
	padding: 15px;
	bottom: 0px;
	left: 0px;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 10%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 77%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 77%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	margin-bottom: 10px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-size: 26px;
	font-weight: 600;
	text-shadow: 1px 1px rgba(0,0,0,0.8);
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;

	-webkit-transition: all 320ms ease-out;
	-moz-transition: all 320ms ease-out;
	-ms-transition: all 320ms ease-out;
	-o-transition: all 320ms ease-out;
	transition: all 320ms ease-out;
}
.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .excerpt
{
	position: relative;
	float: left;
	width: 100%;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .excerpt > p
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .thumbnail-meta
{
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;
	display: none;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .thumbnail-meta
{
	display: block;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .thumbnail-meta > .user-name
{
	position: relative;
	float: left;
	width: auto;
	line-height: 20px;
	height: auto;
	padding-left: 20px;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .thumbnail-meta > .user-name > span:first-child
{
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 0px;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .thumbnail-meta > .user-name > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 13px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-weight: 300;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .thumbnail-meta > .post-date
{
	position: relative;
	float: left;
	width: auto;
	line-height: 20px;
	height: auto;
	padding-left: 20px;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .thumbnail-meta > .post-date > span:first-child
{
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 0px;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.slide-thumbnail > .inner-thumbnail > .thumbnail-overlay > .excerpt-wrapper > .thumbnail-meta > .post-date > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 13px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-weight: 300;
}

.right-aside-bar
{
	position: relative;
	float: right;
	height: auto;
	padding: 0px;
	background: #fff;
}

.daily-verse-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 380px;
	background: #232323;

}

.daily-verse-wrapper > .inner-container
{
	position: relative;
	font-size: left;
	width: 100%;
	height: auto;
}

.daily-verse-wrapper > .inner-container > .daily-title
{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #333;
	padding-right: 20px;
	padding-left: 20px;
	color: #fff;
}

.daily-verse-wrapper > .inner-container > .daily-title > span
{
	position: relative;
	float: left;
	width: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}

.daily-verse-wrapper > .inner-container > .daily-title > a
{
	position: relative;
	float: right;
	width: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #ccc;
	font-weight: 400;
}

.daily-verse-wrapper > .inner-container > .daily-title > a:hover
{
	color: #fff;
	text-decoration: underline;
}

.daily-verse-wrapper > .inner-container > .daily-content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 8px;
}

.daily-verse-wrapper > .inner-container > .daily-content > p
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.daily-verse-wrapper > .inner-container > .daily-content > .image-wrapper,
.daily-verse-wrapper > .inner-container > .daily-content > .image-wrapper > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.daily-verse-wrapper > .inner-container > .daily-content > .image-wrapper > .overlay
{
	position: absolute;
	width: 100%;
	height: auto;
	bottom: 0px;
	left: 0px;
	padding: 10px;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 10%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 77%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 77%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.daily-verse-wrapper > .inner-container > .daily-content > .image-wrapper > .overlay > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 25px;
	color: #fff;
	font-size: 20px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	text-shadow: 1px 1px rgba(0,0,0,0.8);
}

.daily-verse-wrapper > .inner-container > .daily-content > .daily-text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

.daily-verse-wrapper > .inner-container > .daily-content > .daily-text > p
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #ccc;
	font-size: 14px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
}

.daily-verse-wrapper > .inner-container > .daily-content > .daily-text > p > span:first-child
{
	font-size: 20px;
	color: #444;
	margin-right: 15px;
}

.daily-verse-wrapper > .inner-container > .daily-content > .daily-text > p > span:last-child
{
	font-size: 20px;
	color: #444;
	margin-left: 15px;
}

.daily-button
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
}

.daily-button > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	background: #1d1d1d;
	padding-left: 75px;
	padding-right: 10px;

	-webkit-transition: all 320ms ease-out;
	-moz-transition: all 320ms ease-out;
	-ms-transition: all 320ms ease-out;
	-o-transition: all 320ms ease-out;
	transition: all 320ms ease-out;
}

.daily-button:last-child > a
{
	padding-bottom: 10px;
}

.daily-button:first-child > a
{
	padding-top: 10px;
}

.daily-button > a:hover
{
	background: #111;
}

.daily-button > a > img
{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 5px;
	left: 20px;
	border-radius: 20px;
}

.daily-button > a > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-size: 17px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	text-align: left;
}

.most-viewed-channels,
.learn-bible
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #fff;
}

.learn-bible
{
	margin-bottom: 20px;
}

.most-viewed-channels > .inner-container,
.learn-bible > .inner-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.most-viewed-channels > .inner-container > .mwc-title,
.learn-bible > .inner-container > .lb-title
{
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-right: 20px;
	padding-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.most-viewed-channels > .inner-container > .mwc-title > span:first-of-type,
.learn-bible > .inner-container > .lb-title > span:first-of-type
{
	position: absolute;
	width: 20px;
	left: 0px;
	top: 0px;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-size: 20px;
}

.most-viewed-channels > .inner-container > .mwc-title > span:last-of-type,
.learn-bible > .inner-container > .lb-title > span:last-of-type
{
	position: relative;
	float: left;
	width: auto;
	line-height: 40px;
	height: auto;
	font-size: 20px;
	font-family: 'Open Sans',sans-serif;
	letter-spacing: -0.5px;
	font-weight: 600;
	color: #333;
}

.most-viewed-channels > .inner-container > .mwc-title > a,
.learn-bible > .inner-container > .lb-title > a
{
	position: relative;
	float: right;
	width: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 13px;
	color: #999;
	font-weight: 400;
}

.most-viewed-channels > .inner-container > .mwc-title > a:hover,
.learn-bible > .inner-container > .lb-title > a:hover
{
	color: #0534ff;
	text-decoration: underline;
}

.mwc-slider
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.mwc-thumbnail
{
	position: relative;
	float: left;
	width: 100%;
}

.mwc-thumbnail > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	background: #272727;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}

.mwc-thumbnail > .buttons
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.mwc-thumbnail > .buttons > .type
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 40px;
	background: #eee;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #555;
}

.mwc-thumbnail > .buttons > .type > span
{
	margin-right: 10px;
	font-size: 20px;
}

.mwc-thumbnail > .image-container
{
	position: relative;
	float: left;
	width: 100%;
	height: 160px;
	overflow: hidden;
}

.mwc-thumbnail > .image-container > img
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.mwc-thumbnail > .image-container
{
	background: #fafafa;
}

.learn-bible > .inner-container > .lb-content-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 240px;
	padding-left: 250px;
}

.learn-bible > .inner-container > .lb-content-container > .priest-btn
{
	position: absolute;
	width: 200px;
	height: auto;
	left: 0px;
	top: 0px;
}

.learn-bible > .inner-container > .lb-content-container > .priest-btn > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.learn-bible > .inner-container > .lb-content-container > .priest-btn > a
{
	position: relative;
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 20px;
	line-height: 50px;
	background: #ff5705;
	text-align: center;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #fff;
	border: none;
}

.learn-bible > .inner-container > .lb-content-container > .priest-btn > a:hover
{
	background: #444;
}

.learn-bible > .inner-container > .lb-content-container > .contents
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.learn-bible > .inner-container > .lb-content-container > .contents > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-left: 30px;
	padding-right: 10px;
	margin-bottom: 5px;
	line-height: 35px;
}

.learn-bible > .inner-container > .lb-content-container > .contents > a > span:first-of-type
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #ccc;
}

.learn-bible > .inner-container > .lb-content-container > .contents > a > span:last-of-type
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 35px;
	font-family: 'Open Sans',sanss-erif;
	font-size: 16px;
	font-weight: 600;
	color: #444;
}

.learn-bible > .inner-container > .lb-content-container > .contents > a:hover > span:last-of-type
{
	color: #ff5705;
}

.learn-bible > .inner-container > .lb-content-container > .contents > a > .badge
{
	margin-top: 10px;
}

.learn-bible > .inner-container > .lb-content-container > .contents > a:hover > .badge
{
	background: #ff5705;
}

.e-priest-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 15px;
}

.e-priest-container > .inner-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.e-priest-container > .inner-container > .ep-title
{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-right: 15px;
	padding-left: 15px;
	background: #f1f1f1;
}

.e-priest-container > .inner-container > .ep-title > span
{
	position: relative;
	float: left;
	width: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: 600;
}

.e-priest-container > .inner-container > .form-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 15px;
	padding-right: 15px;
	padding-left: 15px;
	background: #f9f9f9;
	border: 1px solid #eee;
}

.e-priest-container > .inner-container > .form-wrapper > form
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row:last-of-type
{
	margin-bottom: 0px;
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 25px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #666;
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row > input[type=text],
.e-priest-container > .inner-container > .form-wrapper > form > .form-row > input[type=email],
.e-priest-container > .inner-container > .form-wrapper > form > .form-row > input[type=password]
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #eee;
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row > .submit
{
	position: relative;
	float: left;
	width: 48%;
	padding-left: 30px;
	padding-right: 20px;
	line-height: 50px;
	background: #6faf2d;
	text-align: center;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #fff;
	border: none;
	margin-right: 1%;
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row > .submit:before
{
	position: absolute;
	width: 20px;
	height: 40px;
	left: 20px;
	top: 0px;
	content: "\f054";
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 20px;
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row > .submit:hover,
.e-priest-container > .inner-container > .form-wrapper > form > .form-row > .signup:hover
{
	transform: scale(1.05, 1.05);
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row > .signup
{
	position: relative;
	float: left;
	width: 48%;
	padding-left: 30px;
	padding-right: 20px;
	line-height: 50px;
	background: #ff5705;
	text-align: center;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #fff;
	border: none;
	margin-left: 1%;
}

.e-priest-container > .inner-container > .form-wrapper > form > .form-row > .signup:before
{
	position: absolute;
	width: 20px;
	height: 40px;
	left: 20px;
	top: 0px;
	content: "\f007";
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 20px;
}

.calendar-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.calendar-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 15px;
}

.calendar-title
{
	position: relative;
	float: left;
	width: 100%;
	line-height: 50px;
	background: #333;
	padding-right: 20px;
	padding-left: 20px;
	color: #fff;
	margin-bottom: 15px;
	border-bottom: 3px solid #222;
}

.calendar-title > span
{
	position: relative;
	float: left;
	width: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 600
}

.priest-button
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #6faf2d;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

.priest-button > span:first-child
{
	margin-right: 10px;
	line-height: 50px;
	color: #fff;
	font-size: 22px;
}

.priest-button > span:last-child
{
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 6400;
	line-height: 50px;
}

.priest-button:hover
{
	background: #4c7d19;
}

/**
*
* MODAL
*
**/

.stn-form-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.login-form-wrapper,
.register-form-wrapper,
.ireporter-form-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.ireporter-form-wrapper
{
	margin: 0px;
	padding: 20px;
	padding-right: 10px;
}

.stn-form-title
{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #999;
}

.stn-form
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.stn-control-field
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.stn-control-field > label
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	margin-bottom: 5px;
	font-family: 'Open Sans',sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #222;
}

.stn-control-field > input[type=email],
.stn-control-field > input[type=password],
.stn-control-field > input[type=text],
.stn-control-field > textarea,
.stn-control-field > select
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	border: 1px solid #ddd;
	padding-right: 15px;
	padding-left: 15px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	background: #fefefe;
}

.stn-control-field > textarea
{
	height: 100px;
	line-height: 22px;
	padding: 10px;
}

.stn-control-field > select
{
	padding: 10px;
}

.stn-control-field > input[type="button"],
.stn-submit-button
{
	position: relative;
	float: right;
	width: auto;
	min-width: 200px;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 50px;
	background: #ffb400;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	border: none;
	margin-right: 5px;
	margin-left: 5px;

	-webkit-transition: all 320ms ease-out;
	-moz-transition: all 320ms ease-out;
	-ms-transition: all 320ms ease-out;
	-o-transition: all 320ms ease-out;
	transition: all 320ms ease-out;
}

.stn-submit-button:hover,
.stn-submit-button:focus
{
	background: #fb9e0d;
}

.stn-link-button
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	color: #333;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 10px;

	-webkit-transition: all 320ms ease-out;
	-moz-transition: all 320ms ease-out;
	-ms-transition: all 320ms ease-out;
	-o-transition: all 320ms ease-out;
	transition: all 320ms ease-out;
}

.stn-link-button:before
{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 20px;
	left: 5px;
	content: ' ';
	background: #ddd;
	border-radius: 5px;

	-webkit-transition: all 320ms ease-out;
	-moz-transition: all 320ms ease-out;
	-ms-transition: all 320ms ease-out;
	-o-transition: all 320ms ease-out;
	transition: all 320ms ease-out;
}

.stn-click-button:hover,
.stn-click-button:focus
{
	color: #163b82;
}

.form-result-field
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.stn-note-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
}

.stn-note-wrapper > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	font-family: 'Open Sans',sans-serif;
	color: #666;
	text-align: left;
}

.stn-note-wrapper > span > a
{
	color: #444;
	font-weight: 600;
}
/** BOOTSTRAP **/

.modal-title
{
	font-family: 'PT Sans',sans-serif;
	font-size: 24px;
	font-weight: 600;
}

.modal-sub-title
{
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #999;
}

footer
{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	min-height:200px;
	z-index: 1;
}

footer .footer-top-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

footer .footer-section
{
	position: relative;
	float: left;
	height: auto;
	padding-top: 30px;
	padding-bottom: 20px;

}

footer .footer-section > .inner-section
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

footer .footer-section > .inner-section > .footer-section-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	color: #666;
	font-size: 18px;
	font-weight: 600;
	font-family: 'PT Sans',sans-serif;
	margin-bottom: 20px;
	letter-spacing: -0.5px;
}

footer .footer-section > .inner-section > .footer-section-contents
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.footer-link
{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	line-height:22px;
	margin-bottom:5px;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	color:#A4A4A4;
	text-decoration:none;

}

.footer-link:hover
{
	color:#222;
	text-decoration: none;
}

.footer-social-link
{
	position:relative;
	float:left;
	width:32px;
	height:32px;
	margin-bottom: 5px;
	margin-right:5px;
}

.footer-social-link > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.white-section
{
	background: #fff;
	min-height: 260px;
}

.sl-facebook
{
	background: #4c6893;
}

.sl-twitter
{
	background: #00c6ff;
}

.sl-instagram
{
	background: #396fd1;
}

.sl-google-plus
{
	background: #dc4d28;
}

.sl-youtube
{
	background: #e60101;
}

footer .footer-bottom-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	background: #ddd;
}

footer .footer-bottom-wrapper .copyright-text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
}

footer .footer-bottom-wrapper .copyright-text > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-family: 'Open Sans',sans-serif;
	font-size: 13px;
	color: #999;
}

.app-btn
{
	position: relative;
	float: left;
	width: 80%;
	height: auto;
	margin-bottom: 10px;
}

.app-btn > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.tv-player-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.tv-player-wrapper > .tv-player > .tv-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	background: #333;
	padding-left: 20px;
	padding-right: 20px;
}

.tv-player-wrapper > .tv-player > .tv-description
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	padding: 15px;
}

.tv-player-wrapper > .tv-player > .tv-description > p
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 20px;
}

.tv-player-wrapper > .tv-player
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.tv-player-wrapper > .tv-player > .tvplayer
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.channel-list-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.channel-list-wrapper > .channel-list
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.channel-list-wrapper > .channel-list > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #444;
	background: #eee;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 3px solid #ccc;
}

.channel-list-wrapper > .channel-list > .list
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
	background: #fafafa;
}

.channel-list-wrapper > .channel-list > .list > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 65px;
	padding-right: 10px;
	padding-left: 80px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.channel-list-wrapper > .channel-list > .list > a:last-child
{
	border-bottom: none;
}

.channel-list-wrapper > .channel-list > .list > a > img
{
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 0px;
}

.channel-list-wrapper > .channel-list > .list > a > div
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #444;

}

.channel-list-wrapper > .channel-list > .list > select
{
	position: relative;
	float: left;
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding: 5px;
	border: 1px solid #eee;
}

.tv-tags-wrapper,
.detail-tags-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.tv-tags-wrapper > .tv-tag-cloud,
.detail-tags-wrapper > .detail-tag-cloud
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.tv-tags-wrapper > .tv-tag-cloud > a,
.detail-tags-wrapper > .detail-tag-cloud > a
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 30px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #666;
	background: #eee;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

.tv-tags-wrapper > .tv-tag-cloud > a:hover
{
	background: #aaa;
	color: #fff;
}

.tv-tags-wrapper > .tv-tag-cloud > a:first-child
{
	margin-left: 0px;
}

.tv-share-button-container,
.detail-share-button-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.tv-share-button-container > .share-button,
.detail-share-button-container > .share-button
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin-right: 5px;
	line-height: 45px;
	margin-bottom: 5px;
}

.tv-share-button-container > .share-button > a,
.detail-share-button-container > .share-button > a
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 45px;
	padding-left: 45px;
}

.tv-share-button-container > .share-button > a > span:first-child,
.detail-share-button-container > .share-button > a > span:first-child
{
	position: absolute;
	width: 45px;
	height: 45px;
	line-height: 45px;
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 18px;
	background: rgba(0,0,0,0.1);
	color: #fff;
}

.tv-share-button-container > .share-button > a > span:last-child,
.detail-share-button-container > .share-button > a > span:last-child
{
	position: relative;
	width: 100%;
	height: auto;
	line-height: 45px;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 600;
}

.picture-share-btn
{
	background: #f5b912;
}

.facebook-share-btn
{
	background: #4c6893;
}

.twitter-share-btn
{
	background: #00c6ff;
}

.google-plus-share-btn
{
	background: #dc4d28;
}

.tv-share-button-container > .share-button > a:hover > span:first-child,
.detail-share-button-container > .share-button > a:hover > span:first-child
{
	font-size: 22px;
}

.mobile-switch
{
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 40px;
	border-top: 1px solid #eee;
}

.mb-switch
{
	position: relative;
	float: right;
	width: 30px;
	height: auto;
	line-height: 40px;
}

.mb-switch > span
{
	position: relative;
	float: left;
	top: 0px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #333;
}


.mobile-navigaiton-wrapper
{
	position: fixed;
	width: 0px;
	height: 100%;
	top: 0px;
	left: -10px;
	z-index: 99999;
	perspective: 1000px;
	-webkit-perspective: 1000;
}

.mobile-navigaiton
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fafafa;
	width: 280px;
	height: 100%;
	transform-style: preserve-3d;
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	transform-origin: 0px 50%;
	-webkit-transform-origin: 0px 50%;

	-webkit-box-shadow: 0 0px 12px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0px 12px 0 rgba(0,0,0,0.5);

	-webkit-transition: all 520ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition: all 520ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition: all 520ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition: all 520ms cubic-bezier(0.445, 0.050, 0.550, 0.950);

	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-o-transition-delay: 0ms;
	transition-delay: 0ms;
}

.close-mobile-navigation
{
	position: absolute;
	width: 50px;
	height: 50px;
	background: #0534ff;
	left: 100%;
	top: 15px;
	transform-style: preserve-3d;
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	transform-origin: 0px 50%;
	-webkit-transform-origin: 0px 50%;

	-webkit-transition: all 520ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	   -moz-transition: all 520ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	     -o-transition: all 520ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	        transition: all 520ms cubic-bezier(0.445, 0.050, 0.550, 0.950);

	-webkit-transition-delay: 520ms;
	-moz-transition-delay: 520ms;
	-o-transition-delay: 520ms;
	transition-delay: 520ms;

	backface-visibility: hidden;
}

.close-mobile-navigation > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.mobile-navigaiton-open > .mobile-navigaiton
{
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}

.mobile-navigaiton-open > .mobile-navigaiton > .close-mobile-navigation
{
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}

.mobile-navigaiton > .inner-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	padding-bottom: 0px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-left: 90px;
	min-height: 100px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-picture-container
{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 5px;
	left: 5px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-picture-container > a
{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-picture-container > a > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-radius: 40px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-detail-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-left: 10px;
	padding-top: 20px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-detail-container > .user-name
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	font-family: 'PT Sans',sans-serif;
	color: #555;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-detail-container > .user-name > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-detail-container > .user-button
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	font-family: 'PT Sans',sans-serif;
	color: #888;
	font-size: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-detail-container > .user-button > span:first-child
{
	position: absolute;
	width: 20px;
	height: 20px;
	top : 0px;
	left: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
}

.mobile-navigaiton > .inner-container > .user-info-wrapper > .user-info-container > .user-detail-container > .user-button > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	font-weight: 300;
}


.mobile-navigaiton > .inner-container > .navigation-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .nav-element
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .nav-element > .inner-element
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	padding-left: 40px;
	border-bottom: 1px solid #eee;
	color: #444;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .nav-element > .inner-element > span:first-child
{
	position: absolute;
	width: 40px;
	height: auto;
	line-height: 50px;
	text-align: center;
	color: inherit;
	left: 0px;
	top: 0px;

	-webkit-transition: all 120ms ease-out;
	-moz-transition: all 120ms ease-out;
	-ms-transition: all 120ms ease-out;
	-o-transition: all 120ms ease-out;
	transition: all 120ms ease-out;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .nav-element > .inner-element > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-family: 'PT Sans',sans-serif;
	font-size: 16px;
	color: inherit;
	font-weight: 600;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .nav-element > .inner-element:hover,
.mobile-navigaiton > .inner-container > .navigation-wrapper > .active > .inner-element
{
	color: #0534ff;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .has-sub-menu > .mobile-sub-menu
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-height: 0px;
	margin-bottom: 0px;
	opacity: 0.0;

	-webkit-transition: all 320ms ease-out;
	-moz-transition: all 320ms ease-out;
	-ms-transition: all 320ms ease-out;
	-o-transition: all 320ms ease-out;
	transition: all 320ms ease-out;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .has-sub-menu-open > .mobile-sub-menu
{
	max-height: 400px;
	opacity: 1.0;
	margin-bottom: 15px;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .has-sub-menu-open > .inner-element > span:first-child
{
	transform: rotateZ(180deg);
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .has-sub-menu > .mobile-sub-menu > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	padding-left: 40px;
	color: #444;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .has-sub-menu > .mobile-sub-menu > a > span:first-child
{
	position: absolute;
	width: 40px;
	height: auto;
	line-height: 40px;
	text-align: center;
	color: #999;
	left: 0px;
	top: 0px;
}

.mobile-navigaiton > .inner-container > .navigation-wrapper > .has-sub-menu > .mobile-sub-menu > a > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'PT Sans',sans-serif;
	font-size: 14px;
	color: inherit;
	font-weight: 400;
}

/** PLAYER **/

.sound-player-container
{
	position: relative;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}

.sound-player-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 15px;
}

.sound-player-wrapper > .sound-player
{
	position: relative;
	float: left;
	width: 100%;
	height: 140px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 140px;
	padding-right: 10px;
}

.sound-player-wrapper > .sound-player > .main-controller
{
	position: absolute;
	width: 120px;
	height: 120px;
	left: 10px;
	top :10px;
}

.sound-player-wrapper > .sound-player > .main-controller > a
{
	position: relative;
	float: left;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	line-height: 120px;
	background: #eee;
}

.sound-player-wrapper > .sound-player > .main-controller > a > span
{
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 28px;
	color: #ff5705;
	margin-left: 30px;
	margin-top: 30px;
	background: #fff;
	border-radius: 30px;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.sound-player-wrapper > .sound-player > .main-controller > a:hover > span
{
	color: #444;
}

.sound-player-wrapper > .sound-player > .widget
{
	position: relative;
	float: left;
	width: 100%;
	height: 120px;
}

.sound-player-wrapper > .sound-player > .widget > .top
{
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	list-style: 20px;
	margin-top: 5px;
}

.sound-player-wrapper > .sound-player > .widget > .top > .volume-controller
{
	position: relative;
	float: left;
	width: 200px;
	height: 40px;
	margin-top: 10px;
}

.sound-player-wrapper > .sound-player > .widget > .top > .volume-controller > .volume-button
{
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
}

.sound-player-wrapper > .sound-player > .widget > .bottom
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.sound-player-wrapper > .sound-player > .widget > .bottom > .player-progress-bar
{
	position: relative;
	float: left;
	width: 100%;
	height: 10px;
	background: #eee;
	border-radius: 5px;
}

.sound-player-wrapper > .sound-player > .widget > .bottom > .player-progress-bar > .track
{
	position: relative;
	float: left;
	width: auto;
	min-width: 10px;
	height: 10px;
	overflow: hidden;
	border-radius: 5px;
}

.sound-player-wrapper > .sound-player > .widget > .bottom > .player-progress-bar > .track:before
{
	position: absolute;
	width: 1140px;
	height: 10px;
	left: 0px;
	top: 0px;
	content: ' ';
	background: rgb(1,122,253); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(1,122,253,1) 0%, rgba(255,87,5,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(1,122,253,1) 0%,rgba(255,87,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(1,122,253,1) 0%,rgba(255,87,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017afd', endColorstr='#ff5705',GradientType=1 ); /* IE6-9 */
}

.treeview
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.treeview .tr-element
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
}

.treeview .tr-element > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	padding-left: 40px;
	padding-right: 10px;
	background: #d2d2d2;
	margin-bottom: 5px;
	border-radius: 20px;
}

.treeview .tr-image > a
{
	min-height: 50px;
	padding-left: 50px;
	border-radius: 25px;
}

.treeview .tr-element > a > span:first-child
{
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	left: 5px;
	top: 5px;
	text-align: center;
	background: #666;
	border-radius: 20px;
}

.treeview .tr-image > a > img
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 5px;
	top: 5px;
	border-radius: 35px;
}

.treeview .tr-element.active > a > span:first-child,
.treeview .tr-element:hover > a > span:first-child
{
	background: rgb(255, 87, 5);
}

.treeview .tr-element > a.folder > span:first-child
{
	background: rgb(119, 187, 31);
}

.treeview .tr-element > a > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	font-size: 16px;
	color: #444;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	padding-left: 10px;
}

.tr-element .treeview
{
	padding-left: 25px;
	display: none;
}

.tr-element .treeview .tr-element > a
{
	background: #eee;
}

.active > .treeview
{
	display: block;
}

.tr-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #444;
	background: #eee;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	border-bottom: 3px solid #ccc;
}

.player-list-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.player-list-wrapper > .player-list
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.player-list-wrapper > .player-list > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #444;
	background: #eee;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 3px solid #ccc;
}

.player-list-wrapper > .player-list > .list
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
}

.player-list-wrapper > .player-list > .list > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 45px;
	padding-right: 10px;
	padding-left: 50px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.player-list-wrapper > .player-list > .list > a:last-child
{
	border-bottom: none;
}

.player-list-wrapper > .player-list > .list > a > span
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0px;
	top: 0px;
	font-size: 16px;
	color: #fff;
	background: rgb(255, 190, 0);
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
}

.player-list-wrapper > .player-list > .list > a > img
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0px;
	top: 0px;
	font-size: 16px;
	color: #fff;
	background: rgb(255, 190, 0);
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
}

.player-list-wrapper > .player-list > .list > a > div
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #444;
}

.tr-wrapper
{
	position: relative;
	float: left;
	width: 100%;
}

.coptic-new-container
{
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 15px;
	margin-top: 15px;
}

.clear-two-col
{
	position: relative;
	float: left;
	width: 100%;
	height: 0px;
}

.coptic-new-container > .new-inner
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #eee;
}

.coptic-new-container > .new-inner > .new-image
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-height: 260px;
	overflow: hidden;
}

.coptic-new-container > .new-inner > .new-image > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;

	-webkit-transition: -webkit-transform 100ms linear;
	-moz-transition: transform 100ms linear;
	-ms-transition: transform 100ms linear;
	-o-transition: transform 100ms linear;
	transition: transform 200ms linear;
}

.coptic-new-container > .new-inner > .new-image > .tags
{
	position: absolute;
	width: auto;
	height: 40px;
	left: 15px;
	bottom: 15px;
}

.coptic-new-container > .new-inner > .new-image > .tags > span
{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	background: #0534ff;
}

.coptic-new-container > .new-inner > .new-image > .tags > span.video,
.coptic-new-container > .new-inner > .new-image > .tags > span.sound
{
	background: #ff5705;
}

.coptic-new-container > .new-inner:hover > .new-image > img
{
	transform: scale(1.1,1.1);
}

.coptic-new-container > .new-inner > .new-content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
}

.coptic-new-container > .new-inner > .new-content > h4
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	margin-bottom: 10px;
	letter-spacing: -0.5px;
	font-weight: 600;
}

.coptic-new-container > .new-inner > .new-content > .new-meta
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	margin-bottom: 10px;
}

.coptic-new-container > .new-inner > .new-content > .new-meta > .meta
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
}

.coptic-new-container > .new-inner > .new-content > .new-meta > .meta > span
{
	position: relative;
	float: left;
	width: auto;
	line-height: 20px;
	height: auto;
	color: #aaa;
}

.meta-red > span
{
	color: #ff5705 !important;
}

.coptic-new-container > .new-inner > .new-content > .new-meta > .meta > span:first-child
{
	margin-right: 10px;
}

.coptic-new-container > .new-inner > .new-content > .new-meta > .meta > span:last-child
{
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
}

.coptic-new-container > .new-inner > .new-content > .new-excerpt
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.coptic-new-container > .new-inner > .new-content > .new-excerpt > p
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #333;
	min-height: 30px;
}

.pagination-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.pagination-wrapper > .pagination-field
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.categories-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.categories-wrapper > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #444;
	background: #eee;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 3px solid #ccc;
}

.categories-wrapper > .sub-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	font-family: 'Open Sans',sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #444;
	background: #fafafa;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 15px;
}

.categories-wrapper  > .list
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	margin-bottom: 25px;
}

.categories-wrapper  > .list > .list-btn
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	margin-bottom: 5px;
	border-bottom: 1px solid #fafafa;
	padding-bottom: 5px;
}

.categories-wrapper  > .list > .list-btn > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	padding-left: 30px;
	color: #444;
}

.categories-wrapper  > .list > .list-btn > .list-submenu
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	padding-left: 20px;
	display: none;
}

.categories-wrapper  > .list > .show-submenu > .list-submenu
{
	display: block;
}

.categories-wrapper  > .list > .show-submenu > a
{
	color: #ff5705;
}

.categories-wrapper  > .list > .show-submenu > a:hover
{
	color: #ff5705 !important;
}

.categories-wrapper > .list > a,
.categories-wrapper  > .list > .list-btn > .list-submenu > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	padding-left: 30px;
	margin-bottom: 5px;
	border-bottom: 1px solid #fafafa;
	color: #444;
}

.categories-wrapper > .list > a > span:first-child,
.categories-wrapper  > .list > .list-btn > a > span:first-child,
.categories-wrapper  > .list > .list-btn > .list-submenu > a > span:first-child
{
	position: absolute;
	width: 30px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	left: 0px;
	top: 0px;
	text-align: center;
}

.categories-wrapper > .list > a > span:last-child,
.categories-wrapper  > .list > .list-btn > a > span:last-child,
.categories-wrapper  > .list > .list-btn > .list-submenu > a > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 25px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.categories-wrapper > .list > a:hover,
.categories-wrapper > .list > a.active,
.categories-wrapper  > .list > .list-btn > a.active,
.categories-wrapper  > .list > .list-btn > a:hover,
.categories-wrapper  > .list > .list-btn > .list-submenu > a:hover
{
	color: #337ab7;
}

.new-detail-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.new-detail-wrapper > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-family: 'Open Sans',sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.new-detail-wrapper > .meta-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20px;
	margin-bottom: 20px;
}

.new-detail-wrapper > .meta-wrapper > .meta
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 20px;
	margin-right: 15px;
}

.new-detail-wrapper > .meta-wrapper > .meta > span
{
	position: relative;
	float: left;
	width: auto;
	line-height: 20px;
	height: auto;
	color: #aaa;
}

.new-detail-wrapper > .meta-wrapper > .meta > span:first-child
{
	margin-right: 10px;
}

.new-detail-wrapper > .meta-wrapper > span:last-child
{
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
}

.new-detail-wrapper > .excerpt
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #222;
	margin-bottom: 10px;
	line-height: 25px;
}

.new-detail-wrapper > .image-wrapper,
.new-detail-wrapper > .video-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}

.new-detail-wrapper > .image-wrapper > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.new-detail-wrapper > .detail-buton
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}

.new-detail-wrapper > .content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #444;
	line-height: 22px;
}

.new-detail-wrapper > .detail-buttons
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}

.new-detail-wrapper > .detail-buttons > .extra-button
{
	position: relative;
	float: right;
	width: auto;
	height: auto;
	line-height: 30px;
}

.new-detail-wrapper > .detail-buttons > .extra-button > a
{
	position: relative;
	float: left;
	width: 30px;
	height: auto;
	line-height: 30px;
	background: #eee;
}

.new-detail-wrapper > .detail-buttons > .extra-button > a > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #333;
}

.new-detail-wrapper > .detail-buttons > .extra-button > .caption-label
{
	position: relative;
	float: left;
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	line-height: 30px;
	background: #fafafa;
}

.html-content > p
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #444;
	line-height: 22px;
}

.html-content h4,
.html-content h3,
.html-content h2,
.html-content h1
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 25px;
	font-size: 22px;
	font-weight: 600px;
	color: #333;
	margin-bottom: 20px;
	margin-top: 10px;
}

.html-content ul,
.html-content ol
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: inherit;
	color: inherit;
	font-size: inherit;
}

.html-content ul > li,
.html-content ol > li
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	line-height: 22px;
	font-family: inherit;
	color: inherit;
	font-size: inherit;
}

.ireporter-list
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.add-report-button
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.add-report-button > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #a5e14f;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.add-report-button > a > span:first-child
{
	margin-right: 10px;
}

.add-report-button > a:hover
{
	background: #8ac930;
}

.result-field
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.alert
{
	border-radius: 0px;
	text-align: center;
}

.modal-body
{
	padding-top: 0px;
	float: left;
	width: 100%;
}

.thumbnail-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.thumbnail-wrapper > .thumbnail-container
{
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 5px;
	min-height: 120px;
}

.thumbnail-wrapper > .thumbnail-container:nth-child(6n+1)
{
	clear: both;
}

.thumbnail-wrapper > .thumbnail-container > a,
.thumbnail-wrapper > .thumbnail-container > a > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;

}

.audiojs
{
	position: relative;
	float: left;
	margin-top: 10px;
	width: 100%;
	height: 80px;
	background: #fff;
	margin-top: 10px;
	box-shadow: none;
	padding-left: 100px;
	padding-right: 10px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.audiojs *
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.audiojs .play-pause
{
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
	width: 80px;
	height: 80px;
	line-height: 80px;
	background: #eee;
}

.audiojs .play-pause .play,
.audiojs .play-pause .pause,
.audiojs .play-pause .loading,
.audiojs .play-pause .error
{
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #ff5705;
	left: 20px;
	top: 20px;
	background: #fff;
	line-height: 40px;
	text-align: center;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.audiojs .play-pause .play:before
{
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	left: 0px;
	top: 0px;
	content: "\f04b";
	font-family: 'FontAwesome';
	color: #ff5705;
	font-size: 18px;
}

.audiojs .play-pause .pause:before
{
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	left: 0px;
	top: 0px;
	content: "\f04b";
	font-family: 'FontAwesome';
	content: "\f04c";
	font-size: 18px;
}

.audiojs .play-pause .loading:before
{
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	left: 0px;
	top: 0px;
	content: "\f04b";
	font-family: 'FontAwesome';
	content: "\f250";
	font-size: 18px;
}

.audiojs .play-pause .error:before
{
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	left: 0px;
	top: 0px;
	content: "\f04b";
	font-family: 'FontAwesome';
	content: "\f00d";
	font-size: 18px;
}

.audiojs .scrubber
{
	position: relative;
	margin-top: 20px;
	float: left;
	width: 100%;
	height: 10px;
	background: #eee;
	border-top: none;
	border-radius: 0px;
}

.radio-player .audiojs .scrubber
{
	display: none !important;
}

.audiojs .scrubber .loaded
{
	background: #ccc;
	border-radius: 0px;
}

.audiojs .scrubber .progress
{
	overflow: hidden;
	height: 10px;
	border-radius: 0px;
}

.audiojs .scrubber .progress:before
{
	position: absolute;
	width: 1140px;
	height: 10px;
	left: 0px;
	top: 0px;
	content: ' ';
	background: rgb(1,122,253); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(1,122,253,1) 0%, rgba(255,87,5,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(1,122,253,1) 0%,rgba(255,87,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(1,122,253,1) 0%,rgba(255,87,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017afd', endColorstr='#ff5705',GradientType=1 ); /* IE6-9 */
}

.radio-player .audiojs .time,
.time-none .time
{
	display: none !important;
}

.audiojs .time
{
	position: relative;
	float: right;
	border: none;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #0534ff;
	text-shadow: none;
}

.audiojs .time .played
{
	color: #ff5705;
}

.player-title
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 22px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding-right: 20px;
	margin-top: 15px;
}

.scoll-list-deacon
{
	/* height: 600px; */
	overflow-y: auto;
}

.tree-wrapper-right
{
	padding-left: 0px;
	padding-right: 15px;
	margin-bottom: 25px;
}

.middle-button-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

.middle-button-wrapper > .mb-container
{
	position: relative;
	float: left;
	height: auto;,
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.middle-button-wrapper > .mb-container > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 15px;
	min-height: 100px;
	padding-left: 100px;
}

.middle-button-wrapper > .mb-container > a.sermons-btn
{
	background: #6faf2d;
}

.middle-button-wrapper > .mb-container > a.radio-btn
{
	background: #ff5705;
}

.middle-button-wrapper > .mb-container > a > span:first-child
{
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	background: #fff;
	left: 10px;
	top: 10px;
	line-height: 80px;
	text-align: center;
	color: #333;
	font-size: 28px;

	-webkit-transition: all 320ms ease-out;
	-moz-transition: all 320ms ease-out;
	-ms-transition: all 320ms ease-out;
	-o-transition: all 320ms ease-out;
	transition: all 320ms ease-out;
}

.middle-button-wrapper > .mb-container > a.radio-btn > span:first-child
{
	color: #ff5705;
}

.middle-button-wrapper > .mb-container > a.sermons-btn > span:first-child
{
	color: #6faf2d;
}

.middle-button-wrapper > .mb-container > a:hover > span:first-child
{
	font-size: 38px;
}

.middle-button-wrapper > .mb-container > a > .text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 70px;
}

.middle-button-wrapper > .mb-container > a > .text > span:first-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	font-weight: 600;
	font-size: 28px;
}

.middle-button-wrapper > .mb-container > a > .text > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	font-weight: 300;
	font-size: 18px;
}

.sermons-mc-boutton-category
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.sermons-mc-boutton-category > .mc-button
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.sermons-mc-boutton-category > .mc-button > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 80px;
	line-height: 60px;
	padding: 10px;
	padding-left: 80px;
	background: #fafafa;
}

.sermons-mc-boutton-category > .mc-button:nth-child(2n) > a
{
	background: #fff;
}

.sermons-mc-boutton-category > .mc-button > a > img
{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 10px;
	left: 10px;
}

.sermons-mc-boutton-category > .mc-button > a > .text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 60px;
	font-family: 'Open Sans',sans-serif;
	color: #333;
	font-weight: 600;
	font-size: 16px;
}

.station-container
{
	position: relative;
	float: left;
	height: auto;
	margin-top: 15px;
}

.station-container > .station
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.station-container > .station > .image-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.station-container > .station > .image-wrapper > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.station-container > .station > .image-wrapper > .title
{
	position: absolute;
	width: 100%;
	height: auto;
	padding: 15px;
	bottom: 0px;
	left: 0px;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-shadow: 1px 1px rgba(0,0,0,0.8);
	line-height: 30px;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 10%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 77%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 77%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.station-container > .station > .content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 110px;
	padding: 15px;
	border: 1px solid #eee;
	border-bottom: none;
	padding-left: 100px;
}

.station-container > .station > .content > .radio-player
{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 10px;
	left: 10px;
}

.station-container > .station > .content > .text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.station-container > .station > .content > .text > p
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	font-size: 14px;
	color: #333;
	font-family: 'Open Sans',sans-serif;
}

.station-container > .station > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #6faf2d;
	line-height: 50px;
}

.station-container > .station > a > span:first-child
{
	margin-right: 10px;
	font-size: 20px;
}

.station-container > .station > a > span:last-child
{
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
}

.station-container > .station > .player-files
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #fafafa;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.station-container > .station > .player-files > a
{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	padding: 5px;
	margin-bottom: 5px;
}

.station-container > .station > .player-files > a > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.grayscale > img
{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.radio-detail-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	padding-top: 0px;
}

.radio-detail-wrapper > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	font-family: 'Open Sans',sans-serif;
	font-size: 20px;
	color: #333;
	font-weight: 600;
	margin-bottom: 20px;
}

.radio-detail-wrapper > .content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.radio-detail-wrapper > .radio-detail-part
{
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 15px;
	padding: 0px;
}

.radio-detail-wrapper > .radio-detail-part > .radio-detail-part-content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.radio-detail-wrapper .sub-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: 600;
	margin-bottom: 20px;
	background: #fafafa;
	padding-right: 15px;
	padding-left: 15px;
	border-bottom: 3px solid #eee;
}

.hymn-detail-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 15px;
}

.hymn-detail-container > .text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #999;
	text-align: center;
	margin-top: 10px;
}

.hymn-detail-container > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	margin-bottom: 15px;
	font-family: 'Open Sans',sans-serif;
	font-size: 20px;
	color: #333;
	font-weight: 600;
}

.hymn-detail-container > .sub-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #444;
	background: #eee;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 3px solid #ccc;
	margin-bottom: 20px;
}

.hymn-detail-container > .video-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.hymn-detail-container > .image-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.hymn-detail-container > .image-wrapper > .image
{
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 15px;
	min-height: 120px;

}

.hymn-detail-container > .image-wrapper > .image:nth-child(3n+1)
{
	clear: both;
}

.hymn-detail-container > .image-wrapper > .image > a,
.hymn-detail-container > .image-wrapper > .image > a > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.hymn-detail-container > .image-wrapper > .image > a
{
	max-height: 220px;
	overflow: hidden;
}

.twitter-share-button
{
	position: relative;
	height: auto;
	line-height: 30px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	background: #1bb3ff;
	margin-right: 10px;
	border-radius: 4px;
}

.facebook-share-button
{
	position: relative;
	float: left;
	height: auto;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	background: #355bb3;
	margin-right: 10px;
	border-radius: 4px;
}

.fancybox-opened .fancybox-title
{
	min-height: 40px;
}

.scroll-up-button
{
	position: fixed;
	width: auto;
	line-height: 50px;
	height: 50px;
	padding-left: 50px;
	right: 20px;
	bottom: 20px;
	background: #ff5705;
	z-index: 999;
	display: none;
}

.scroll-up-button > span:first-child
{
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: rgba(0,0,0,0.05);
	left: 0px;
	top: 0px;
}

.scroll-up-button > span:last-child
{
	position: relative;
	float: left;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
}

.commnets-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.commnets-wrapper .title
{
   position: relative;
   float: left;
   width: 100%;
   height: auto;
   line-height: 50px;
   font-family: 'Open Sans',sans-serif;
   font-size: 18px;
   font-weight: 600;
   color: #444;
   background: #eee;
   padding-left: 20px;
   padding-right: 20px;
   border-bottom: 3px solid #ccc;
   margin-bottom: 20px;
}

.commnets-wrapper > .comment-form-wrapper
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
	padding-bottom: 0px;
}

.commnets-wrapper > .comment-form-wrapper > .comment-form
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.commnets-wrapper > .comment-form-wrapper > .comment-form .half-width-ctrl
{
	width: 50%;
}

.commnets-wrapper > .comment-form-wrapper > .comment-form .half-width-ctrl:nth-child(odd)
{
	padding-right: 10px;
}

.commnets-wrapper > .comment-form-wrapper > .comment-form .half-width-ctrl:nth-child(even)
{
	padding-left: 10px;
}

.commnets-wrapper > .comments-list
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.commnets-wrapper > .comments-list > .comment-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	border-bottom: 1px solid #eee;
	background: #fafafa;
	border-radius: 5px;
}

.commnets-wrapper > .comments-list > .comment-container > .c-username
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 25px;
	margin-bottom: 15px;
}

.commnets-wrapper > .comments-list > .comment-container > .c-username > .username
{
	position: relative;
	float: left;
	width: auto;
	line-height: 25px;
	font-size: 16px;
	color: #222;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
}

.commnets-wrapper > .comments-list > .comment-container > .c-username > .datetime
{
	position: relative;
	float: right;
	width: auto;
	line-height: 25px;
	font-size: 14px;
	color: #999;
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
}

.commnets-wrapper > .comments-list > .comment-container > .c-username > .username > span:first-child,
.commnets-wrapper > .comments-list > .comment-container > .c-username > .datetime > span:first-child
{
	position: relative;
	float: left;
	width: 25px;
	line-height: 25px;
	color: inherit;
	font-size: 16px;
}

.commnets-wrapper > .comments-list > .comment-container > .c-username > .username > span:last-child,
.commnets-wrapper > .comments-list > .comment-container > .c-username > .datetime > span:last-child
{
	position: relative;
	float: left;
	width: auto;
	line-height: 25px;
}

.commnets-wrapper > .comments-list > .comment-container > .c-username > .datetime > span:last-child
{
	font-size: 13px;
	font-weight: 300;
}

.commnets-wrapper > .comments-list > .comment-container > .c-content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 18px;
}

.commnets-wrapper > .comments-list > .comment-container > .c-content > p
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	color: #444;
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
}

.marquee-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	padding: 10px;
	background: #fafafa;
}

.marquee-container > marquee
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-family: 'Open Sans',sans-serif;
	font-size: 20px;
	font-weight: 600;
}

.marquee-top
{
	color: #0534ff;
}

.marquee-bottom
{
	color: #222;
}

.modal-screen
{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.modal-screen .date-btn
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	padding-left: 50px;
	border-bottom: 1px solid #eee;
	color: #333;
}

.modal-screen .date-btn:hover
{
	color: #ff5705;
}

.modal-screen .date-btn > span:first-child
{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 10px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: inherit;
}

.modal-screen  .date-btn > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-size: 16px;
	color: inherit;
	font-weight: 600;
}

.daily-content-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.daily-content-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 26px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #ff5705;
	margin-bottom: 20px;
}

.daily-content-container > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.daily-content-container > .daily-content,
.modal-text-field
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #333;
}

.back-daily
{
	position: relative;
	float: left;
	width: auto;
	line-height: 25px;
	color: #ff5705;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	font-size: 14px;
}

.language-buttons-container
{
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0px;
	top: -25px;
	z-index: 999;
}

.language-buttons-container > a
{
	position: relative;
	float: left;
	width: auto;
	margin-right: 10px;
	line-height: 30px;
	color: #333;
}

.language-buttons-container > a:hover,
.language-buttons-container > a.active
{
	color: #ff5705;
}

.language-buttons-container > a > img
{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0px;
	left: 0px;
	display: none;
}

.language-buttons-container > a > span
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-size: 16px;
	color: inherit;
	font-family: 'Open Sans',sans-serif;
}

.news-audio
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

.ccfilerow
{
	position: relative;
	float: left;
	width: 100%;
	line-height: 30px;
	padding: 0px;
	margin-bottom: 5px;
	background: #f9f9f9 !important;
}

.ccfilerow .ccfilesize
{
	padding: 0px !important;
	float: right;
	text-align: right;
	width: auto;
	line-height: 30px;
	margin-right: 5px;
	font-size: 13px;
	color: #ccc;
}

.ccfilerow input[type="checkbox"]
{
	line-height: normal;
	width: 15px;
	height: 15px;
	margin-top: 7px;
	margin-right: 7px;
}

.ccfilerow .ccfilename
{
	height: 30px;
	background-repeat: no-repeat;
	background-position: 4px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 250px;
	padding-top: 0px !important;
	padding-left: 30px !important;
	background: none !important;
	line-height: 30px;
	font-size: 13px;
}

.ccfilerow .ccfilename:before
{
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-family: 'FontAwesome';
	font-size: 16px;
	color: #337ab7;
	left: 0px;
	top: 0px;
	text-align: center;
	content: "\f04b";
}

.ccfilem3u
{
	text-align: center;
	padding: 5px;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.ccfilem3u > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	background: #ff5705;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

.cctrack
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.cctrack .cccover
{
	border: none !important;
}

.cctrack .cctitle
{
	font-weight: 600;
}

.cctrack .ccartist
{
	font-size: 12px;
}

div[class*="cc_req_result_"]
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	background: #ffeebd;
	padding: 15px;
	font-weight: 600;
}

.live-show
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.live-show > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.live-show > div
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
	font-size: 14px;
	color: #333;
	font-weight: 600;
}

img[src=""] {
   display: none;
}

.bread-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.bread-type
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 18px;
	color: #fff;
	background: #ff5705;
	border-bottom: 3px solid #de4f0a;

}

.bl
{
	border-left: 1px solid #fff;
}

.bread-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 70px;
	line-height: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #444;
}

.bread-container > .bread-image
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
}

.bread-container > .bread-image > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.bread-container > .bread-content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	padding: 10px;
}

.bread-container > .html-content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.bread-container > .bg-yellow
{
	background: #9be43d;
	border-bottom: 3px solid #89bd45;
}

.bread-date-field
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #fafafa;
}

.bread-date-field .prev-day
{
	position: relative;
	float: left;
	height: 70px;
	padding-left: 50px;
	padding-right: 10px;
	background: #78bd3b;
}

.bread-date-field .prev-day > span:first-child
{
	position: absolute;
	width: 50px;
	height: 70px;
	left: 0px;
	top: 0px;
	line-height: 70px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.bread-date-field .prev-day > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans',sans-serif;
	text-align: left;
}

.bread-date-field .next-day
{
	position: relative;
	float: left;
	height: 70px;
	padding-right: 50px;
	padding-left: 10px;
	background: #78bd3b;
}

.bread-date-field .next-day > span:first-child
{
	position: absolute;
	width: 50px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	right: 0px;
	top: 0px;
}

.bread-date-field .next-day > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans',sans-serif;
	text-align: right;
}

.bread-date-field .select-day
{
	position: relative;
	float: right;
	height: 70px;
	padding-right: 50px;
	padding-left: 10px;
	background: #6ea73c;
}

.bread-date-field .select-day  > span:first-child
{
	position: absolute;
	width: 50px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	right: 0px;
	top: 0px;
}

.bread-date-field .select-day > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans',sans-serif;
	text-align: right;
}

.bread-date-field > .prev-day:hover,
.bread-date-field > .next-day:hover,
.bread-date-field > .select-day:hover
{
	background: #5c922c;
}

.bread-date-field > .date-field
{
	position: relative;
	float: left;
	height: auto;
	line-height: 70px;
	padding-left: 10px;
	padding-right: 10px;
}

.bread-date-field > .date-field > .date-picker-field
{
	position: relative;
	float: left;
	height: auto;
	width: 50%;
	line-height: 70px;
	padding-left: 10px;
	padding-right: 10px;
}

.bread-date-field > .date-field > .date-picker-field > .label-date
{
	position: relative;
	float: left;
	width: 50%;
	height: auto;
	line-height: 70px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #666;
	font-weight: 600;
	text-align: right;
	padding-right: 10px;
}

.bread-date-field > .date-field  > .date-picker-field > .date-picker
{
	position: relative;
	float: left;
	width: 50%;
	height: auto;
	line-height: 70px;
}

.bread-date-field > .date-field > .date-picker-field > .date-picker > input
{
	position: relative;
	float: left;
	width: 100%;
	line-height: 70px;
	font-family: 'Open Sans',sans-serif;
	font-size: 22px;
	color: #333;
	border: none;
	padding: 0px;
	background: transparent;
	font-weight: 700;
	text-align: center;
}

.epriest-page
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.epriest-title-bar
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 70px;
	border-bottom: 1px solid #eee;
	margin-bottom: 25px;
}

.epriest-title-bar > .meta-item
{
	position: relative;
	float: left;
	height: auto;
	line-height: 70px;
	padding-left: 50px;
	padding-right: 10px;
}

.epriest-title-bar > .meta-item > span:first-child
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: auto;
	line-height: 70px;
	text-align: center;
	font-size: 22px;
	color: #3a3a3a;
}

.epriest-title-bar > .meta-item > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 70px;
	font-size: 18px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	color: #3a3a3a;
	text-align: left;
}

.epriest-title-bar > .logout-btn
{
	position: relative;
	float: right;
	height: auto;
	line-height: 70px;
	padding-right: 50px;
	padding-left: 10px;
	background: rgb(255, 92, 92);
}

.epriest-title-bar > .logout-btn:hover
{
	background: rgb(249, 59, 59);
}

.epriest-title-bar > .logout-btn > span:first-child
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: auto;
	line-height: 70px;
	text-align: center;
	font-size: 22px;
	color: #fff;
}

.epriest-title-bar > .logout-btn > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 70px;
	font-size: 18px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: right;
}

.epriest-btn-container
{
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 25px;
}

.epriest-btn-container > .inner-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.epriest-btn-container > .inner-container > .epriest-main-btn
{
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 10px;
	padding-left: 5px;
    padding-right: 5px;
}

.epriest-btn-container > .inner-container > .epriest-main-btn > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 15px;
	background: #0534ff;
	border-radius: 5px;

	-webkit-transition: background 220ms ease-in-out;
	-moz-transition: background 220ms ease-in-out;
	-ms-transition: background 220ms ease-in-out;
	-o-transition: background 220ms ease-in-out;
	transition: background 220ms ease-in-out;
}

.epriest-btn-container > .inner-container > .epriest-main-btn > a:hover
{
	background: #ff5705;
}

.epriest-btn-container > .inner-container > .epriest-main-btn > a.virtue
{
	background: #7bc719;
}

.epriest-btn-container > .inner-container > .epriest-main-btn > a.virtue:hover
{
	background: #68a020;
}

.epriest-btn-container > .inner-container > .epriest-main-btn > a.sin
{
	background: #f74343;
}

.epriest-btn-container > .inner-container > .epriest-main-btn > a.sin:hover
{
	background: #d22c2c;
}

.epriest-btn-container > .inner-container > .epriest-main-btn > a > .icon
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 100px;
	text-align: center;
	color: #fff;
	font-size: 64px;
}

.epriest-btn-container > .inner-container > .epriest-main-btn > a > .text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	font-size: 28px;
}

.epriest-lng-btn
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-radius: 5px;
	background: #ccc;
	margin-bottom: 10px;
	line-height: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
	padding-right: 10px;

	-webkit-transition: background 220ms ease-in-out;
	-moz-transition: background 220ms ease-in-out;
	-ms-transition: background 220ms ease-in-out;
	-o-transition: background 220ms ease-in-out;
	transition: background 220ms ease-in-out;
}

.epriest-lng-btn:hover
{
	background: #ff5705;
}

.epriest-lng-btn > span:first-child
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	color: #333;
}

.epriest-lng-btn > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	color: #333;
	text-align: left;
	font-weight: 600;
}

.epriest-lng-btn:hover > span
{
	color: #fff;
}

.ep-page-section
{
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 25px;
}

.ep-page-section > .section-title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Open Sans',sans-serif;
	color: #333;
	font-weight: 600;
	font-size: 18px;
	background: #eee;
	border-bottom: 3px solid #ccc;
	margin-bottom: 15px;
}

.ep-page-section > .section-content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
}

.epriest-input
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.ep-check
{
	padding-left: 70px;
}

.ep-check > .checkbox-container
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: auto;
}

.ep-check > .checkbox-container > input
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
}

.epriest-input > .input-label
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 35px;
	font-family: 'Open Sans',sans-serif;
	color: #333;
	font-weight: 600;
	font-size: 16px;
}

.epriest-input > input[type=text]
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;
	margin-top: 5px;
}

.epriest-input > textarea
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 40px;
	border: 1px solid #ddd;
	padding-right: 15px;
	padding-left: 15px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	border: 1px solid #ccc;
}

.epriest-input > textarea
{
	height: 100px;
	line-height: 22px;
	padding: 10px;
}

.ep-back-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	margin-bottom: 20px;
}

.ep-back-container > a
{
	position: relative;
	float: left;
	height: auto;
	width: auto;
	line-height: 30px;
	padding-left: 40px;
	padding-right: 10px;
	color: rgb(255, 92, 92);
}

.ep-back-container > a:hover
{
	color: rgb(249, 59, 59);
}

.ep-back-container > a > span:first-child
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: auto;
	line-height: 30px;
	text-align: center;
	font-size: 22px;
	color: inherit;
}

.ep-back-container > a > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-size: 18px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	color: inherit;
	text-align: left;
}

.animate-baloon
{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	line-height: 50px;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	color: #fff;
}

.virtue-baloon
{
	background: #7bc719;
}

.sin-baloon
{
	background: #f74343;
}

.code-label
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	font-size: 18px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	color: #ccc;
	margin-bottom: 10px;
	margin-top: 20px;
}

.code-text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	font-size: 36px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 700;
	color: #222
}

.stat-info
{
	position: relative;
	float: left;
	height: auto;
}

.stat-info > .stat-row
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 25px;
	margin-bottom: 10px;
	color: #333;
	padding: 5px;
	background: #eee;
	border-radius: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.stat-info > .stat-row > span:first-child
{
	position: relative;
	float: left;
	width: auto;
	margin-right: 10px;
	font-size: 20px;
	font-family: 'Open Sans',sans-serif;
	color: inherit;
	font-weight: 600;
	line-height: 25px;
}

.stat-info > .stat-row > span:last-child
{
	position: relative;
	float: left;
	width: auto;
	margin-right: 10px;
	font-size: 16px;
	font-family: 'Open Sans',sans-serif;
	color: inherit;
	font-weight: 600;
	line-height: 25px;
}

.stat-info > .sin-row
{
	background: #f74343;
	color: #fff;
}

.stat-info > .virtue-row
{
	background: #7bc719;
	color: #fff;
}

.epriest-result
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.epriest-result > div
{
	margin-top: 10px;
	padding-bottom: 10px;
}

@media (min-width: 992px) and (max-width: 1200px) {

	.navigation-wrapper > .desktop-navigation > .nav-element > a
	{
		padding-left: 45px;
		padding-right: 24px;
	}

	.navigation-wrapper > .desktop-navigation > .nav-element > a > span:first-child
	{
		left: 15px;
	}

	.fixed-radio-container
	{
		display: none;
	}

	.scroll-up-button
	{
		display: none !important;
	}
}

@media (min-width: 767px) and (max-width: 991px) {

	.navigation-wrapper > .desktop-navigation > .nav-element > a
	{
		padding-left: 19px;
		padding-right: 18px;
	}

	.navigation-wrapper > .desktop-navigation > .nav-element > a > span:first-child
	{
		display: none;
	}

	.fixed-radio-container
	{
		display: none;
	}

	.scroll-up-button
	{
		display: none !important;
	}

	.thumbnail-wrapper > .thumbnail-container:nth-child(6n+1)
	{
		clear: none;
	}

	.thumbnail-wrapper > .thumbnail-container:nth-child(4n+1)
	{
		clear: both;
	}

	.hymn-detail-container > .image-wrapper > .image:nth-child(3n+1)
	{
		clear: none;
	}

	.hymn-detail-container > .image-wrapper > .image:nth-child(2n+1)
	{
		clear: both;
	}
}

@media (max-width: 767px) {

	.fixed-radio-container
	{
		display: none;
	}

	.scroll-up-button
	{
		display: none !important;
	}

	aside
	{
		margin-top: 20px;
	}

	header
	{
		position: fixed;
		left: 0px;
		top: 0px;
	}

	.main-content-wrapper
	{
		margin-top: 140px;
	}

	header > .inner-header .header-section
	{
		padding-top: 5px;
	}

	header > .inner-header .header-section > .header-top > .logo-wrapper
	{
		text-align: center;
	}

	header > .inner-header .header-section > .header-top > .logo-wrapper > a
	{
		text-align: center;
		width: 100%;
	}

	header > .inner-header .header-section > .header-top > .logo-wrapper > a > img
	{
		float: none;
		display: inline-block;
		width: 100px;
	}

	.app-btn
	{
		width: 50%;
		padding-left: 5px;
		padding-right: 5px;
	}

	.new-detail-wrapper
	{
		padding-right: 0px;
		padding-left: 0px;
	}

	.new-detail-wrapper > .detail-buttons > .extra-button
	{
		float: left;
	}

	.thumbnail-wrapper > .thumbnail-container:nth-child(6n+1)
	{
		clear: none;
	}

	.thumbnail-wrapper > .thumbnail-container:nth-child(4n+1)
	{
		clear: none;
	}

	.thumbnail-wrapper > .thumbnail-container:nth-child(2n+1)
	{
		clear: both;
	}

	.hymn-detail-container > .image-wrapper > .image:nth-child(3n+1)
	{
		clear: none;
	}

	.hymn-detail-container > .image-wrapper > .image:nth-child(2n+1)
	{
		clear: both;
	}

	.scoll-list-deacon
	{
		min-height: 50px;
		overflow-y: none;
		height: auto;
		padding-left: 0px;
		padding-right: 0px;
	}

	.tree-wrapper-right
	{
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 25px;
	}

	.tr-element .treeview
	{
		padding-left: 15px;
	}

	.station-container > .station > .image-wrapper > .title
	{
		font-size: 16px;
	}

	.clear-two-col
	{
		display: none;
	}

	.language-buttons-container
	{
		width: 30px;
		left:  0px;
		top: 0px;
	}

	.language-buttons-container > a
	{
		height: 30px;
	}

	.slide-thumbnail > .inner-thumbnail > img
	{
		min-height: 320px;
	}
}

input,
textarea
{
	min-height: 44px;
}

.ios-ui-select > .inner
{
	background: url('../../../assets/web/img/false.png') no-repeat center center #fff;
}

.checked > .inner
{
	background: url('../../../assets/web/img/check.png') no-repeat center center #fff !important;
}

.epriest-input input[type="text"],
.epriest-input textarea
{
	background: #fafafa;
}

.date-load-result
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.chart-date-field
{
	position: relative;
	float: left;
	height: auto;
}

.chart-date-field > .date-lbl
{
	position: relative;
	float: left;
	width: 30%;
	height: auto;
	line-height: 50px;
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.chart-date-field > input
{
	width: 70%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 45px;
	font-family: 'Open Sans',sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #444;
}

.chart-date-field > a
{
	position: relative;
	float: right;
	height: 50px;
	padding-right: 10px;
	padding-left: 10px;
	width: 100%;
	background: #6ea73c;
	text-align: center;
}

.chart-date-field > a  > span:first-child
{
	position: relative;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	margin-right: 10px;
	font-size: 22px;
}

.chart-date-field > a > span:last-child
{
	position: relative;
	display: inline-block;
	width: auto;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans',sans-serif;
}

.btn-input
{
	padding-left: 0px;
}

.btn-input > .checkbox-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.btn-input > .checkbox-container > a
{
	margin-right: 5px;
}

.btn-input > .checkbox-container > input
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
}

.donate-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #ccc;
	padding: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	background: #ff7600;
}

.donate-container > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.donate-container > .donate-content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.donate-container > .donate-content > h4
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 52px;
	font-family: 'Open Sans',sans-serif;
	font-size: 52px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 700;
	letter-spacing: -2px;
}

.donate-container > .donate-content > h6
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 32px;
	font-family: 'Open Sans',sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 400;
	letter-spacing: -1px;
}

.donate-text
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 25px;
}

.donate-text > .title
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 32px;
	font-family: 'Open Sans',sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #333;
	font-weight: 600;
	letter-spacing: -1px;
}

.donate-text > .content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.donate-button
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.donate-button > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.ds-top
{
	margin-top: 75px;
}

.donate-btn-container
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.donate-btn-container > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.donate-btn-container > a > img
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {

	.ds-top
	{
		margin-top: 0px;
	}

	.donate-container > .donate-content > h4
	{
		line-height: 38px;
		font-size: 38px;
	}

	.donate-container > .donate-content > h6
	{
		line-height:22px;
		font-size: 22px;
	}

	.donate-text
	{
		padding: 0px;
	}
}

.header-radio-volume
{
	border:none;
}

.stat-btn
{
	background: #f5b912 !important;
	color: #fff;
}

.stat-btn > a
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-left: 30px;
	padding-right: 10px;
}

.stat-btn > a > span:first-child
{
	position: absolute;
	width: 35px;
	height: 35px;
	top: 0px;
	left: 0px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	font-size: 22px;
}

.stat-btn > a > span:last-child
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	padding-left: 10px;
}

.share-email
{
	position: relative;
	float: left;
	width: auto;
	background: #0534ff;
	padding: 10px;
	height: auto;
	text-align: right;
	line-height: 30px;
	margin-top: 10px;
	border-radius: 4px;
}

.share-email > span:first-child
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 30px;
	font-size: 20px;
	margin-right: 10px;
	color: #fff;
}

.share-email > span:last-child
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	line-height: 30px;
	font-size: 30px;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.confes-image
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.confes-image > .cnf-img
{
	position: relative;
	float: left;
	height: auto;
}

.confes-image > .cnf-text
{
	position: relative;
	float: left;
	height: auto;
}

.confes-image > .cnf-text > h4
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 24px;
	font-family: 'Open Sans',sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #333;
}

.confes-image > .cnf-text > .content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 20
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color: #444;
}

.tv-jw-player
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-width: 520px;
}

.notification-switch {
	position: fixed;
	top: 0px;
	right: 50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #6faf2d;
	z-index: 999999999;
}

.notification-switch:hover {
	background: #659f29;
}

.notification-switch > a {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	color: #fff;
	text-align: center;
}

.notification-switch > a > span {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	color: #fff;
	text-align: center;
}

.noti-wrapper {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-height: 550px;
	overflow-y: auto;
}

.noti-wrapper > .noti-row {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #eee;
	padding-left: 80px;
	min-height: 80px;
}

.noti-wrapper > .noti-row > .image-container {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 10px;
	left: 10px;
	border-radius: 2px;
	overflow: hidden;
	background: url('../../../assets/web/img/bell.png') no-repeat center center #ddd;
}

.noti-wrapper > .noti-row > .image-container > img {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	object-fit: cover;
}

.noti-wrapper > .noti-row > .image-container > img[src=""] {
	display: none;
}

.noti-wrapper > .noti-row > .noti-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.noti-wrapper > .noti-row > .noti-content > h4 {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 25px;
	font-size: 20px;
	color: #333;
	font-weight: 600;
	margin-bottom: 5px;
}

.noti-wrapper > .noti-row > .noti-content > h6 {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	font-size: 16px;
	color: #666;
	font-weight: 400;
	margin-bottom: 5px;
	margin-top: 0px;
}

.noti-wrapper > .noti-row > .noti-content > .date {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 16px;
	font-size: 13px;
	color: #999;
	font-weight: 300;
	margin-bottom: 15px;
}

.noti-wrapper > .noti-row > .noti-content > .message {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	line-height: 22px;
	font-size: 14px;
	color: #333;
	font-weight: 400;
	margin-bottom: 10px;
}