/* Shadab Parvez: Front-end Developer / UX-UI */
/* email: shadab@hasshub.com, shadab.ux@gmail.com */


/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {
	color: #222;
}
html {
	font-size: 1em !important;
	line-height: 1.4;
	font-family: 'PT Sans', sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio, canvas, img, video {
	vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 765px) {
/* Style adjustments for viewports that meet the condition */
.text-center-xs {
	text-align: center !important;
}
.forceToLeft-xs {
	float: left !important;
}
.floatNone-xs {
	float: none !important;
}
.pull-left-xs {
	float: left !important;
}
pull-right-xs {
	float: right !important;
}
footer ul.navLinks li img {
	max-width: 98%;
	height: auto;
}
.GlobalSearch-xs {
	padding: 10px 0 !important;
}
.col-sm-offset-0 {
	padding-left: 0 !important;
}
}
 @media only screen and (min-width: 1280px) {
/* Style adjustments for viewports that meet the condition */
.right-Container.visible-lg {
	display: table-cell !important;
}
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/****************************************
***************************************** Home page 
*/
html, body {
	height: 100%;
	font-size: 62.5%;
	font-family: 'PT Sans', sans-serif;
}
body {
overflow-x:hidden;
}
a {
	outline: none !important;
	text-decoration: none !important;
}
a:hover {
	text-decoration: none !important;
}
.vCenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
main {
	width: 100%;
	height: 100%;/*overflow:hidden;*/
}
h2 {
	/*font-family: 'Lobster', cursive;	*/
	font-family: 'Fjalla One', sans-serif;
}
h3 {
	font-family: 'Oswald', sans-serif;
}
/*Header start*/
header {
	width: 100%;
	position: relative;
	z-index: 100;
}
#TopWrap {
	width: 100%;
	min-height: 40px;
	background: #393b48;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 0;
}
#TopWrap a.iCalendar {
	padding: 5px 0;
	display: block;
	font-family: 'Oswald', sans-serif;
}
#TopWrap a {
	color: #fff;
}
#TopWrap img {
	max-width: 100%;
	height: auto;
}
#TopWrap .kutba img {
	margin-top: 7px;
}
ul.TopLinks {
	margin: 0;
	padding: 0;
	text-align: right;
	font-family: 'Oswald', sans-serif;
}
ul.TopLinks li {
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
	margin: 0 5px;
}
ul.TopLinks li a.about-Dawat-e-Islami-Btn {
	background: #467d28;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	border-radius: 100%;
}
ul.TopLinks li a.about-Dawat-e-Islami-Btn img {
	margin-top: 4px;
}
ul.TopLinks li a.globalSearch-Btn i {
	margin: 0 5px;
}
/*Header end*/

/*Slider start*/
#sliderWrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.sliderBg {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/slider/02/faizan-e-ramzan.jpg) no-repeat 50% 0;
	background-size: cover;
}
#sliderWrap .img-lg-bg {
/*position:absolute;
	top:0;
	left:50%;
	display:block;
	height:100%;
	margin-left:-960px;*/
}
#sliderWrap img {
}
.eventTimelineWrap {
	display: block;
	width: 100%;
	padding: 80px 0;
}
/*Slider end*/

/*Bottom Bar start*/
footer {
	width: 100%;
	height: 40px;
	background: #000 url(../img/bottom-bar-bg.png) repeat-x 0 0;
	color: #cdcdcd;
	font-size: 15px;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 0;
	position: fixed;
	z-index: 999991;
	bottom: -1px;
	left: 0;
	vertical-align: middle;
	transition: all 0.3s ease-in-out;
}
footer.fixed {
	position: fixed;
	bottom: 0px;/*top:0;
	bottom:auto;
	top:0;
	bottom:auto;
	border-top:#f9fce3 2px solid;
	border-bottom:#700000 3px solid;
	height:60px;*/
}
footer ul.navLinks {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
footer ul.navLinks li {
	border-right: #000 2px solid;
	list-style-type: none;
	color: #fff;
	transition: all 0.3s ease-in-out;
	position: relative;
}
footer ul.navLinks li:last-child {
	border-right: #000 2px solid;
	border-left: #000 2px solid;
}
footer ul.navLinks li:hover {
	background: #467d28;
}
footer ul.navLinks li > a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
footer ul.navLinks li a.gLink {
	display: block;
	position: static;
	color: #cdcdcd;
	height: 40px;
	text-transform: uppercase;
	font-size: 17px;
	/*font-size: 1.7rem;*/
	font-weight: normal;
	text-shadow: #000 1px 1px 0;
	transition: all 0.3s ease-in-out;
	font-family: 'Oswald', sans-serif;
}
footer.fixed ul.navLinks li a.gLink {
/*height:55px;*/
}
ul.navLinks li.g-Menu a {
	position: static;/*height:40px;*/
}
ul.navLinks li.g-Menu a.gLink {
	font-family: 'Oswald', sans-serif;
	position: absolute !important;
	width: 100%;
	/*height:40px;*/
	left: 0;
	top: 0;
	z-index: 10;
}
footer ul.navLinks li:hover a {
	color: #c4c4c4;
}
footer ul.navLinks li a:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;/* Adjusts for spacing */
}
footer ul.navLinks li a span {
	display: inline-block;
	vertical-align: middle;
}
footer ul.navLinks li.g-Menu {
	background: #467d28;/*height:40px;*/
}
footer.fixed ul.navLinks li.g-Menu {
	/*height:55px;*/
	height: 40px;
}
footer ul.navLinks li.g-Menu a {
	color: #fffe98;
}
footer ul.navLinks li.g-Home:hover {
	background: none;
}
ul.navLinks li.g-Menu:hover, ul.navLinks li.g-Menu.active {
	background: #fffe98;
}
ul.navLinks li.g-Menu:hover a, ul.navLinks li.g-Menu.active a {
	color: #700000;
	text-shadow: none;
}
ul.navLinks li.g-Featured:hover, ul.navLinks li.g-Featured.active {
	background: #f6f6f6;
}
ul.navLinks li.g-Featured:hover a, ul.navLinks li.g-Featured.active a {
	color: #700000;
	text-shadow: none;
}
ul.navLinks li.g-Events {
	border-left: #000 2px solid;
}
ul.navLinks li.g-Events:hover, ul.navLinks li.g-Events.active {
	background: #f6f6f6;
}
ul.navLinks li.g-Events:hover a, ul.navLinks li.g-Events.active a {
	color: #700000;
	text-shadow: none;
}
ul.navLinks li.g-Share a, ul.navLinks li.g-Language a {
	font-size: 13px;
	color: #4c4c4c;
}
ul.navLinks li.g-Share:hover, ul.navLinks li.g-Language:hover, ul.navLinks li.g-Share.active, ul.navLinks li.g-Language.active {
	background: #454545;
}
ul.navLinks li.g-Share:hover a, ul.navLinks li.g-Language:hover a, ul.navLinks li.g-Share.active a, ul.navLinks li.g-Language.active a {
	color: #e6e6e6;
	text-shadow: none;
}
/*Share List start*/
ul.shareList {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	display: none;
}
footer.fixed ul.shareList {
/*top:0;
	bottom:auto;*/
}
ul.shareList li {
	display: block;
	text-align: center;
	border-right: none !important;
}
ul.shareList li:last-child {
	border-left: none !important;
}
ul.shareList li a {
	padding: 11px 5px;
	position: static !important;
	display: block;
	line-height: 0;
}
footer.fixed ul.shareList li a {
	padding: 20px 5px;
	padding: 11px 5px;
}
ul.shareList li i {
	color: #fff;
	font-size: 18px;
}
ul.shareList li a.plusGreen {
	background: #467d28;
}
ul.shareList li a.gray {
	background: #738a8d;
}
ul.shareList li a.seeBlue {
	background: #2ca8d2;
}
ul.shareList li a.navyBlue {
	background: #305891;
}
ul.shareList li a:hover {
	background: rgb(163,190,97);
}
/*Share List end*/

/*Language List start*/
ul.langList {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	display: none;
}
footer.fixed ul.langList {
	/*top:0;
	bottom:auto;*/
	background: #454545;
}
ul.langList li {
	display: block;
	text-align: center;
	border-right: none !important;
}
ul.langList li:last-child {
	border-left: none !important;
}
ul.langList li a {
	padding: 11px 5px;
	position: static !important;
	display: block;
	line-height: 0;
}
footer.fixed ul.langList li a {
	padding: 20px 5px;
	padding: 11px 5px;
}
ul.langList li i {
	color: #fff;
	font-size: 18px;
}
ul.langList li a:hover {
	background: rgba(255,254,152,0.5);
}
/*Language List end*/

/*Global Home Control start*/
.gHomeControlWrap {
	width: 100%;
	height: 250px;
	/*padding:13px 0 0;*/
	background: rgb(255,255,255);
	background: rgba(255,255,255, 0.8);
	border-top: #a9a9a9 1px solid;
	transition: all 0.3s ease-in-out;
	position: absolute;
	bottom: -140px;
	left: 0;
}
.gHomeControlWrap:hover {
	bottom: 0px;
}
.g-Logo {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
}
.g-Logo figure {
	display: inline-block;
	vertical-align: middle;
}
.g-Logo img {
	margin: -6px !important;
	padding: 0px !important;
	transition: all 0.3s ease-in-out;
	transform: scale(0.85, 0.85);
	opacity: 0.3;
}
.gHomeControlWrap:hover .g-Logo img {
	margin: auto !important;
	padding: 30px 10px 10px !important;
	transform: scale(1, 1);
	padding: 15px 0 0;
	opacity: 1;
}
.g-Logo figcaption {
	color: #700000;
	text-decoration: underline;
}
.g-Logo figcaption:hover {
	color: #111;
}
/*Home Slider Carousel*/
.gHomeControlWrap .carousel-inner>.item {
	padding: 10px 0;
}
.gHomeControlWrap .carousel-inner>.item img {
	border: #5f7624 2px solid;
}
.gHomeControlWrap .carousel-inner>.item .hover {
	display: block;
	position: absolute;
	left: 5%;
	top: 0;
	z-index: 0;
	background: rgba(0,0,0,.7);
	padding: 10px 10px;
	width: 90%;
	height: 100%;
	border: #5f7624 2px solid;
	transition: all 0.3s ease-in-out;
}
.gHomeControlWrap .carousel-inner>.item .hover:hover {
	transform: scale(.9, .9);
	transform-origin: center;
}
.gHomeControlWrap .carousel-inner>.item .hover .Text {
	transition: all 0.3s ease-in-out;
	display: block;
	text-align: center;
	opacity: 0;
}
.gHomeControlWrap .carousel-inner>.item .hover:hover .Text {
	opacity: 1;
}
.gHomeControlWrap .carousel-inner>.item .Text h2 {
	color: #467d28;
	font-size: 24px;
	text-shadow: #353535 0px 0px 2px;
}
.gHomeControlWrap .carousel-inner>.item .Text p {
	color: #fff;
	font-size: 13px;
}
.gHomeControlWrap .carousel-control {
	width: 5%;
}
.gHomeControlWrap .carousel-control i {
	margin-top: 45px;
}

/* Home Slider carousel Dragable - start*/

.gHomeControlWrap .owl-carousel.slide .owl-item {
	padding: 10px 0;
}
.gHomeControlWrap .owl-carousel.slide .owl-item img {
	border: #5f7624 2px solid;
}
.gHomeControlWrap .owl-carousel.slide .owl-item .hover {
	display: block;
	position: absolute;
	left: 3%;
	top: 0;
	z-index: 0;
	background: rgba(0,0,0,.7);
	padding: 10px 10px;
	width: 93.5%;
	height: 100%;
	border: #5f7624 2px solid;
	transition: all 0.3s ease-in-out;
}
.gHomeControlWrap .owl-carousel.slide .owl-item .hover:hover {
	transform: scale(.9, .9);
	transform-origin: center;
}
.gHomeControlWrap .owl-carousel.slide .owl-item .hover .Text {
	transition: all 0.3s ease-in-out;
	display: block;
	text-align: center;
	opacity: 0;
}
.gHomeControlWrap .owl-carousel.slide .owl-item .hover:hover .Text {
	opacity: 1;
}
.gHomeControlWrap .owl-carousel.slide .owl-item .Text h2 {
	color: #467d28;
	font-size: 24px;
	text-shadow: #353535 0px 0px 2px;
}
.gHomeControlWrap .owl-carousel.slide .owl-item .Text p {
	color: #fff;
	font-size: 13px;
}
/* Home Slider carousel Dragable - end */

/*Global Navigation Start */
.gNavWrap {
	width: 100%;
	height: 65%;
	position: fixed;
	padding: 0 0 40px;
	bottom: 0;
	right: 0;
	z-index: 99999;
	display: none;
	border-top: #700000 1px solid;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.9);
}
.gNavWrap .closeGnav {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 9999999;
	font-size: 30px;
	font-size: 3rem;
	color: #700000;
	text-decoration: none;
}
.gNavWrapInn {
	display: block;
	height: 100%;
}
.gNavAside {
	float: left;
	width: 100%;
	height: 100%;
	background: url(../img/di-wmark.png) no-repeat 0 0;
	background-size: auto 100%;
	position: relative;
	transition: all 1s ease-in-out;
}
.gNavAside.expended {
	width: 30%;
	background: #fff url(../img/di-wmark.png) no-repeat 0 0;
	background-size: auto 100%;
}
.gNavAside .lineThroughV {
	width: 12px;
	height: 100%;
	float: right;
	margin-right: -15px;
	border-right: #fff 12px solid;
}
.gNavAside .logoCirlce {
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgb(226,226,226);
	background: rgba(226,226,226,0.7);
	padding: 10px;
	position: absolute;
	right: -80px;
	top: 15px;
}
.logoCirlce img {
	margin-top: 10px;
}
ul.navListExpand {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	height: 100%;
	overflow-y: auto;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	transition: all 0.3s ease-in-out;/*background: rgb(255,255,255);
	background: rgba(255,255,255,0.6);*/
}
ul.navListExpand li {
	display: block;
	margin: 0;
}
ul.navListExpand li a {
	display: block;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 300;
	color: #467d28;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	padding: 20px 0;
	position: relative;
}
ul.navListExpand li a.hasSub:after {
	content: "\f0fe";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	position: absolute;
	right: 10px;
	top: 20px;
	color: #700000;
	font-size: 20px;
}
ul.navListExpand li a:hover, ul.navListExpand li a.selected {
	color: #353535 !important;
	text-decoration: underline !important;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.5);
}
ul.navListExpand li a.hasSub.selected:after {
	content: "\f146";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	position: absolute;
	color: #252525;
	font-size: 15px;
	right: -15px;
	top: -30px;
	font-size: 14px;
}
.gNavAside.expended ul.navListExpand {
	padding: 20px 20px 0 0;
	text-align: right;
	height: 100%;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.6);
}
.gNavAside.expended ul.navListExpand li a {
	font-size: 15px;
	padding: 10px 0;
	display: inline-block;
}
.gNavAside.expended ul.navListExpand li a:hover, .gNavAside.expended ul.navListExpand li a.selected {
	background: none;
}
.gNavAside.expended ul.navListExpand li a.hasSub:after {
	right: -15px;
	top: 10px;
	font-size: 14px;
}
.gNavDetail {
	float: left;
	width: 69%;
	height: 100%;
}
.subNavWrap {
	height: 100%;
	padding: 0 30px;
	font-size: 14px;
}
.subNavWrap .subNavData {
	display: none;
	position: relative;
}
.subNavWrap .subNavData.show {
	display: block;
}
.subNavWrap .spinner {
	position: absolute;
	display: none;
	width: 30px;
	height: 30px;
	left: 60%;
	top: 50%;
	margin: -20px 0 0 70px;
}
.detailTitle {
	border-bottom: 3px #fff solid;
	box-shadow: #ccc6c1 0 1px 0px;
	color: #252525;
	font-family: 'Lobster', cursive;
	font-weight: 300;
	font-size: 26px;
	text-align: left;
	margin: 10px 0 20px;
	padding: 20px 0;
	position: relative;
}
.detailTitle:after {
	content: "\f0d7";
	position: absolute;
	left: 20px;
	bottom: -25px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 36px;
	color: #fff;
	text-shadow: #ccc6c1 0 1px 0px;
}
.detailTitle a.fullPageLink {
	float: right;
	background: #467d28;
	color: #e6f83e;
	font-size: 16px;
	padding: 5px 20px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	transition: all 0.3s ease-in-out;
}
.detailTitle a.fullPageLink:hover {
	background: #700000;
}
.subMenuList {
	text-align: left;
	padding: 0 15px;
}
.subMenuList li {
	position: relative;
	list-style: none;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out;
}
.subMenuList li:before {
	content: "\f144";
	position: absolute;
	left: 0;
	top: 8px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	color: #252525;
}
.subMenuList li a {
	display: block;
	color: #700000;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	transition: all 0.3s ease-in-out;
	padding: 5px 0;
}
.subMenuList li:hover {
	background: #fff;
	color: #252525;
}
.subMenuList li:hover a {
	color: #252525;
}
/*Global Navigation End */

/*Global Home Control end*/

/*Bottom Bar end*/

/****************************************** 
*******************************************Featured Screen 
******************************************/
.featuredGridWrap {
	width: 100%;
	height: 100%;
	padding: 0 0 3.5%;
}
.featuredGridRow {
	display: block;
}
/*Owl Carousel Style */
.owl-carousel, .owl-carousel div {
	width: 100%;
	height: 100%;
	cursor:-webkit-grab;
	cursor:-moz-grab;
}
.owl-carousel div:active {
	cursor:-webkit-grabbing;
	cursor:-moz-grabbing;
}
.owl-item {
	cursor: -webkit-grab!important;
	cursor: -moz-grab !important;
}
.owl-carousel .owl-controls {
	font-size: 15px;
	width: auto;
}
.owl-carousel .owl-controls {
}
/*Owl Carousel Style End*/

/******* Pods Style Start */
.pods {
	width: 100% !important;
	line-height: 0px;
	-webkit-tap-highlight-color: transparent;
	background-color: #000000
}
.home .pods {
	position: relative;
	top: 60px
}
.pod {
	position: relative;
	display: inline-block;
	width: 33.333%;
	overflow: hidden;
	line-height: 0px !important;
	cursor: pointer;
	background-color: #333333;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-perspective: 0;
	background-repeat: no-repeat;
	background-position: center center
}
.pod .pod__fill {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	opacity: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.pod:hover {
	cursor: default
}
.no-touch .pod:not(.key):hover .pod__action {
	display: block;
	opacity: 1;
	z-index: 2
}
.no-touch .pod:not(.key):hover .pod__fill {
	opacity: 0;
	z-index: 1
}
.no-touch .pod.key:hover .content__overlay {
	opacity: 0;
	z-index: 1
}
.no-touch .pod.key:hover .content__action {
	opacity: 1;
	z-index: 100
}
.pod.key {
	background: rgb(53,80,38);
}
.pod.key .pod__content {
	display: block;
	position: absolute;
	left: 5%;
	top: 10%;
	width: 90% !important;
	height: 80% !important;
	padding-bottom: 0px;
	border: none;
	z-index: 1
}
.pod.key .pod__desc {
	margin-top: 5%;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.56;
	color: #e6e6e6;
	font-weight: 300;
	height: 75px;
	overflow: hidden;
	position: relative;
}
.pod.key .pod__status {
	font-size: 38px;
	font-size: 3.8rem;
}
.pod.key .pod__desc:after {
	content: '...';
	position: absolute;
	right: 5px;
	bottom: 6px;
	font-size: 20px;
	font-size: 2rem;
}
.pod.key .pod__link {
	bottom: 0px;
}
.pod.key .logo {
	display: inline-block;
	clear: right;
	width: 100%;
	padding: 15% 8%;
	color: #ffffff;
	text-align: center;
	vertical-align: middle
}
.pod.key .logo i {
	display: inline-block;
}
.pod.key .logo img {
	width: auto;
}
.pod.key .pod__content {
	margin: 0px;
	padding: 0px
}
.pod.key .v-align {
	position: relative;
	padding: 0% 8%;
	line-height: 1
}
.pod.key .v-align a {
	vertical-align: middle
}
.pod.key .content__action {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 0px !important;
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background: rgb(62,103,39);
}
.pod.key .content__overlay {
	position: absolute;
	z-index: 100;
	padding: 0px;
	margin: 0px !important;
	border: none !important;
	width: 100%;
	height: 100%;
	background: rgb(62,103,39);
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	opacity: 1
}
.pod__content {
	display: inline-block;
	position: relative;
	width: 70% !important;
	height: auto !important;
	padding-left: 3%;
	padding-right: 3%;
	margin-top: 8%;
	margin-bottom: 8%;
	padding-top: 0;
	border: 1px solid rgba(255,255,255,0.3);
	vertical-align: middle;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}
.pod__content>:first-child {
	padding-top: 4%
}
.pod__content>:last-child {
	padding-bottom: 4%
}
.pod__status {
	margin: 0px;
	font-size: 30px;
	font-size: 3.0rem;
	color: #e6e6e6;
	text-shadow: 0px 1px 1px #ccc;
	margin-bottom: 15px;
	margin-top: 2px;
}
.pod__status strong {
	font-size: 10px !important;
}
.pod__desc {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.56;
	color: #e6e6e6;
	font-weight: 300;
	height: 75px;
	overflow: hidden;
	position: relative;
}
.pod__desc:after {
	content: '...';
	position: absolute;
	right: 5px;
	bottom: 6px;
	font-size: 20px;
	font-size: 2rem;
}
.pod__link {
	position: relative;
	bottom: -70%;
	z-index: 10;
	display: block;
	margin: 0px auto;
	width: 75%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ffffff;
	background-color: rgba(246,246,246,0.8);
	-webkit-transition-property: background-color, color;
	-moz-transition-property: background-color, color;
	-o-transition-property: background-color, color;
	transition-property: background-color, color;
	-webkit-transition-duration: 0.2s, 0.2s;
	-moz-transition-duration: 0.2s, 0.2s;
	-o-transition-duration: 0.2s, 0.2s;
	transition-duration: 0.2s, 0.2s;
	-webkit-transition-timing-function: ease-out, ease-out;
	-moz-transition-timing-function: ease-out, ease-out;
	-o-transition-timing-function: ease-out, ease-out;
	transition-timing-function: ease-out, ease-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	color: #700000 !important;
	text-transform: uppercase;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 300;
}
.pod__link:hover {
	background-color: rgba(204,204,204,1);
	border-color: #ffffff !important
}
.pod__link span {
	display: inline-block;
	position: relative;
	top: 50%;
	margin-top: -45px;
	z-index: 3;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	background-color: #ffffff;
	-webkit-transition-property: background-color, color;
	-moz-transition-property: background-color, color;
	-o-transition-property: background-color, color;
	transition-property: background-color, color;
	-webkit-transition-duration: 0.2s, 0.2s;
	-moz-transition-duration: 0.2s, 0.2s;
	-o-transition-duration: 0.2s, 0.2s;
	transition-duration: 0.2s, 0.2s;
	-webkit-transition-timing-function: ease-out, ease-out;
	-moz-transition-timing-function: ease-out, ease-out;
	-o-transition-timing-function: ease-out, ease-out;
	transition-timing-function: ease-out, ease-out
}
.pod__link span:hover {
	background-color: #3aabcb
}
.pod__link span:hover i {
	display: inline-block;
	color: #ffffff;
	vertical-align: middle
}
.pod__link i {
	display: inline-block;
	padding-left: 7px;
	vertical-align: middle;
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 1.4;
	color: #3aabcb;
	text-align: center
}
.ie9 .gradient {
	filter: none
}
.pod__action {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 0px;
	opacity: 0;
	z-index: 1;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.pod__gradient {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 0px;
	z-index: 5;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 53%, rgba(0,0,0,0.7) 92%, rgba(0,0,0,0.7) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 53%, rgba(0,0,0,0.7) 92%, rgba(0,0,0,0.7) 100%);
}
.pod__gradient:active {
	
}
/*.pod__video, .video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	overflow: hidden
}*/
.video-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	overflow: hidden
}
.touch video {
	display: none
}
.DI-logo span {
	display: block;
}
.DI-logo {
}
/* RollOver Featured Promo Video Style Start */
.boxWrap {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.boxDefault {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 0 0;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
.boxInner {
	display: block;
	width: 80% !important;
	height: auto !important;
	margin: 0 auto;
	border: #e6e6e6 1px solid;
	padding: 2%;
	border-radius: 4px;
	position: relative;
	top: 50px;
	background: rgba(0,0,0,.7);
}
.boxInner h2 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 32px;
	font-weight: normal;
	color: #9CF;
	display: block;
}
.boxInner p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 16px;
	color: #FFC;
	display: block;
}
.boxRollOver {
	width: 100%;
	height: 100%;
	background: #111;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.boxRollOver .videoWrap {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.boxRollOver video {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 1;
}
.boxRollOver .rollOverLink {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	background-color: #151515;
	color: #eee;
	text-decoration: none;
	text-align: center;
	z-index: 2;
}
.boxWrap:hover .boxDefault {
	opacity: 0;
}
.boxWrap:hover .boxRollOver {
	opacity: 1;
}
/* RollOver Featured Promo Video Style - End */
/******* Pods Style End */
/****************************************** 
*******************************************Featured Screen (END)
******************************************/

/****************************************** 
*******************************************Global Search Widget (Start)
******************************************/
.globalSearchWidget {
	width: 100%;
	position: fixed;
	padding: 0 2%;
	top: 30px;
	right: 0;
	z-index: 99999;
	display: none;
}
.globalSearchWidget .cover {
	display: block;
	margin-bottom: 30px;
}
.globalSearchWidget .cover h2 {
	color: #555555;
	margin-bottom: 0px;
}
.globalSearchWidget .cover p {
	font-size: 15px;
	color: #757575;
}
.globalSearchWidget .cover p em {
	font-style: italic;
}
.globalSearchWidget .cover input[type="search"] {
	width: 98%;
	padding: 5px 0;
	border: none;
	background: none;
	font-size: 48px;
	font-weight: 700;
	outline: none;
}
/********************
************* Global Search Result - Start 
*/
.searchResultWrap {
/**/
}
.searchResultspinner {
	display: none;
	font-size: 22px;
	text-align: center;
}
.searchResultWrap .searchScrollInstruction {
	display: block;
	margin: 15px auto;
	width: 300px;
	font-size: 14px;
	color: #656565;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.searchResultWrap .searchScrollInstruction strong {
	display: inline-block;
	vertical-align: top;
}
.searchResultWrap .searchScrollInstruction i {
	font-size: 24px;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
}
.searchResultWrap:hover .searchScrollInstruction {
	opacity: 1;
}
.searchResultColum {
	display: block;
	transition: all 0.3s ease-in-out;
	padding: 3px 0;
}
.searchResultColum:hover {
	background: #f6f6f6;
}
.searchResultColum .columTitle {
	text-transform: uppercase;
	color: #111;
	font-size: 13px;
	font-weight: bold;
	border-bottom: #cccccc 1px solid;
	padding: 10px 5px;
	margin: 0;
	position: relative;
}
.searchResultColum .columTitle a.viewMoreResult {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #700000;
	font-size: 12px;
	text-transform: none;
}
.searchResultColum .columTitle a.viewMoreResult:after {
	content: "\f0da";
	font-family: 'FontAwesome';
	font-size: 13px;
	position: absolute;
	right: -8px;
	top: 0;
}
.searchResultColum .columTitle a:hover {
	text-decoration: underline;
}
.searchResultColum > ul.SearchResult-List {
	border-top: #fff 1px solid;
	padding: 10px 0;
}
ul.SearchResult-List > li {
	display: block;
	margin: 10px 0;
	position: relative;
	transition: all 0.3s ease-in-out;
	padding: 0 5px;
}
ul.SearchResult-List > li:hover {
	background: #e5e5e5;
}
ul.SearchResult-List > li .thumImg {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: top;
	background: #ababab;
}
ul.SearchResult-List > li .resultListDL {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0;
	vertical-align: top;
	width: 135px;
	line-height: normal;
	max-height: 80px;
	overflow: hidden;
}
ul.SearchResult-List > li .resultTitle {
	color: #222222;
	font-size: 14px;
	margin: 0;
	padding: 3px 0 0;
}
ul.SearchResult-List > li:hover .resultTitle {
	color: #467d28;
}
ul.SearchResult-List > li .resultDetail {
	color: #676767;
	font-size: 13px;
}
.searchResultColum .moreOption {
	padding: 5px;
	background: #700000;
	color: #f6f6f6;
	position: absolute;
	right: -5px;
	z-index: 99;
	top: 10px;
	font-size: 10px;
	display: none;
	box-shadow: #e5e5e5 1px -1px 0px;
}
ul.SearchResult-List li:hover .moreOption {
	display: block;
}
.topResult ul.SearchResult-List li:first-child .thumImg {
	width: 100%;
	height: 100%;
}
.topResult ul.SearchResult-List li:first-child .resultListDL {
	display: block;
	width: 100%;
}
.searchResult-OptionList {
	background: #fff;
	position: absolute;
	width: 300px !important;
	right: auto;
	left: auto;
	top: 0;
	z-index: 10;
	border: #e5e5e5 1px solid;
}
.srOptionListBtns {
	float: left;
	background: #111;
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 0;
	width: 80px !important;
	height: 100%;
}
.srOptionListBtns li {
	display: block;
}
.srOptionListBtns li a {
	display: block;
	color: #fff;
	transition: all 0.3s ease-in-out;
	padding: 5px;
}
.srOptionListBtns li a:hover, .srOptionListBtns li a.active {
	background: #757575;
}
.srOptionListDesc {
	float: left;
	width: 195px !important;
	font-size: 16px;
	padding: 10px;
}
/********************
************* Global Search Result - End 
*/

/****************************************** 
*******************************************Global Search Widget (End)
******************************************/

/*Overlay */
.noScroll {
	overflow: hidden !important;
}
.overlayWrap {
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.9);
	display: none;
	z-index: 9999;
}
.overlayWrapGlobalNav {
	height: 65%;
	border-top: #c5c5c5 1px solid;
}
.closeOverlay {
	position: fixed;
	right: 10px;
	top: 5px;
	z-index: 9999999;
	font-size: 30px;
	font-size: 3rem;
	color: #700000;
	text-decoration: none;
}
.overlayWrapGlobalNav .closeOverlay {
	position: absolute;
	top: 10px;
	right: 10px;
}
/****************************************
***************************************** Inner Page (Media Liberary) Structure 
*/
.innerPage {
	/* height: 100%; */
}
.innerPage header ul.TopLinks li.GlobalSearch-xs {
	display: none;
}
.innerPage footer {
	position: fixed;
}
.GlobalSearch {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -36px;
}
.GlobalSearch a.gLink {
	display: block;
	color: #fff;
	height: 40px;
	line-height: 40px;
	/*line-height: 4rem;*/
	text-transform: uppercase;
	font-size: 17px;
	/*font-size: 1.7rem;*/
	font-weight: normal;
	text-shadow: #000 1px 1px 0;
	transition: all 0.3s ease-in-out;
	font-family: 'Oswald', sans-serif;
}
.GlobalSearch a.gLink i {
	color: #467d28;
}
.searchPageContent_Wrap {
	display: inline-block;
	margin: 0 auto;
	position: relative;
}
ul.searchPageContent {
	margin: 0;
	padding: 0;
	display: inline-block;
}
ul.searchPageContent li {
	display: block;
}
ul.searchPageContent li a {
	background: #fff;
	display: inline-block;
	position: relative;
	padding: 0 15px 0 0;
	transition: all 0.3s ease-in-out;
}
ul.searchPageContent li a:after {
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background: #fbfbfb;
	border-bottom: 3px solid #fbfbfb;
	border-right: 10px solid #fbfbfb;
	transform-origin: bottom left;
	-ms-transform: skew(-30deg, 0deg);
	-webkit-transform: skew(-30deg, 0deg);
	transform: skew(-30deg, 0deg);
}
ul.searchPageContent li a:hover {
	background: #fff;
}
ul.searchPageContent li a:hover:after {
	background: #fff;
	border-bottom: 3px solid #fff;
	border-right: 10px solid #fff;
}
ul.searchPageContent li a span {
	color: #a5314b;
	display: inline-block;
	font-size: 28px;
	border-right: #d8d8d8 1px solid;
	padding: 0 15px;
	text-shadow: none;
	position: relative;
	z-index: 2;
	margin-right: 10px;
}
ul.searchPageContent li a h1 {
	display: inline-block;
	color: #467d28;
	/*line-height: 4rem;*/
	text-transform: uppercase;
	font-size: 24px;
	/*font-size: 2.4rem;*/
	font-weight: normal;
	text-shadow: none;
	transition: all 0.3s ease-in-out;
	font-family: 'Oswald', sans-serif !important;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}
.spcOpen {
	background: #fff;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 1;
	color: #151515;
}
.spcOpen .spcBlk {
	background: #fff;
	height: 56px;
	position: relative;
}
.spcOpen .spcControl {
	background: rgba(255,255,255,0.7);
	min-height: 200px;
	border: #fff 1px solid;
}
.contentWrap {
	display: block;
	height: 100%;
}
.pageExtraLinks {
	clear: both;
	padding-top: 10px;
}
.pageExtraLinks a {
	display: block;
	clear: both;
	color: #700000 !important;
	text-shadow: none;
	padding: 10px 6px;
	border-top: #e5e5e5 1px solid;
	text-transform: none;
}
.pageExtraLinks a:hover {
	text-decoration: underline;
}
/****************************************
***************************************** Inner Page (Media Liberary) Structure (End)
*/

/****************************************
***************************************** Media Liberary Page Style
*/
.content-body {
	height: 100%;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -50px;
	padding-top: 50px;
	font-size: 16px !important;
	font-size: 1.6rem;
}
.content-row {
	height: 100%;
}
.left-Container {
	height: 100%;
}
/*.left-Container .asideInner {
	background: url(../img/left-aside-bg.png) repeat 0 0;
	border-right: #efefef 1px solid;
	height: 100%;
}*/
.right-Container {
	height: 100%;
}
.right-Container .asideInner {
	/*background:url(../img/right-aside-bg.png) repeat 0 0;
	border-left:#efefef 1px solid;*/
	/*height: 100%;*/
}
.content-Container {
	background: #fff;
	padding: 0;
}
.content-Container.leftPanelHidden {
	width: 100%;
}
.affix {
	top: 0;
}
/*.asideInner.affix {
	width: 24%;
}*/
.no-float {
	float: none;
}
.asideBox {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}
.aside-ListTitle {
	display: block;
	padding: 15px 15px;
	font-family: 'Oswald', sans-serif !important;
	font-size: 19px !important;
	font-size: 1.6rem;
	color: #467d28;
	text-transform: uppercase;
	background: url(../img/aside-title-bg.png) repeat 0 0;
	margin: 0 0 10px;
	border: #eeeeee 1px solid;
	cursor: pointer;
	text-align:center;
}
nav.allLinks {
	display: block;
	margin: 0;
	height: 300px;
	overflow-x: hidden;
}
nav.allLinks ul.subList {
	display: block;
	margin: 0;
	padding: 0;
}
nav.allLinks ul.subList li {
	display: block;
}
nav.allLinks ul.subList li a {
	color: #a6314b;
	padding: 8px 15px;
	display: block;
	position: relative;
	transition: all 0.3s ease-in-out;
	font-size: 14px !important;
	font-size: 1.4rem;
}
nav.allLinks ul.subList li a:hover, nav.allLinks ul.subList li a.active {
	background: #5f7857;
	color: #fff;
}
/*nav.allLinks ul.subList li a:hover:after, nav.allLinks ul.subList li a.active:after{
	content:'';
	position:absolute;
	width:10px;
	height:55px;
	right:-6px;
	top:-10px;
	background:url(../img/allLinks-activeCorner.png) no-repeat 0 0;
	background-size:auto 100%;
}*/
nav.mostSearched {
	display: block;
	margin: 0;
	height: 300px;
}
nav.mostSearched ul.mostSearchedList {
    display: block;
    margin: 0;
    padding: 0 15px;
    height: 300px;
    overflow-y: scroll;
}
nav.mostSearched ul.mostSearchedList li {
	/*display: inline-block;*/
	margin: 5px 0;
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
	padding: 2px 10px;
}
nav.mostSearched ul.mostSearchedList li a {
	color: #f5f5f5;
	background: #383b46;
	transition: all 0.3s ease-in-out;
	padding: 2px 10px;
	border-radius: 10px;
	font-size: 19px;
}
nav.mostSearched ul.mostSearchedList li a:hover {
	color: #fff;
	background: #6E0001;
}
nav.mostSearched ul.mostSearchedList li:hover a {
	color: #fff;
}*/
.recentlyAdded {
	display: block;
}
.recentlyAdded ul.recentlyAddedList {
	display: block;
	margin: 0;
	padding: 0 15px;
	height: 335px;
	overflow-y:scroll;
}
.recentlyAdded ul.recentlyAddedList li {
	display: block;
	margin: 0 0 10px;
	padding: 5px;
	background: #fff;
	border: #eee 1px solid;
	font-size: 12px !important;
	font-size: 1em;
}
.recentlyAdded ul.recentlyAddedList li .vidThumb {
	display: inline-block;
	vertical-align: top;
	min-width: 115px;
	min-height: 75px;
	margin-right: 5px;
}
.recentlyAdded ul.recentlyAddedList li .vidThumb img {
	width: 100% !important;
	height: 100% !important;
}
.recentlyAdded ul.recentlyAddedList li .vidSummery {
	display: inline-block;
	vertical-align: top;
	width: 130px;
	max-width: 100%;
}
.recentlyAdded ul.recentlyAddedList li h3 {
	color: #a32b46;
	font-size: 15px  !important;
	font-size: 1.3rem;
	font-weight: 700;
	/*font-family:'Lobster', cursive;*/
	font-family: 'Fjalla One', sans-serif  !important;
	margin: 0;
	margin-bottom: 10px;
}
.recentlyAdded ul.recentlyAddedList li h3 span.videoBy {
	display: block;
	clear: both;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: 'PT Sans', sans-serif;
	color: #353535;
}
.recentlyAdded ul.recentlyAddedList li p {
	color: #959595;
	margin-bottom: 10px;
	line-height: 14px !important;
	line-height: 1.4rem;
}
.recommendedVideos {
	display: block;
}
.recommendedVideos ul.recommendedVideosList {
	display: block;
	margin: 0;
	padding: 0 15px;
	height:350px;
	overflow-y:scroll;
}
.recommendedVideos ul.recommendedVideosList li {
	display: block;
	margin: 0 0 10px;
	padding: 5px;
	background: #fff;
	border: #eee 1px solid;
	font-size: 15px !important;
	font-size: 1.2rem;
}
.recommendedVideos ul.recommendedVideosList li .vidThumb {
	display: inline-block;
	vertical-align: top;
	min-width: 115px;
	min-height: 75px;
	margin-right: 5px;
}
.recommendedVideos ul.recommendedVideosList li .vidSummery {
	display: inline-block;
	vertical-align: top;
	width: 130px;
	max-width: 100%;
}
.recommendedVideos ul.recommendedVideosList li h3 {
	color: #a32b46;
	font-size: 16px !important;
	font-size: 1.3rem;
	/*font-family:'Lobster', cursive;*/
	font-family: 'Fjalla One', sans-serif;
	margin: 0;
	margin-bottom: 10px;
	font-weight: 700;
}
.recommendedVideos ul.recommendedVideosList li h3 span.videoBy {
	display: block;
	clear: both;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: 'PT Sans', sans-serif;
	color: #353535;
}
.recommendedVideos ul.recommendedVideosList li p {
	color: #959595;
	margin-bottom: 10px;
	line-height: 14px;
	line-height: 1.4rem;
	height: 42px;
	overflow: hidden;
}
.marginBottom15 {
	margin-bottom: 15px;
}
#sendEmail .glyphicon, #sendEmail .alert {
	font-size: 18px;
}
#sendEmail label, #sendEmail .well {
	font-size: 15px;
}
/* Media Center Content Start */

/*************** Video Slider Start */
.mediaSlider_Wrap {
	font-size: 14px;
	font-size: 1.4rem;
	min-height: 350px;
	min-height: 350px;
}
.mediaSlider {
	background: #fdfdf3;
	color: #959595;
}
.mediaSlider_Video {
	display: inline-block;
	vertical-align: top;
}
.mediaSlider_Video img {
	max-width: 100%;
	height: 100%;
}
.mediaSlider_Summery {
	padding: 0 10px;
	margin: 10px 0;
	float: left;
	width: 30%;
}
.acticeVideo_OptionsWrap {
	width: 38px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 11;
	background: #000;
	color: #f6f6f6;
	display: block;
}
.acticeVideo_OptionsWrap ul.avo_OptionList {
	display: block;
	margin: 0;
	padding: 0;
}
.acticeVideo_OptionsWrap ul.avo_OptionList li {
	display: block;
}
.acticeVideo_OptionsWrap ul.avo_OptionList li a {
	display: block;
	color: #353535;
	transition: all 0.3s ease-in-out;
	padding: 10px;
}
.acticeVideo_OptionsWrap ul.avo_OptionList li a:hover, .acticeVideo_OptionsWrap ul.avo_OptionList li a.active {
	color: #ccc;
	background: #252525;
}
.mediaSlider_Summery h3 {
	color: #a32b46;
	font-size: 32px;
	font-size: 3.2rem;
	font-family: 'Lobster', cursive;
	margin: 0;
	margin-bottom: 10px;
}
.mediaSlider_Summery h3 span.videoBy {
	display: block;
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'PT Sans', sans-serif;
	color: #353535;
}
.mediaSlider_Summery p {
	color: #959595;
	margin-bottom: 10px;
}
.moreVideos {
	display: block;
	clear: both;
	margin: 25px 0 20px;
}
.moreVideos h4 {
	color: #467d28;
	font-size: 14px !important;
	font-size: 1.4rem;
	font-family: 'Oswald', sans-serif;
	margin: 0 0 10px;
}
.moreVideos a.moreVidButton {
	background: #383b48;
	border-radius: 6px;
	display: block;
	margin: 0 0 10px;
	overflow: hidden;
	max-height: 50px;
 min-height30px;
	position: relative;
}
.moreVideos a.moreVidButton span.moreVidBtn {
	float: left;
	background: #a32b46;
	color: #e6e6e6;
	text-align: center;
	margin-right: 10px;
	padding: 7px 10px;
	font-size: 16px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0;
}
.moreVideos a.moreVidButton h5 {
	color: #fdfdf3;
	font-size: 13px !important;
	font-size: 1.3rem;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding: 0 45px;
}
/* Media Slider Box Start*/
.boxWrapMedia {
	height: 100%;
	display: block;
	position: relative;
	z-index: 0;
}
.boxvidLeft {
	width: 100%;
	float: left;
	/*height: 340px;*/
	overflow: hidden;
	position: relative;
}
.boxvidLeft img {
	height: 100%;
	width:75%;
}
.h2
{
	font-family:'Lobster', cursive !important;
}
.boxvidSumRight {
	width: 35%;
	height: 341px;
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(230,230,230,0.98);
	border: #ccc 1px solid;
	transition: all 0.3s ease-in-out;
	z-index: 20;
}
.rightStripe {
	width: 35px;
	background: #353535;
	color: #f6f6f6;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
ul.optionList {
	display: block;
	margin: 0;
	padding: 0;
}
ul.optionList li {
	display: block;
	margin: 0;
}
ul.optionList li a {
	display: block;
	padding: 10px;
	border: 1px #454545 solid;
	color: #f6f6f6;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
ul.optionList li a:hover, ul.optionList li.active a {
	background: #959595;
	color: #f1f1f1;
}
.openPallate {
	width: 100%;
}
.closeX {
	display: none;
}
.openPallate .closeX {
	position: absolute;
	color: #900;
	font-size: 18px;
	right: 10px;
	top: 0px;
	z-index: 100;
	display: block;
}
.tab-content {
	padding: 0 15px 0 45px;
}
.currentVidDesc {
	float: left;
	width: 100%;
	font-size: 14px !important;
	font-size: 1.4rem;
	padding: 0 10px 0 45px;
}
.currentVidDesc h2 {
	margin: 0 0 15px;
	color: #a32b46;
}
.currentVidDesc h2 span {
	display: block;
	color: #353535;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'PT Sans', sans-serif;
}
.currentVidDesc p {
	margin: 0 0 10px;
	color: #959595;
}
/* Media Slider Box - End */



/* Video Widget - start */
.videoWidgetWrap {
	display: block;
	position: relative;
}
.videoWidget-vid {
	float: left;
	width: 70%;
}
.videoWidget-vid .video-active {
	display: block;
	position: relative;
}
.videoWidget-vid .videoPlayIcon {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 10;
	font-size: 70px;
	font-size: 7.0rem;
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.videoWidget-vid .videoPlayIcon:hover {
	color: #c5c5c5;
}
/* Video Widget - End */

/************** Media Slider - End*/

/***************Media Result Que Wrap*/
.mediaResultQueWrap {
	display: block;
	clear: both;
}
.mediaResultFilterControls {
	display: block;
	margin: 0 0 15px;
}
.mediaResultFilterOptions {
	display: block;
	background: #f2f2f2;
	background: url(../img/aside-title-bg.png) repeat 0 0;
	color: #383b46;
	padding:10px;
}
ul.filterOptionsList {
	display: block;
	margin: 0;
	padding: 0 10px 0 0;
}
ul.filterOptionsList select.js-example-basic-multiple {
	visibility: hidden;
	width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
	width: 100% !important;
}
ul.filterOptionsList > li {
	display: block;
	color: #383b46;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding: 10px 0;
}
ul.filterOptionsList > li a {
	color: #383b46;
}
ul.filterOptionsList > li i {
	color: #ac475c;
	font-size: 18px;
}
.filterByTitle {
	padding: 0;
}
.filterByTitle h3 {
	color: #467d28;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 40px;
	text-transform: uppercase;
}
.mediaResultFilterOptions .select2-container {
	width: 100% !important;
}
.select2-results__option {
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'PT Sans', sans-serif;
}
.select2-container--default .select2-results__group {
	color: #ac475c;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	color: #5f7857;
}
/* Filter Types*/
.mediaResultFilterType {
	display: block;
	color: #383b46;
}
ul.filterTypeList {
	display: block;
	margin: 0;
	padding: 0 10px;
}
ul.filterTypeList li {
	display: inline-block;
	margin-right: 20px;
	color: #383b46;
	font-size: 16px !important;
	font-size: 1.6rem;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0;
}
ul.filterTypeList li a {
	color: #ac475c;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	position: relative;
}
ul.filterTypeList li a:hover, ul.filterTypeList li a.active {
	text-decoration: underline !important;
}
ul.filterTypeList li a:after {
	content: '/';
	position: absolute;
	font-size: 18px !important;
	font-size: 1.8rem;
	right: -15px;
	top: -2px
}
ul.filterTypeList li:last-child a:after {
	content: '';
}
/* Filter Types - end*/

/* Media Result List - Start  */
.mediaList_Wrap {
	display: block;
}
.mediaList_Videos {
	display: block;
}
.mediaList_Videos ul.mediaListVideosList {
	display: block;
	margin: 0;
	padding: 0 15px;
}
.mediaList_Videos ul.mediaListVideosList > li {
	display: block;
	margin: 0 0 10px;
	padding: 5px;
	background: #fff;
/*	border: #eee 1px solid;*/
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
ul.mediaListVideosList > li:hover {
	background: #f8fbf7;
/*	border: #eeeeee 1px solid;*/
}
ul.mediaListVideosList > li .boxvidSumRight {
	display: none;
}
ul.mediaListVideosList > li:hover .boxvidSumRight {
	display: block;
}
ul.mediaListVideosList > li:hover .boxvidSumRight {
	width: 24px;
	height: 100%;
}
ul.mediaListVideosList > li .boxvidSumRight.openPallate {
	width: 100% !important;
	display: block;
}
.tab-content>.active {
	display: none;
}
.openPallate .tab-content>.active {
	display: block;
}
ul.mediaListVideosList li .rightStripe {
	width: 22px;
}
ul.mediaListVideosList li ul.optionList li a {
	padding: 3.5px;
}
ul.QueOptionList {
	display: block;
	margin: 0;
	padding: 0;
}
ul.QueOptionList li {
	display: block;
	margin: 0;
}
ul.QueOptionList li a {
	display: block;
	padding: 3.5px;
	border: 1px #454545 solid;
	color: #f6f6f6;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
ul.QueOptionList li a:hover, ul.QueOptionList li.active a {
	background: #959595;
	color: #f1f1f1;
}
.mediaList_Videos ul.mediaListVideosList li .vidThumb {
	display: inline-block;
	vertical-align: top;
}
.mediaList_Videos ul.mediaListVideosList li .vidSummery {
	display: inline-block;
	vertical-align: top;
}
.mediaList_Videos ul.mediaListVideosList li h3 {
	color: #a32b46;
	font-size: 22px !important;
	font-size: 2.2rem;
	/*font-family:'Lobster', cursive;*/
	font-family: 'Fjalla One', sans-serif;
	margin: 0;
	margin-bottom: 10px;
}
.mediaList_Videos ul.mediaListVideosList li h3 a {
	color: #a32b46;
}
.mediaList_Videos ul.mediaListVideosList li h3 span.videoBy {
	display: block;
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'PT Sans', sans-serif;
	color: #353535;
}
.mediaList_Videos ul.mediaListVideosList li p {
	color: #959595;
	margin-bottom: 10px;
	line-height: 14px;
	line-height: 1.4rem;
}
.mediaList_Videos .moreVideos {
	margin-top: 0;
	padding-left: 0;
}
.loadMoremediaListBtn, .loadMoremediaListBtn:active {
	display: block;
	background: #383b46;
	border: none;
	color: #f6f6f6;
	transition: all 0.3s ease-in-out;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
	width: 95%;
	padding: 12px 0;
	margin: 0 auto 50px;
}
.loadMoremediaListBtn:hover {
	background: #467d28;
}
.mediaSlider_Wrap .list-unstyled {
	height: 140px;
	overflow-y: auto;
}
.mediaResultQueWrap .list-unstyled {
	height: 80px;
	overflow-y: auto;
}
/* Media Result List - end  */

/*Media Result Que Wrap - End*/

/****************************************
******** Media Liberary Detail Page Style
*/
.mediaLiberaryDetail_Wrap {
}
.mediaLiberaryDetail_Wrap .content-Container {
	padding: 0 0 0 15px;
}
.mediaLiberaryDetail_Wrap .recentlyAdded ul.recentlyAddedList {
	height: 100%;
}
.mediaLiberaryDetail_Wrap .mediaSlider_Wrap .boxWrap {
	padding: 15px;
	margin-bottom: 30px;
	background: url(../img/detailLargeBg.jpg) repeat 0 0;
	width: 100%;
	height: 100%;
}
.mediaLiberaryDetail_Wrap .mediaSlider_Wrap .boxvidLeft {
	width: 100%;
	height: auto;
	min-height: 520px;
}
.mediaLiberaryDetail_Wrap .mediaSlider_Wrap .boxvidLeft img {
	height: auto;
}
.mediaLiberaryDetail_Wrap .mediaSlider_Wrap .boxvidSumRight {
	height: auto;
	position: static;
	background: none;
	border: none;
	width: 100%;
	display: block;
}
.mediaLiberaryDetail_Wrap .mediaSlider_Wrap .currentVidDesc {
	padding-left: 0;
	text-align: left;
	padding-top: 20px;
}
.commentsWrap {
	padding: 0 15px;
}
/* Media album List Preview */
.mediaLiberaryAlbum_Wrap .content-Container {
	padding: 0 15px 0 0;
}
.albumList {
	height: auto;
	border: #e6e6e6 1px solid;
	margin-bottom: 50px;
}
.albumList_Title {
	padding-right: 0;
	height: 100%;
}
.albumListSearchBar {
	background: #eee;
	padding: 10px;
	text-align: center;
	border-bottom: #e6e6e6 1px solid;
	border-right: #e6e6e6 1px solid;
}
.albumListPreviewTabButtons {
	background: #eee;
	padding: 10px;
	text-align: center;
	border-bottom: #e6e6e6 1px solid;
}
.albumTitleListWrap {
	padding: 0 0;
	background: #f6f6f6;
}
ul.albumTitleList {
	display: block;
	margin: 0;
	padding: 0;
	height: 400px;
}
ul.albumTitleList li {
	list-style: decimal;
	display: block;
	margin: 0 0;
}
ul.albumTitleList li a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	position: relative;
}
ul.albumTitleList li a i {
	display: inline;
	color: #a6314b;
	font-size: 18px;
}
ul.albumTitleList li a:hover, ul.albumTitleList li a.active {
	background: #fff;
}
ul.albumTitleList li p {
	display: block;
	width: 95%;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	color: #353535;
	margin: 0;
}
ul.albumTitleList li span {
	position: absolute;
	color: #969696;
	font-size: 13px;
	right: 10px;
	top: 10px;
	font-family: 'PT Sans', sans-serif;
	max-width: 150px;
}
/* Album List Preview */
.albumList_Preview {
	height: 100%;
	padding: 0 15px 0 0;
}
.albumList_Preview .nav-tabs {
	background: #eee;
	height: 56px !important;
	overflow: hidden;
	border-bottom: none;
}
.albumList_Preview .nav-tabs {
	text-align: right;
}
.albumList_Preview .nav-tabs>li {
	float: none;
	display: inline-block;
}
.albumList_Preview .nav>li>a {
	padding: 18px 10px;
	font-size: 14px;
	color: #a6314b;
}
.albumList_Preview .nav-tabs>li.active>a {
	color: #5f7857;
	font-weight: 700;
	border-radius: 0;
	margin-top: 0;
}
.albumList_Preview .tab-content {
	padding: 15px;
}
.albumList_Preview .tab-content>.active {
	display: block;
}
/* Album List Preview */
.jp-video-270p, .jp-jplayer {
	width: 100% !important;
	height: auto !important;
	min-height: 340px;
}
/*Thumb Play Icon - Start */
.mediaLiberaryAlbum_Wrap .boxvidLeft .readIcon {
	display: none;
	background: #e8e8e8;
	color: #a32b46;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	border: none;
	border-radius: 6px;
	font-size: 24px;
	font-size: 2.4rem;
}
.mediaList_Videos .boxvidLeft .readIcon {
	display: block;
}
.mediaList_Videos ul.mediaListVideosList li .vidThumb .readIcon {
	display: none;
	background: #e8e8e8;
	color: #a32b46;
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	border: none;
	border-radius: 6px;
	font-size: 24px;
	font-size: 2.4rem;
}
.mediaList_Videos ul.mediaListVideosList li:hover .vidThumb .readIcon {
	display: block;
}
.mediaList_Videos ul.mediaListVideosList > li {
	min-height: 200px;
	margin: 0;
}
/*Thumb Play Icon - Start */

/*Large Thumb Play Icon - Start */
.mediaLiberary_Wrap .boxWrapMedia .boxvidLeft .readIcon {
	display: block;
	background: #e8e8e8;
	color: #a32b46;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	border: none;
	border-radius: 6px;
	font-size: 24px;
	font-size: 2.4rem;
}
/*Large Thumb Play Icon - end */

.mediaLiberaryDetail_Wrap .list-unstyled {
	height: auto;
}
/****************************************
***************************************** Media Liberary Page Style (End)
*/


/****************************************
***************************************** Books Liberary Page Style
*/
.booksLiberary_Wrap .mediaList_Videos ul.mediaListVideosList li h3 {
	font-size: 20px;
	font-size: 2.0rem;
}
.booksLiberary_Wrap .mediaSlider_Wrap {
	background: #fdfdf3;
	color: #383b46;
}
.booksLiberary_Wrap .boxvidLeft {
	width: 30%;
	height: 360px;
}
.booksLiberary_Wrap .boxvidSumRight {
	width: 72%;
	/*height:361px;*/
	height: 100%;
	background: none;
	border: #eaeae0 1px solid;
	text-align: left;
}
.booksLiberary_Wrap .boxvidSumRight.openPallate {
	width: 100%;
	height: 100%;
	background: rgba(230,230,230,0.98);
	border: #eaeae0 1px solid;
	text-align: left;
}
.booksLiberary_Wrap .rightStripe {
	right: 0;
	left: auto;
}
.booksLiberary_Wrap .openPallate .rightStripe {
	right: auto;
	left: 0;
}
.booksLiberary_Wrap .currentVidDesc {
	padding: 0 40px 0 0px;
}
.booksLiberary_Wrap .moreVideos {
	margin: 0;
}
.booksLiberary_Wrap .currentVidDesc .table h3 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0;
}
.booksLiberary_Wrap .currentVidDesc .table h2 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
}
.booksLiberary_Wrap .boxvidLeft .readIcon {
	display: none;
	background: #e8e8e8;
	color: #a32b46;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	border: none;
	border-radius: 6px;
	font-size: 24px;
	font-size: 2.4rem;
}
.booksLiberary_Wrap .boxvidLeft .readIcon {
	display: block;
}
.booksLiberary_Wrap .mediaList_Videos ul.mediaListVideosList li .vidThumb .readIcon {
	display: none;
	background: #e8e8e8;
	color: #a32b46;
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	border: none;
	border-radius: 6px;
	font-size: 24px;
	font-size: 2.4rem;
}
.booksLiberary_Wrap .mediaList_Videos ul.mediaListVideosList li:hover .vidThumb .readIcon {
	display: block;
}
.booksLiberary_Wrap .mediaList_Videos ul.mediaListVideosList > li {
	min-height: 200px;
	margin: 0;
}
/****************************************
******** Books Liberary Detail Page Style
*/
.booksLiberaryDetail_Wrap {
}
.booksLiberaryDetail_Wrap .content-Container {
	padding: 0 0 0 15px;
}
.booksLiberaryDetail_Wrap .recentlyAdded ul.recentlyAddedList {
	height: 100%;
}
.booksLiberaryDetail_Wrap .mediaSlider_Wrap .boxWrap {
	padding: 15px;
	margin-bottom: 30px;
	background: url(../img/detailLargeBg.jpg) repeat 0 0;
	width: 100%;
	height: 100%;
}
.booksLiberaryDetail_Wrap .mediaSlider_Wrap .boxvidLeft {
	width: 100%;
	height: auto;
	min-height: 520px;
}
.booksLiberaryDetail_Wrap .mediaSlider_Wrap .boxvidLeft img {
	height: auto;
}
.booksLiberaryDetail_Wrap .mediaSlider_Wrap .boxvidSumRight {
	height: auto;
	position: static;
	background: none;
	border: none;
	width: 100%;
	display: block;
}
.booksLiberaryDetail_Wrap .mediaSlider_Wrap .currentVidDesc {
	padding-left: 0;
	text-align: left;
	padding-top: 20px;
}
.commentsWrap {
	padding: 0 15px;
}
/* Media album List Preview */
.booksLiberaryDetail_Wrap .content-Container {
	padding: 0 15px 0 0;
}
.booksLiberaryDetail_Wrap .list-unstyled {
	height: auto;
}
.booksLiberaryDetail_Wrap.readOnline nav.allLinks {
	height: 100%;
}
.booksLiberaryDetail_Wrap.readOnline nav.allLinks ul.subList {
	direction: rtl;
	font-weight: bold;
	font-family: tahoma;
}
.booksLiberaryDetail_Wrap.readOnline .asideInner.affix {
	width: 23.5%;
}
.bookPagePreview {
	display: block;
	text-align: center;
	margin: 0 auto 20px;
	width: 90%;
}
.bookPagePreview img {
	margin: 0 auto;
}
.bookIndexSearchBg {
	display: block;
	padding: 15px 15px;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #467d28;
	text-transform: uppercase;
	background: url(../img/aside-title-bg.png) repeat 0 0;
	margin: 0 0 10px;
	border: #eeeeee 1px solid;
	cursor: pointer;
}
a.pager .next, a.pager .next, a.pager .previous, a.pager .previous {
	color: #700000;
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}
.booksLiberaryDetail_Wrap.readOnline .currentVidDesc h2 {
	display: block;
	text-align: center;
}
.booksLiberaryDetail_Wrap.readOnline .currentVidDesc h2 span {
	display: inline-block;
	font-family: 'oswald';
	font-size: 16px;
}
/****************************************
***************************************** Books Liberary Detail Page Style (End)
*/
/****************************************
***************************************** Books Liberary Page Style (End)
*/

/****************************************
***************************************** Gallery Default Page Style 
*/

.galleryHeaderWraqp {
	display: block;
	height: 600px;
	background: url(../img/gallery/header-bg-01.jpg) no-repeat 0 0;
	background-size: 100%;
}
.galleryDefault_Wrap ul.filterTypeList {
	padding: 0 30px;
}
/*Gallery Owl Carousel Style */
#galleryCatList {
	background: #e6e6e6;
}
.galleryDefault_Wrap .owl-carousel .owl-item {
	text-align: center;
}
.galleryDefault_Wrap .owl-carousel, .galleryDefault_Wrap .owl-carousel div {
	width: 100%;
	height: 100%;
	padding: 0 30px;
}
.owl-item:hover {
	cursor: -webkit-grab!important;
	cursor: -moz-grab !important;
}
.galleryDefault_Wrap .sortByTitle h2 {
	padding-left: 30px;
	font-size: 16px !important;
	line-height: 16px;
	margin: 0;
}
.galleryDefault_Wrap .owl-carousel .owl-item a {
	color: #ac475c;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	position: relative;
}
.galleryDefault_Wrap .owl-carousel .owl-item a:hover, .galleryDefault_Wrap .owl-carousel .owl-item a.active {
	text-decoration: underline !important;
}
.galleryDefault_Wrap .owl-carousel .owl-item a:after {
	content: '/';
	position: absolute;
	font-size: 20px;
	font-size: 2.0rem;
	right: -25px;
	top: -2px;
}
/*Gallery Owl Carousel Style End*/
/****************************************
***************************************** Gallery Default Page Style (End)
*/
.loadingMsg {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	left: 0;
	top: 0;
	background: #f2f2f2 url(../img/di-wmark.png) no-repeat 50% 50%;
	background-size: auto 100%;
	text-align: center;
}
.LoadingText {
	margin: 0px 0 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	font-size: 36px;
	color: #090;
	display: block;
	height: 30px;
	position: absolute;
	top: 50%;
	width: 100%;
	line-height: 50px;
}
.kutbaShareef-splash {
	margin: 65px 0 0;
	display: block;
	text-align: center;
}
.LoadingText .normal {
	transition: all 0.3s ease-in-out;
	text-shadow: #353535 1px 1px 0px;
}
.LoadingText .normal {
	color: #700000;
}
.LoadingText .green {
	color: #467d29;
}
/****************************************
***************************************** PrayerTime Default Page Style (Start)
*/
.PrayerTime_Wrap {
/**/
}
.PrayerTimeHeaderWrap {
	display: block;
	width: 100%;
	background: #808171 url(../img/prayerTime_header_bg.jpg) repeat-x 0 0;
}
.PrayerTimeHeader {
	display: block;
	min-height: 278px;
	background: url(../img/prayerTime_HeaderThumb.jpg) no-repeat 0 0;
	padding: 40px 0 15px;
	position: relative;
}
.PrayerTimeHeaderClose {
	position: absolute;
	right: 30px;
	top: 0px;
	font-size: 26px;
	color: #ff89a3;
	text-shadow: #333 2px 0 0;
}
.PTHeaderText {
	color: #fbfbfb;
}
.PTHeaderText h3 {
	margin-top: 0;
	color: #fbfbfb;
}
ul.PTHeaderList {
	display: block;
	margin: 0;
	padding: 0;
}
ul.PTHeaderList li {
	display: block;
	position: relative;
}
ul.PTHeaderList li:before {
	content: "\f101";
	font-family: 'FontAwesome';
	color: #ee6484;
	font-size: 16px;
	margin-right: 8px;
}
ul.PTHeaderList li a {
	color: #fff;
	text-decoration: underline !important;
}
ul.PTHeaderList li a:hover {
	color: #c6c6c6;
}
.PTHeaderSocial {
	display: block;
	padding: 25px 0;
}
.button {
	display: inline-block;
	line-height: 36px;
	color: #fbfbfb;
	font-size: 14.5px;
	border: none;
	padding: 0;
	margin-right: 15px;
}
.button span.txt {
	float: left;
	padding: 0 10px;
	font-family: 'oswald';
	text-transform: uppercase;
}
.button i {
	float: left;
	position: relative;
	font-style: normal;
	width: 36px;
	height: 36px;
	text-align: center;
}
.FB {
	background: #47639e;
}
.FB i {
	background: #364e82;
}
.FB i:before {
	content: "\f09a";
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 21px;
}
.email {
	background: #467d28;
}
.email i {
	background: #36661b;
}
.email i:before {
	content: "\f0e0";
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 21px;
}
.prayerTimeWidget_Wrap {
	display: block;
}
.PTWidgetControl {
	padding: 0 10px;
	min-height: 48px;
	border: #e5e5e5 1px solid;
	border-left: none;
	border-right: none;
	background: #98aaa3 url(../img/ptControlBg.jpg) repeat 0 0;
	position: relative;
}
.PTWidgetControl .tabBtns {
	margin: 12px 0 0;
}
.dateInput {
	padding: 15px 0 0;
	text-align: right;
}
.dateInput label {
	color: #fbfbfb;
	text-transform: uppercase;
}
.dateInput input {
	height: auto;
	padding: 5px 5px;
	line-height: normal;
}
.tabContentWrap {
	background: rgba(255,255,255,.85);
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	z-index: 50;
	display: none;
}
.tabContentClose {
	position: absolute;
	right: 20px;
	top: 5px;
	font-size: 20px;
}
.dataControl {
	display: none;
	padding: 20px 10px;
}
.dataControl input[type="submit"] {
	margin: 15px 0;
}
.dataControl a {
	color: #a5314b;
}
.select2-search input {
	font-size: 15px;
	font-weight: normal;
}
.PTWidgetControl .select2 {
	margin-top: 8px;
}
.PTWidgetControl .btn-group {
	padding-top: 3px;
}
.PTWidgetControl button {
	background: #242424;
	color: #fbfbfb;
	border: #455 1px solid;
}
.PTWidgetResult {
	float: left;
	width: 100%;
	min-height: 430px;
	background: url(../img/prayerTiming_imgBg.jpg) no-repeat 0 0;
	background-size: cover;
}
.PTWidgetResult .directionImg {
	margin-top: 65px;
}
.resultTable {
	margin: 20px 0;
	background: rgba(152,152,170,.7);
	border-radius: 10px;
	border: 1px #403d3a solid;
}
.resultTable h3 {
	color: #ff89a3;
	text-align: center;
	font-size: 18px;
	margin: 15px 0;
}
.resultTable tr {
	border-top: 1px #403d3a solid;
}
.resultTable tr:last-child {
	border-bottom: 1px #403d3a solid;
}
.resultTable .prayTitle {
	font-family: 'oswald';
	font-size: 17px;
	font-weight: 300;
	color: #fffe98;
	border-top-color: #403d3a;
}
.resultTable th.prayTitle, .resultTable .prayTitle th {
	border: none;
	padding: 5px 20px;
	text-shadow: #353535 0 -1px 0;
}
.resultTable .prayTime {
	font-size: 17px;
	color: #f6f6f6;
}
.resultTable td.prayTime, .resultTable .prayTime td {
	border: none;
	padding: 5px 20px;
	border-left: 1px #403d3a solid;
}
.resultTable .prayTime a {
	color: #f6f6f6;
}
.resultTable .prayTime a:hover {
	text-decoration: underline !important;
}
a.prayCheckIn {
	background: #383b48;
	border-radius: 6px;
	display: block;
	margin: 0 0 10px;
	overflow: hidden;
}
a.prayCheckIn span.prayCheckInBtn {
	float: left;
	background: #a32b46;
	color: #e6e6e6;
	text-align: center;
	margin-right: 10px;
	padding: 7px 10px;
	font-size: 16px;
}
a.prayCheckIn h5 {
	color: #fdfdf3;
	font-size: 13px;
	font-size: 1.3rem;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
.PTWidgetMapWrap {
	display: block;
	color: #fbfbfb;
	padding: 0 15px 50px;
	position: relative;
}
.mapSearchWrap {
	padding: 15px 0 30px;
}
.PTWidgetMapWrap h3 {
	font-size: 20px;
	text-transform: uppercase;
	margin: 25px 0 0;
	color: #467d28;
}
.navbar-custom .form-control:focus {
	border-color: #49bfff;
	outline: 0;
	-webkit-box-shadow: inset 0 0 0;
	box-shadow: inset 0 0 0;
}
#mapMain, #mapMain>.row {
	height: 100%;
}
#mapMain>.row {
	overflow-y: scroll;
}
#left {
	height: 100%;
}
#map-canvas {
	width: 33.3333%;
	height: calc(100% - 0);
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0;
	overflow: hidden;
}
.PTWidgetMapWrap .panel-heading, .PTWidgetMapWrap .panel-heading a {
	color: #a32b46;
}
.PTWidgetMapWrap p {
	color: #353535;
}
.pagination>li>a, .pagination>li>span, .pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #700000;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	color: #e6e6e6;
	background-color: #467d28;
	border-color: #467d28;
}
/*.PrayerTime_Wrap tfoot td {
	padding: 0 !important;
	text-align: center;
}
.PrayerTime_Wrap tfoot tr td {
	border-top-color: #403d3a;
}*/
.PagiHead {
	text-align: center;
}
/*.PrayerTime_Wrap #downloadSearchResult thead td {
	text-align: center;
}
.PrayerTime_Wrap #downloadSearchResult tbody td {
	font-size: 12px;
	text-align: center;
}*/
@media  only screen and (max-width: 760px),  (min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
/*.PrayerTime_Wrap table, .PrayerTime_Wrap thead, .PrayerTime_Wrap tfoot, .PrayerTime_Wrap tbody, .PrayerTime_Wrap th, .PrayerTime_Wrap td, .PrayerTime_Wrap tr {
	display: block;
}*/
/* Hide table headers (but not display: none;, for accessibility) */
/*.PrayerTime_Wrap thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}*/
/*.PrayerTime_Wrap tr {
	border: 1px solid #403d3a;
}*/
/*.PrayerTime_Wrap td {
	
	border: none;
	border-bottom: 1px solid #403d3a !important;
	position: relative;
	padding-left: 50% !important;
}*/
/*.PrayerTime_Wrap td:before {

	position: absolute;
	
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	border-right: 1px solid #403d3a;
	font-family: 'oswald';
	font-size: 17px;
	font-weight: 300;
	color: #fffe98;
}*/
/*.PrayerTime_Wrap tfoot td {
	padding: 0 !important;
	text-align: center;
}
.PrayerTime_Wrap tfoot tr td:before {
	padding: 0;
	text-align: center;
	width: 100%;
	border: none;
}*/
/*
		Label the data
		*/
/*.PrayerTime_Wrap td:nth-of-type(1):before {
	content: "City";
}
.PrayerTime_Wrap td:nth-of-type(2):before {
	content: "State";
}
.PrayerTime_Wrap td:nth-of-type(3):before {
	content: "Country";
}
.PrayerTime_Wrap tfoot td:nth-of-type(1):before, .PrayerTime_Wrap tfoot td:nth-of-type(2):before, .PrayerTime_Wrap tfoot td:nth-of-type(3):before {
	content: "";
}*/
}
/****************************************
***************************************** PrayerTime Default Page Style (End)
*/

/****************************************
***************************************** Video Player Style (Start)
*/
div.jp-type-playlist div.jp-playlist a.jp-playlist-current, div.jp-type-playlist div.jp-playlist a:hover {
	color: #700000;
}
.jp-video .jp-interface {
	font-family: 'oswald', sans-serif;
	font-size: 20px;
	border-color: #467d28;
}
.jp-details, .jp-playlist {
	background-color: #d9d9cf;
	border-top: 1px solid #467d28;
}
.jp-playlist {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
}
.jp-audio, .jp-audio-stream, .jp-video {
	border-color: #c4c4a5;
}
/****************************************
***************************************** Video Player Style (End)
*/



/****************************************
***************************************** Custom Break point Style (Start)
*/
@media (max-width: 766px) {
.GlobalSearch {
	position: static;
	margin: 0;
	left: 0;
	width: auto;
}
.GlobalSearch a.gLink {
	line-height: 16px;
}
}
@media (max-width: 991px) {
/*html,body{
	overflow:scroll !important;	
}*/
.affix {
	position: static;
}
.asideInner.affix {
	width: inherit;
}
.left-Container {
	height: auto;
}
nav.allLinks, nav.mostSearched {
	display: none;
	height: auto;
}
.boxvidSumRight {
	position: relative;
	width: 100%;
	padding: 50px;
}
.currentVidDesc {
	padding: 0;
}
.boxvidLeft {
	width: 100%;
	height: auto;
}
.boxvidLeft img {
	width: 100%;
}
.boxvidSumRight {
	clear: both;
	height: auto;
}
.rightStripe {
	right: 0;
	left: auto;
	width: 100%;
	height: auto;
	text-align: center;
}
.openPallate .closeX {
	top: 45px;
}
.rightStripe ul.optionList li {
	display: inline-block;
}
ul.filterOptionsList > li {
	padding: 10px 30px;
}
ul.filterTypeList {
	text-align: center;
}
.mediaList_Videos ul.mediaListVideosList li .vidThumb {
	height: auto;
	width: 100%;
}
.mediaList_Videos ul.mediaListVideosList li .vidThumb img {
	width: 100%;
	height: auto;
}
.mediaList_Videos ul.mediaListVideosList li .vidSummery {
	width: 100%;
	padding-top: 35px;
}
ul.mediaListVideosList > li .boxvidSumRight, ul.mediaListVideosList > li:hover .boxvidSumRight {
	width: 100%;
	display: block;
	padding: 0;
}
ul.mediaListVideosList li .rightStripe {
	width: 100%;
	z-index: 1;
}
ul.QueOptionList li {
	display: inline-block;
}
.mediaResultQueWrap .tab-content>.active {
	padding: 20px 0 0;
}
.content-row {
	margin: 0 15px;
}
}
.button-media2
{
    width:30% !important;
    height: 42px;
    font-size: 20px;
}

.media-collection {
    padding: 2%;
    margin-bottom: 1%;
    border-bottom: 2px solid #666;
}
.media-collection h2
{
	color:#38AD1B;
}
.media-collection img
{
	width:100%;
}

/****************************************
***************************************** Custom Break point Style (End)
*/