@import	url(//fonts.googleapis.com/css?family=Raleway:200,200,700|Hind+Siliguri:300,400,700|Hind+Guntur|News+Cycle|Pontano+Sans|Fira+Sans|Abel|Asap|Catamaran|Dosis|Mandali|Carrois+Gothic|Metrophobic|Average+Sans|Cairo|Anaheim);

@font-face {
	font-family: DIN;
	src: url('../fonts/DIN-Light.eot');
	src: url('../fonts/DIN-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN-Light.otf') format('opentype'), url('../fonts/DIN-Light.ttf') format('truetype'), url('../fonts/DIN-Light.svg#webfont') format('svg'), url('../fonts/DIN-Light.woff') format('woff');
	font-weight: 100;
}
@font-face {
	font-family: DIN;
	src: url('../fonts/DIN-Medium.eot');
	src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN-Medium.otf') format('opentype'), url('../fonts/DIN-Medium.ttf') format('truetype'), url('../fonts/DIN-Medium.svg#webfont') format('svg'), url('../fonts/DIN-Medium.woff') format('woff');
	font-weight: 300;
}
@font-face {
	font-family: DIN;
	src: url('../fonts/DIN-Bold.eot');
	src: url('../fonts/DIN-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DIN-Bold.otf') format('opentype'), url('../fonts/DIN-Bold.ttf') format('truetype'), url('../fonts/DIN-Bold.svg#webfont') format('svg'), url('../fonts/DIN-Bold.woff') format('woff');
	font-weight: 700;
}
@font-face {
	font-family: DINC;
	src: url('../fonts/engschriftdind.eot');
	src: url('../fonts/engschriftdind.eot?#iefix') format('embedded-opentype'), url('../fonts/engschriftdind.ttf') format('truetype'), url('../fonts/engschriftdind.svg#webfont') format('svg'), url('../fonts/engschriftdind.woff2') format('woff2'), url('../fonts/engschriftdind.woff') format('woff');
	font-weight: 700;
}
@font-face {
	font-family: Netto;
	src: url('../fonts/NettoOffc.eot');
	src: url('../fonts/NettoOffc.eot?#iefix') format('embedded-opentype'), url('../fonts/NettoOffc.ttf') format('truetype'), url('../fonts/NettoOffc.svg#webfont') format('svg'), url('../fonts/NettoOffc.woff') format('woff');
	font-weight: 300;
}
@font-face {
	font-family: Netto;
	src: url('../fonts/NettoOffc-Bold.eot');
	src: url('../fonts/NettoOffc-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NettoOffc-Bold.ttf') format('truetype'), url('../fonts/NettoOffc-Bold.svg#webfont') format('svg'), url('../fonts/NettoOffc-Bold.woff') format('woff');
	font-weight: 700;
}
* {
	box-sizing: content-box;
}
.container *, .container-fluid * {
	box-sizing: border-box;
}
.container, .container-fluid {
	transition: width .3s;
}
.container-fluid {
	padding: 0;
}
html {
	font-size: 16px;
}
html .ui-bar {
	padding: 0;
}
html .ui-btn, html .ui-body-b, html .ui-body-b a, html .ui-body-b a:visited, html .ui-bar-b, html .ui-bar-b .ui-btn, input, select, textarea, button, a, a:visited {
	font-family: Netto, Raleway, Segoe UI, Arial, Helvetica;
	letter-spacing: .05em;
}
a, a:visited {
	letter-spacing: 0;
	box-sizing: content-box;
}
a.button {
	letter-spacing: .05em;
}
body {
	margin: 0;
	padding: 0;
	font-family: Netto;
	font-weight: 200;
	font-size: 1em;
	line-height: 1.4em;
	color: #222;
}
body.ui-page {
	font-family: Netto, Segoe UI, Arial, Helvetica;
	height: auto;
	color: #222;
	text-shadow: none;
	background-color: #fff;
}
:focus {
	outline: none;
}
video::-internal-media-controls-download-button {
	display: none;
}
video::-webkit-media-controls-enclosure {
	overflow: hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px); /* Adjust as needed */
}
.at:before {
	content: '@';
}
.bodyText {
	font-size: 1.125em;
	text-align: justify;
	padding-top: 3px;
}

/*.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a,
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited{
    color: #0055cc;
    font-weight: 400;
    transition: color, .25s;
}
.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover{
    color: #000099;
}*/
p {
	margin: 0 0 5px;
}
strong {
    font-weight: 700;
}
.row {
	margin-right: inherit;
	margin-left: inherit;
}
.ui-page-theme-a a {
	color: #444;
	font-weight: 700;
	transition: color .3s, background-color .3s;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
	color: #444;
	transition: color .2s, text-decoration.2s;
}
.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover, .ui-page-theme-a a:visited:hover, html .ui-bar-a a:visited:hover, html .ui-body-a a:visited:hover, html body .ui-group-theme-a a:visited:hover {
	color: #777;
	text-decoration: none;
}
.ui-page-theme-a #main #content a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover, .ui-page-theme-a #main #content a:visited:hover, html .ui-bar-a a:visited:hover, html .ui-body-a a:visited:hover, html body .ui-group-theme-a a:visited:hover {
	color: #777;
}
.ui-page-theme-a a.titleBox, .ui-page-theme-a a.titleBox:hover, .ui-page-theme-a a.titleBox:visited {
	color: #fff;
}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
	text-shadow: none;
	color: #fff;
	border: 0 none;
}
.ui-listview > .ui-li-static {
	padding: 0;
	margin: 0;
}
.ui-listview > li > a.ui-btn {
	font-size: 1.25em;
	font-weight: 200;
	border: 0 none;
	background-color: transparent;
}
.ui-panel-open {
	width: 17em;
}
.ui-panel-dismiss {
	opacity: 0;
	transition: background-color 1s, opacity 1s;
}
.ui-panel-dismiss-open {
	transition: background-color 1s, opacity 1s;
	background-color: rgba(0, 0, 0, .4);
	opacity: 1;
	z-index: 1;
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {

	/* right: 17em; */
	right: 0;
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {

	/* left: 17em; */
	left: 0;
}
.ui-panel-display-overlay, .ui-panel-position-right.ui-panel-display-overlay {
	box-shadow: none;
	-webkit-box-shadow: none;
}
.ui-collapsible-heading .ui-btn, .ui-panel-inner > .ui-listview .ui-li-static {

	/*    border: 1px solid transparent;
	    border-width: 1px 0 0 0;*/
	font-weight: 200;
	border: 0 none;
	margin-top: -1px;
	background-color: transparent;
}
.ui-collapsible-themed-content .ui-collapsible-content {
	padding: 8px 32px;
	border: 0px none;
	background-color: transparent;
}
.ui-collapsible .ui-collapsible-content p {
	margin: 1em 0 0;
}
.ui-collapsible-content .ui-list-view > li > a.ui-btn {
	background-color: transparent;
	border-bottom: 0;
	padding: 12px 50px;
	transition: background-color .3s;
}
.ui-collapsible-content .ui-list-view > li > a.ui-btn:hover {
	background-color: rgba(255, 255, 255, .3);
}
.ui-page-theme-a .ui-btn, .ui-page-theme-a .ui-btn:active {
	font-size: 1.25em;
	background-color: transparent;
	transition: background-color .3s, color .3s;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn:not(.ui-btn-active) {
	background-color: rgba(0, 0, 0, 0.5);
}
.ui-page-theme-a .ui-btn:hover {
	color: #f6d32d;
	text-shadow: none;
	background-color: #454545;
}
.ui-page-theme-a .ui-select .ui-btn:hover {
	text-shadow: none;
	background-color: #ccc;
}
.ui-page-theme-a .ui-btn.ui-btn-active {
	color: inherit;
	text-shadow: none;
}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
	background-color: transparent;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
	font-size: 1em;
}
.ui-page-theme-a #nav-panel .ui-btn:hover {
	color: rgba(216, 234, 248, 1);
}
#nav-panel {
}
#nav-panel .ui-btn-icon-left::after {
	left: .8625em;
}

/*#nav-btn{
position: fixed;
bottom: 0;
width: 100%;
z-index: 100;
    transition: bottom, .5s ease-in-out;
}*/
#nav-panel {

	/*    background-color: #385580;*/
	background-color: rgba(0, 0, 0, .85);
}
#nav-panel .close {
	color: #fff;
	text-shadow: none;
	opacity: 1;
	font-weight: 100;
	font-size: 1.75em;
}
#nav-btn {
	position: fixed;
	top: 5px;
	right: 10px;
	z-index: 1000;
	transition: bottom, .5s ease-in-out;
}
#nav-btn .ui-block-a, #nav-btn .ui-block-b {
	width: inherit;
}
#nav-btn .ui-block-a,
#nav-btn .ui-block-b,
#nav-btn .ui-block-c{
    height: 45px;
}
#nav-btn.bounce {
	bottom: 20px;
}
#nav-btn .fa {
	font-size: 1.25em;
	color: #fff;
	text-shadow: none;
}
#nav-btn a {
	margin: 0 auto;
	border: 0 none;
	box-shadow: none;
	border-radius: 0;
}
#nav-btn .ui-btn {
	background-color: transparent;
	transition: background-color .25s;
	padding: 10px 15px;
	line-height: 1em;
        font-size: 1.25em;
}
#nav-btn .ui-btn:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.nav-close.ui-first-child a.ui-btn {
	text-align: right;
	padding-right: 15px;
	background-color: transparent;
}
.nav-close.ui-first-child a.ui-btn-icon-right:after {
	display: none;
}
.ui-panel-inner > .panel-center {
	margin: 1em 0;
	width: 100%;
}
.ui-panel-inner .panel-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
}
.ui-panel-inner .panel-center .ui-controlgroup-controls, .ui-panel-inner .panel-bottom .ui-controlgroup-controls {
	margin: 0px auto;
	text-align: center;
	display: table;
	text-shadow: none;
	color: #fff;
}
.ui-mobile label, .ui-controlgroup-label {
	margin: inherit;
}
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog] {
}
h1, h2, h3, h4 {
	font-family: DIN;
	margin: 10px 0;
	font-weight: 300;
	text-transform: uppercase;
}
h1 {
	font-size: 2.25em;
	font-weight: 400;
}
h2 {
	font-size: 1.875em;
	font-weight: 300;
}
h1.title {
	font-size: 1.875em;
	font-weight: 300;
	background-color: rgba(0, 0, 0, 0.5);    /*background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.25),transparent);*/
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 98;
	margin: 0;
	color: #fff;
	padding: 10px 0 6px;
}
h1.title a {
	letter-spacing: .05em;
}
h1.title .titleBox {
	color: inherit;
	line-height: 1em;
}
h1.title .yellowBox {
	padding: 0 0 0 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: .85em;    /*  background-color: #ffe658;*/
	vertical-align: middle;
	float: left;
}
h1.title .yellowBox img {
	height: 40px;
}
h1.title .titleAc:before {
	content: ' ';
	display: block;
	padding-top: 5px;
}
h1.title .titleAc {
	font-family: DINC;
	font-size: 40px;
	font-weight: 700;
	padding: 0 5px;
	line-height: .75em;
	vertical-align: middle;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	float: left;
}
h1.title .titleText {
	font-family: DIN;
	font-size: .5em;
	font-weight: 100;
	line-height: 1.05em;
	padding-top: 3px;
	text-transform: uppercase;
	display: inline-block;
	transition: font-size .25s;
	vertical-align: top;
	float: left;
}
h3 {
	font-size: 1.5em;
	font-weight: 300;
}
h4 {
	font-size: 1.2em;
	font-weight: 300;
}
.ui-listview > li h6 {
	margin: 0;
	padding: 0 16px;
}
a, a:hover {
	text-decoration: none;
}
.titleImg {
	vertical-align: bottom;
	margin-bottom: 3px;
}
#wrap {
	width: 100%;
	min-height: 640px;
	height: 100%;
}
#main {
	margin: 0 auto;
	background-color: #fff;
	padding-bottom: 40px;
	opacity: 0;
	-webkit-transition: opacity 2s;
	transition: opacity 2s ease-out;
}
.circles {
	display: inline-block;
	height: 100px;
	width: 100px;
	position: relative;
	left: -10px;
	top: -21px;
}
.circle {
	position: absolute;
	border: 0px solid #3f5889;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	background-color: #3f5889;
	font-family: Netto;
	font-weight: normal;
	color: #fff;
	font-size: .7em;
	letter-spacing: -1.6px;
	line-height: 1.2em;
}
#main.load {
	opacity: 1;
}
.circles .circle.c1 {
	-webkit-transition: top 1.5s, opacity 2s;
	transition: top 1.5s, opacity 2s;
	margin: 0 auto;
	left: 37.5%;
	top: 0;
	opacity: 0;
}
.circles .circle.c2 {
	-webkit-transition: bottom 1.5s, left 1.5s, opacity 2s;
	transition: bottom 1.5s, left 1.5s, opacity 2s;
	bottom: 0;
	left: 0;
	opacity: 0;
}
.circles .circle.c3 {
	-webkit-transition: bottom 1.5s, right 1.5s, opacity 2s;
	transition: bottom 1.5s, right 1.5s, opacity 2s;
	bottom: 0;
	right: 0;
	opacity: 0;
	letter-spacing: 1px;
}
.circles .circle.c1.load {
	top: 27px;
	opacity: 1;
}
.circles .circle.c2.load {
	bottom: 25px;
	left: 24px;
	opacity: 1;
}
.circles .circle.c3.load {
	bottom: 25px;
	right: 24px;
	opacity: 1;
}
.statusBox{
	background-color: rgba(7,36,65,1);
	color: #fff;
}
.statusBox .statusModule{
	padding: 10px 20px;
}
.modules {
	max-width: 1170px;
	margin: 0 auto 40px;
}
.modules.floatFix {
	height: 250px;
}
.modules .homeModule {
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 250px;
	max-width: 560px;
	height: 100%;
	background-size: cover;
	background-position: center center;
	padding: 0;
}
.modules .homeModule.wide {
	max-width: 100%;
}
.modules .homeModule:nth-child(odd) {
	float: left;
}
.modules .homeModule:nth-child(even) {
	float: right;
}
.modules .moduleButton {
	width: 100%;
	text-align: left;
	margin-top: 20px;
}
.modules .moduleButton.right {
	text-align: right;
}
.modules .moduleButton.center {
	text-align: center;
}
.homeModuleOverlay {
	width: 100%;
	min-height: 250px;
	background-color: rgba(0, 0, 0, .3);
	transition: background-color .3s;
	position: inherit;
}
.modules.wide {
	height: inherit;
}
.modules .homeModule .homeModuleOverlay:hover {
	background-color: rgba(0, 0, 0, 0);
}
.modules .homeModule .homeModuleBox {
	position: inherit;
	padding: 12px 30px 30px 30px;
	width: 100%;
	height: 100%;
}
.modules .homeModule .homeModuleBox.video {
}
.modules .homeModule .homeModuleBox.left {
	text-align: left;
}
.modules .homeModule .homeModuleBox.center {
	text-align: center;
}
.modules .homeModule .homeModuleBox.right {
	text-align: right;
}
.modules .homeModule .homeModuleBox span {
	font-size: 1.125em;
}
.modules .homeModule .homeModuleVideo {
	width: 100%;
	height: 100%;
	margin-top: 20px;
}
.homeModule.wide .homeModuleOverlay, .homeModule.wide .homeModuleBox {
	position: inherit;
}
.alpha0 {
	background-color: rgba(0, 0, 0, 0);
}
.alpha1 {
	background-color: rgba(0, 0, 0, 1);
}
.alpha100 {
	background-color: rgba(0, 0, 0, 1);
}

/* .alpha10{background-image: radial-gradient(rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.3) 80%);}
.alpha20{background-image: radial-gradient(rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 80%);}
.alpha30{background-image: radial-gradient(rgba(0,0,0,0.3) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.5) 80%);}
.alpha40{background-image: radial-gradient(rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.6) 80%);}
.alpha50{background-image: radial-gradient(rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.7) 80%);}
.alpha60{background-image: radial-gradient(rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.8) 80%);}
.alpha70{background-image: radial-gradient(rgba(0,0,0,0.7) 20%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.9) 80%);}
.alpha80{background-image: radial-gradient(rgba(0,0,0,0.8) 20%,rgba(0,0,0,0.9) 50%,rgba(0,0,0,1) 80%);}
.alpha90{background-image: radial-gradient(rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.95) 50%,rgba(0,0,0,1) 80%);} */
.alpha10 {
	background-color: rgba(0, 0, 0, 0.1);
}
.alpha20 {
	background-color: rgba(0, 0, 0, 0.2);
}
.alpha30 {
	background-color: rgba(0, 0, 0, 0.3);
}
.alpha40 {
	background-color: rgba(0, 0, 0, 0.4);
}
.alpha50 {
	background-color: rgba(0, 0, 0, 0.5);
}
.alpha60 {
	background-color: rgba(0, 0, 0, 0.6);
}
.alpha70 {
	background-color: rgba(0, 0, 0, 0.7);
}
.alpha80 {
	background-color: rgba(0, 0, 0, 0.8);
}
.alpha90 {
	background-color: rgba(0, 0, 0, 0.9);
}
#main .carouselItem {
	background-position: center center;
	background-size: cover;
	max-height: 440px;
	position: relative;
	transition: height 1s;
}
.carouselItem .carouselVideo {
	width: 100%;
	transform: translateY(-25%);
}
@media screen and (min-width: 1600px){
	.carouselItem .carouselVideo {
		transform: translateY(-30%);
	}
}
.owl-item {
	top: 0;
}
#about .carouselItem {
	max-height: 300px;
}
#main .owl-item:not(.active) .carouselItem .carouselOverlay {
	background-color: rgba(0, 0, 0, .75);
}
#main .carouselItem .carouselOverlay {
	width: 100%;
	height: 100%;
	position: absolute;
	transition: background-color 1s, filter 1s;
}
.carouselItem .carouselContent {
	height: 300px;
}
#main .carouselItem .carouselContent {
	font-weight: 200;
	position: relative;
	height: 340px;
	padding: 60px 60px 20px;
}
.carouselItem .carouselContent {
	height: 300px;
}
#main .carouselItem .carouselContent .carouselBox {
	display: table;
	max-width: 1170px;
	margin: 0 auto;
	line-height: 1em;
	height: 100%;	/*    transform: translateY(20%);*/
}
#main .carouselItem .carouselContent .carouselBox span {
	font-size: 1em;
}
#main .carouselItem .carouselContent .carouselBox h1 {
	font-family: DIN;
	font-size: 2.5em;
	font-weight: 300;
	line-height: 1.25em;
	letter-spacing: 1px;	/*    text-shadow: 0px 0px 15px #000;*/
}
#main .carouselItem .carouselContent .carouselBox h2 {
	font-family: DIN;
	font-size: 2em;
	font-weight: 300;
	line-height: 1.25em;
	letter-spacing: 1px;
}
#main .carouselItem .carouselContent .carouselBox h3 {
	font-family: DIN;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 1.25em;
}
#main .carouselItem .carouselContent .carouselBox h4 {
	font-family: DIN;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.3em;
}
#main .carouselItem .carouselContent .carouselBox .button {
	margin-top: 5px;
}
.owl-item.active {
}
.owl-item {
	transition: width .6s;
	cursor: pointer;
}
.owl-item .carouselContent {
	opacity: 0;
	color: transparent;
	transition: opacity 1.5s, color 1.5s;
}
#main .owl-item.active .carouselItem .carouselOverlay {
}
.owl-item.active .carouselContent {
	opacity: 1;
	color: inherit;
	font-size: inherit;
}
.owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
}
.owl-nav div {
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	zoom: 1;
	margin: 0;
	width: 50px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	font-size: 1.4em;
	color: #ccc;
	background-color: transparent;
	opacity: .6;
	text-transform: capitalize;
	transition: background-color .3s, color .3s;
}
.owl-nav div:hover {
	background-color: #fff;
	color: #333;
}
.owl-nav .owl-prev {
	left: 5px;
}
.owl-nav .owl-next {
	right: 5px;
}
.row.flex {
  display: flex;
  flex-wrap: wrap;
}
#mission div:first-of-type h2, #vision div:first-of-type h2, #bio div:first-of-type h2 {
	margin-top: 0;
}
#visionContent .col-md-4 {
	padding-bottom: 20px;
	min-height: 150px;
	border: 1px solid transparent;
	transition: border .3s;
}
#visionContent .col-md-4:hover {
	border: 1px solid #eee;
}
.visionTitle {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #ffe658;
}
.visionMinistryTitle {
	margin: 0;
	padding: 10px;
	background-color: #ffe658;
}
.imgOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	transition: background-color .3s;
}
.aboutMinImg {
	position: relative;
	width: 100%;
	height: 300px;
	font-size: 1.125em;
	background-color: #eee;
	margin: 0 auto 10px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.aboutMinTitle {
	position: relative;
	color: #fff;
	height: 50%;
	transform: translateY(90%);
}
.aboutMinTitle h3 {
	text-shadow: 0px 0px 15px #000;
}
.aboutMinBody {
	text-align: justify;
}
.staffImg {
	max-height: 360px;
	max-width: 100%;
	margin-top: 7px;
}
.rollerHead {
	font-size: 1.875em;
}
.roller {
	display: inline-block;
	position: relative;
	height: 28px;
	width: 310px;
}
.roll {
	display: inline-block;
	position: absolute;
	opacity: 0;
	left: 20px;
	width: 310px;
	transition: opacity .8s, left .8s;
}
.roll:not(:first-of-type) {

	/*    display: none;*/
}
.roll.fade {
	opacity: 1;
	left: 0px;
}
.subHead {
	padding: 10px 0;
	font-size: 1.125em;
	font-family: DIN;
	color: #fff;
	text-transform: uppercase;
	background-color: rgb(0, 28, 50);
	z-index: 1;
	width: 100%;
	transition: padding .3s;
	position: inherit;
	top: inherit;
}
.subHead.overflow {
	padding: 0 60px;
}
.subHead .sublinks {
	width: unset;
	display: inline-block;
	float: none;
}
.subHead a, .subHead a:visited {
	font-family: DIN;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	hyphens: auto;
	transition: color .3s;
}
.ui-page-theme-a .subHead a:hover, .ui-page-theme-a .subHead a.active {
	color: rgba(216, 234, 248, 1);
}
.subLogo {
	position: absolute;
	left: 10px;
	height: 40px;
	top: 10px;
	opacity: 0;
	transition: opacity .5s;
}
.subLogo.active {
	opacity: 1;
}
.announce {
	background-color: rgb(0, 28, 50);
}
.annWrap {
	text-align: center;
}
.annBody {
	color: #fff;
	display: inline-block;
	padding: 10px 0 13px 0;
	font-size: 1.125em;
}
.annTitle, .annContent {
	display: inline-block;
}
.annTitle {
	vertical-align: top;
	font-weight: 700;
}
.annContent {
	margin: 0 0 0 5px;
}
.ui-page-theme-a .annBody a, .ui-page-theme-a .annBody a:visited {
	
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	transition: color .3s;
}
.ui-page-theme-a .annBody a:hover {
	color: rgba(216, 234, 248, 1);
}

/****************************************************/

/****************** SERMONS PAGE ********************/

/****************************************************/
.album {
	padding: 0;
	position: relative;    /* background-color: rgba(0,0,0,.3); */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.albumT .albumTitle h3 {
	margin-top: 0;
}
.albumT .albumTitle h3, .albumTitle .albumDesc {
	display: inline-block;
	padding-left: 10px;
	vertical-align: top;
	width: 70%;
}
.albumT .albumTitle img {
	width: 100px;
	height: 100px;
	float: left;
}
.albumOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.albumTracks {
	display: block;
	max-height: 200px;
	overflow-y: scroll;	/*		background: rgba(0,0,0,.75);*/
}
#recent {
	background-color: rgb(0, 28, 50);
}
#recent .track {
	cursor: pointer;
}
#recent .albumContainer .soundContent {
	transition: border .3s, background-color .3s;
}
#recent .albumContainer .soundContent:hover {
	background-color: rgba(255, 255, 255, .1);
}
.albumTracks .track {
	padding: 5px 10px;
	transition: background-color .3s, color .3s;
}
.albumTracks .track .fb-share-button {
	display: none;
	float: right;
}
.albumTracks .track:hover .fb-share-button {
	display: block;
}
.albumTracks .track .trackDate {
	display: table-cell;
	font-weight: 700;
	min-width: 105px;
}
.albumTracks .track .trackTitle {
	display: table-cell;
	width: 100%;
}
.albumTracks .track:hover, .albumTracks .track.selected {
	color: #fff;
	background-color: rgba(0, 0, 0, .3);
}
.albumList {

	/*		margin-top: 15px;*/
}
.albumList .player {
	padding: 10px 0 24px 0;
}
.albumContainer {
	position: relative;
	z-index: 1;
	border: 1px solid transparent;
	transition: border-color .3s, background-color .3s;
}
.album .albumContainer:hover {
	border: 1px solid #eee;
	background-color: #f8f6f2;
}
.albumTitle {
	padding: 0;
	word-wrap: break-word;
	word-break: break-word;
}
.playerWrap {
	display: none;
	width: 100%;
	position: fixed;
	bottom: 0px;
	padding: 10px 0 30px 0;
	z-index: 1;
	background-color: #000;
	color: #fff;
	height: auto;
}
.player {
	display: block;
	margin: 0 auto;
	max-width: 480px;
	height: auto;
	padding: 0 10px;
}
.playerClose {
	font-size: 2em;
	position: absolute;
	right: 10px;
	top: 8px;
	cursor: pointer;
	z-index: 1;
}
.miniPlayer {
	display: none;
	text-align: center;
}
.playerShow, .playerHide {
	cursor: pointer;
	position: absolute;
	right: 34px;
	font-size: 1.2em;
	top: 12px;
	z-index: 1;
}
.playerShow {
	display: none;
}
.playerHide {
	display: block;
}
.miniPlayer .currentTrackInfo, .miniPlayer .miniPlay, .miniPlayer .miniPause {
	display: inline-block;
}
.miniPlay, .miniPause {
	padding: 3px 6px;
	border: 1px solid #ffe658;
	color: #ffe658;
	transition: background-color .3s, color .3s;
	cursor: pointer;
}
.miniPlay:hover, .miniPause:hover {
	color: #000;
	background-color: #ffe658;
}
.currentTrackInfo {
	margin-bottom: 10px;
}
#sounds .row {
	padding: 15px 0;
	margin-bottom: 20px;
	background-color: #f8f6f2;
	transition: background-color .3s;
}
#sounds .row:hover {
	background-color: rgba(222, 219, 214, 1);
}
.soundObj {
	margin-bottom: 10px;
}
.soundHandle {
	background-color: #ccc;
	padding: 10px 0 10px 10px;
	border-radius: 0;
	cursor: pointer;
	transition: background-color .3s;
}
.soundHandle:hover {
	background-color: #eee;
}
.soundHandle .ui-accordion-header-icon {

	/*        margin-right: 5px;*/
	float: left;
	line-height: 1.5em;
}
.soundTitle {
	margin-bottom: 20px;
}
.soundDate {
}
.soundBody {
}
.soundImg, .soundContent {
	position: relative;
	display: table-cell;
}
.soundImg {
	vertical-align: top;
}
.soundImgOverlay {
	position: absolute;
	text-align: center;
	padding: 6px 8px 6px 12px;
	font-size: 2em;
	border: 1px solid #fff;
	border-radius: 30px;
	transform: translate(56%, 56%);
}
.soundContent {

	/* max-width: 340px; */
	padding: 0 10px 10px 10px;
}
.soundContent .title {
	font-weight: 700;
}
.soundContent .title .fa-external-link {
	display: none;
	font-size: .75em;
	vertical-align: super;
}
.soundContent .title:hover .fa-external-link {
	display: inline-block;
}
.soundContent .title a:hover {
	color: #777;
}
.spLogo{
	display: block;
	width: 165px;
}
.spLogo a{
	display: block;
	background: url('/img/icon/spotify-podcast-badge-wht-grn-165x40.svg') no-repeat center;
	width: 165px;
	height: 40px;
}
.itLogo, .scLogo {
	display: inline-block;
	text-align: center;
	font-size: .875em;
}
.itLogo a {
	background: url('/img/icon/podcast.svg') no-repeat 0px 6px /60px;
	display: block;
	height: 60px;
	width: 60px;
	transition: background-color .3s;
}
.scLogo a {
	background: url('https://a-v2.sndcdn.com/assets/images/header/cloud-e365a4.png') no-repeat 8px 18px;
	background-size: 48px 22px;
	display: block;
	height: 60px;
	width: 60px;
	transition: background-color .3s;
}
.itLogo:hover a, .scLogo:hover a {
	background-color: rgba(255, 255, 255, .1);
}
#map-canvas {
	filter: none;
}
#map-canvas.blur {
	filter: blur(3px);
}
#gmap {

	/* position: absolute;
	bottom: 40px;
	right: 10px;
	max-width: 600px;
	min-width: 440px;
	min-height: 30px;
	max-height: calc(100% - 100px);
	padding: 10px 15px 10px 40px;
	margin: 20px;
	background: url('../img/op80.png') repeat top left;
	border-radius: 0px;
	box-shadow: 0px 0px 6px -3px #999999;
	z-index: 1000;
	overflow-y:auto;
	overflow-x:none;
	text-align: left;
	line-height: 25px; */
}
#gmap input[type=button] {
}
#gmap input[type=text] {
	border: 1px solid #999999;
	border-radius: 0px;
	background-color: #FFF;
	color: #000;
	font-size: 1em;
}
#toggleDir {
	list-style: none;
	display: none;
	text-align: left;
	padding: 1px 0 0 0;
	margin: 0 5px 0 0;
	height: 20px;
	width: 20px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	vertical-align: text-bottom;
}
#toggleDir li {
	display: block;
	cursor: pointer;
	line-height: 16px;
	text-align: center;
	padding: 0;
	margin: 0;
}
#footerWrap, #footerBottom {

	position: relative;
	font-family: DIN;
	color: #000;
	bottom: 0;
	background-color: #f8f6f2;
	width: 100%;
	padding: 10px 0px;
	transition: padding-bottom .3s;
}
#footerBottom.playing {
	padding-bottom: 120px;
}
#footerWrap a.ui-link {
	font-family: DIN;
}
#footerWrap a.ui-link[target]:after{
	content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 1px solid #777;
    border-top: 1px solid #777;
    margin: .5em 0 0 2px;
    transform: rotateZ(45deg);
}
#footerBottom a.ui-link:after{
	display: none;
	border: 0 none;
	width: 0;
	height: 0;
}
#footerWrap .footerBox {
	font-family: DIN;
	margin: 0px auto 0px;
	max-width: 1170px;
	transition: margin .5s, width .5s;
}
#footerBottom {
	color: #fff;
	padding: 20px 0px;
	background-color: #000;
}
#footerBottom a {
	color: #fff;
	font-weight: 200;
	text-decoration: none;
}
#footerBottom a .fa {
	border: 1px solid #fff;
	width: 24px;
	border-radius: 15px;
	height: 24px;
	text-align: center;
	padding-top: 3px;
	transition: color .3s, background-color .3s;
}
#footerBottom a:hover .fa {
	color: #385580;
	background-color: #fff;
}
#footerBottom .sns {
	text-align: right;
}
#footerWrap .footerBox .col {
	list-style: none;
	margin: 0;
}
#footerWrap .footerBox .col li {
	padding-bottom: 5px;
}
#footerWrap .footerBox .col a {
	color: #000;
	font-weight: 200;
	transition: color .25s;
}
#footerWrap .footerBox .col a:hover {
	color: #999;
}

/****************** FORM INPUTS *****************/
input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="tel"], select {
	border: #CCC thin solid;
	box-shadow: 0px 0px 3px -2px #333;
	border-radius: 0px;
	font-family: Netto;
	font-size: 16px;
	margin: 2px 0px;
}

.ui-page-theme-a .ui-select, .ui-page-theme-a .ui-select .ui-btn {
	font-family: inherit;
	font-weight: 200;
	color: inherit;
}

/* input[type=submit]:hover, input[type=reset]:hover, input#submit:hover, input#send:hover, input#reset:hover{
background-color: #777;
color: #fff;
} */
.ui-input-text input.invalid {
	border: 1px solid #ff0000;
	box-shadow: 0px 0px 3px 0px #ff0000;
}
.ui-page-theme-a .ui-input-text, .ui-page-theme-a .ui-input-search {
	border: 0 none;
	border-radius: 0;
}
#pastorList, #otherTopics {
	display: none;
}
.ui-page-theme-a .ui-select .ui-btn {
	border-radius: 0;
	padding: 6px 0;
}
.ui-select .ui-btn>span:not(.ui-li-count) {
	vertical-align: middle;
	line-height: 1em;
	display: inline-block;
}

/******************************************************/

/***************** BUTTON COLORS **********************/

/******************************************************/
.button,
input[type=submit].button, input[type=reset].button{
	background-color: rgba(255, 230, 88, 1); /*#ffe658*/
	border: 1px solid #444;
	border-color: rgba(255, 230, 88, 1);
	border-radius: 0;
	font-size: 1em;
	line-height: 1em;
	padding: 12px 15px 10px;
	display: inline-block;
	transition: background-color .25s, border-color .25s;
	text-transform: uppercase;
	cursor: pointer;
}
.button:focus{
	text-decoration: none;
}
.button.small {
	padding: 3px 5px;
	font-size: .875em;
	line-height: 1em;
	vertical-align: middle;
	margin: 0;
}
input[type=submit], input[type=reset], input#submit, input#send, input#reset {
	border: 0 none;
	border-radius: 0px;
	background-color: #CCC;
	color: #000;
	padding: 5px 8px;
	cursor: pointer;
	margin: 0px 1px;
}
.seeMore {
	padding: 0px 0 50px 0;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}
.seeMore .seeBody {
	text-align: justify;
	padding-bottom: 20px;
}
.seeMore .button {
	background-color: rgba(255, 255, 255, .1);
	border-color: rgb(0, 28, 50);
	color: rgb(0, 28, 50);
	font-size: .875em;
	border-radius: 0;
	position: absolute;
	bottom: 0;
	margin-left: -60px;
	transition: background-color .3s, border-color .3s, color .3s;
}
.seeMore .button span.less {
	display: none;
}
.ui-page-theme-a a.button:hover, .ui-page-theme-a a.button:visited:hover, .button:hover, input[type=submit].button:hover, input[type=reset].button:hover {
	color: #000;
	background-color: rgba(255, 230, 88, .6);
	border-color: rgba(255, 230, 88, .3);
}
.ui-page-theme-a a.button.light:hover, .ui-page-theme-a a.button.light:visited:hover, .button.light:hover, input[type=submit].button.light:hover, input[type=reset].button.light:hover {
	color: #fff;
}
.seeMore .button:hover {
	background-color: rgba(255, 255, 255, .6);
	border-color: #777;
	color: #777;
}

/* .button.white{
background-color: rgba(255,230,88,1);
border-color: rgba(255,230,88,1);
transition: background-color .25s, border-color .25s;
}
.button.white:hover{
background-color: rgba(2255,230,88,.3);
}
.button.green{
background-color:rgba(186,205,136,1);
border-color: rgba(186,205,136,1);
}
.button.green:hover{
background-color: rgba(186,205,136,.3);
} */
a.white {
	color: #fff !important;
}
a.white:hover {
	color: #222 !important;
}
a.button.white {
	color: #fff;
}
a.button.white:hover {

	/* color: rgba(186,205,136,1); */
}
@keyframes status-pulse {
	0% {
		color: #fff;
	}
	25%{
		color: #ff0000;
	}
	33% {
		color: #ff0000;
	}
	100% {
		color: #fff;
	}
}
.activeService{
	animation: status-pulse 1.5s ease-in-out infinite;
}
/******************************************************/

/******************** GLOBAL SPACING ******************/

/******************************************************/
.center {
    text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}
.block-center {
	margin: 0 auto;
	float: none;
}
.spacer5 {
	width: 100%;
	padding: 5px 0;
	display: inline-block;
}
.spacer10 {
	width: 100%;
	padding: 10px 0;
	display: inline-block;
}
.spacer15 {
	width: 100%;
	padding: 15px 0;
	display: inline-block;
}
.spacer20 {
	width: 100%;
	padding: 20px 0;
	display: inline-block;
}
.spacer25 {
	width: 100%;
	padding: 25px 0;
	display: inline-block;
}
.spacer30 {
	width: 100%;
	padding: 30px 0;
	display: inline-block;
}
.spacer40 {
	width: 100%;
	padding: 40px 0;
	display: inline-block;
}
.spacer50 {
	width: 100%;
	padding: 50px 0;
	display: inline-block;
}
.spacer60 {
	width: 100%;
	padding: 60px 0;
	display: inline-block;
}
/******************************************************/

/******************* GLOBAL COLORS ********************/

/******************************************************/
.white {
	color: #fff;
}
.black {
	color: #000;
}
.gray {
	color: #444;
}
.green {
	color: rgba(186, 205, 136, 1);
}
.red {
	color: #f00;
}
.yellow {
	color: #ffe658;
}
.ui-page-theme-a a.dark:hover {
	color: #072441;
}
.ui-page-theme-a a.light:hover {
	color: #E7E4DC;
}

/*********************************************************************************************************************/

/************************************************* RESPONSIVE SECTION ************************************************/

/*********************************************************************************************************************/
@media screen and (max-width:1200px) {
	.modules .homeModule {
		max-width: 460px;
	}
}
@media screen and (max-width:990px) {
	.carouselItem .carouselVideo {
		/*width: 130%;*/
		height: auto;
		transform: translateX(0);
		transform: translateY(0);
	}
	.modules {
		max-width: 800px;		/*        min-height: 520px;*/
		margin: 0 auto 20px;
	}
	.modules .homeModule {
		display: block;
		width: 100%;
		max-width: 480px;
		margin: 0 auto 20px;
		border: 0 none;
		height: unset;
	}
	.modules .homeModule.wide {
		max-width: 480px;
	}
	.modules .homeModule:nth-child(odd) {
		float: none;
	}
	.modules .homeModule:nth-child(even) {
		float: none;
	}
	.modules .homeModule .homeModuleBox {
		max-width: 100%;
	}
	#sounds .row {
		margin-bottom: 0;
	}
	.soundObj {
		margin-bottom: 10px;
	}
}
@media screen and (max-width:768px) {
	.carouselItem .carouselVideo {
		width: auto;
		height: 100%;
		transform: translate(0,0);
	}
	.subHead {
		font-size: 1em;
	}
	#footerBottom .sns {
		text-align: left;
	}
}
@media screen and (max-width:763px) {
	.carouselItem .carouselVideo {
		width: auto;
		height: 100%;
	}
}
@media screen and (max-width:640px) {
	h2.title {
		position: absolute;
	}
	.carouselItem .carouselVideo {
		width: 145%;
		transform: translateX(-15%);
	}
	#nav-btn {
		position: fixed;
		top: initial;
		right: inherit;
		bottom: 0;
		width: 100%;
		z-index: 110;
		transition: bottom, .5s ease-in-out;
	}
	#nav-panel {
		display: none;
		width: 100%;
		position: fixed;
		right: initial;
		left: 0;
		min-height: 0;
		height: 100%;
		bottom: 0;
		top: initial;
		overflow: auto;
		z-index: 101;
	}
	.ui-panel-position-right.ui-panel-display-reveal, .ui-panel-position-right.ui-panel-open, .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay {
		right: initial;
	}
	.navWrap.ui-panel.ui-panel-position-right {
		right: initial;
	}
	#nav-panel .ui-panel-inner {
		display: block;
		padding: 1em 1em 80px 1em;
	}
	#nav-panel .ui-panel-inner>.ui-listview {
		display: block;
	}
	#nav-btn .ui-btn {
		background-color: rgba(0, 0, 0, 0.75);
	}
	#nav-btn .ui-btn:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}
	#nav-btn .ui-block-a, #nav-btn .ui-block-b {
		width: 33.33%;
	}
	.owl-item.active .carouselContent, .owl-item .carouselContent {
		font-size: 1em;
	}
	#main .carouselItem .carouselContent .carouselBox {
		max-width: 480px;
	}
	.modules {
		margin: 0 auto;
	}
	.modules.floatFix {
		height: 100%;
	}
	.modules .homeModule .homeModuleBox, .modules .homeModuleOverlay {
		position: inherit;
	}
	.roller {
		vertical-align: middle;
		line-height: .9em;
	}
	.rollerHead {
		font-size: 1.5em;
	}
	.subHead {
		padding: 10px 0;
		font-size: .875em;
	}
	.subHead.overflow {
		padding: 0 0;
	}
	.subLogo {
		display: none;
	}
	.albumTracks {
		overflow-y: scroll;
	}
	#sounds .row.ui-accordion:not(:last-of-type) {
		margin-bottom: 10px;
	}
	#sounds .row.ui-accordion .ui-accordion-header:hover {
		cursor: pointer;
	}
	#sounds .row.ui-accordion .ui-accordion-header .albumTitle {
		transition: background .3s, color .3s;
	}
	#sounds .row.ui-accordion .ui-accordion-header:hover .albumTitle {
		color: rgb(0, 28, 50);
	}
	.playerWrap {
		padding: 10px 0 80px 0;
	}
	#footerBottom {
		padding-bottom: 60px;
	}
	#footerBottom.playing {
		padding-bottom: 200px;
	}
}
@media screen and (max-width:520px) {
	.carouselItem .carouselVideo {
		width: 150%;
		transform: translateX(-16.5%);
	}
	.soundTitle {
		width: 65%;
	}
	.albumT .albumTitle h3, .albumTitle .albumDesc {
		width: 65%;
	}
}
@media screen and (max-width:480px) {
	#main .carouselItem .carouselContent .carouselBox h1 {
		font-size: 2em;
		line-height: 1em;
		letter-spacing: inherit;
	}
	#main .carouselItem .carouselContent .carouselBox h2 {
		font-size: 1.5em;
		line-height: 1em;
		letter-spacing: inherit;
	}
	#main .carouselItem .carouselContent .carouselBox h3 {
		font-size: 1.25em;
		line-height: 1.2em;
	}
	#main .carouselItem .carouselContent .carouselBox h4 {
		font-size: 1.125em;
		line-height: 1.125em;
	}
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.25em;
	}
	.carouselItem .carouselVideo {
		width: 200%;
		transform: translateX(-25%);
	}
	.subHead {
		font-size: .75em;
	}
}
@media screen and (max-width:380px) {
	h2.title .titleAc {
	}
	h2.title .titleText {
		font-size: .44em;
	}
}
@media screen and (max-width:340px) {
	h2.title .titleText {
		font-size: .45em;
		line-height: 1.25em;
	}
}

/********************************** RIPPLE LOADER ************************************/
@-webkit-keyframes uil-ripple {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		margin: 0 0 0 0;
	}
	33% {
		width: 44%;
		height: 44%;
		margin: -22% 0 0 -22%;
		opacity: 1;
	}
	100% {
		width: 88%;
		height: 88%;
		margin: -44% 0 0 -44%;
		opacity: 0;
	}
}
@-webkit-keyframes uil-ripple {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		margin: 0 0 0 0;
	}
	33% {
		width: 44%;
		height: 44%;
		margin: -22% 0 0 -22%;
		opacity: 1;
	}
	100% {
		width: 88%;
		height: 88%;
		margin: -44% 0 0 -44%;
		opacity: 0;
	}
}
@-moz-keyframes uil-ripple {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		margin: 0 0 0 0;
	}
	33% {
		width: 44%;
		height: 44%;
		margin: -22% 0 0 -22%;
		opacity: 1;
	}
	100% {
		width: 88%;
		height: 88%;
		margin: -44% 0 0 -44%;
		opacity: 0;
	}
}
@-ms-keyframes uil-ripple {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		margin: 0 0 0 0;
	}
	33% {
		width: 44%;
		height: 44%;
		margin: -22% 0 0 -22%;
		opacity: 1;
	}
	100% {
		width: 88%;
		height: 88%;
		margin: -44% 0 0 -44%;
		opacity: 0;
	}
}
@-moz-keyframes uil-ripple {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		margin: 0 0 0 0;
	}
	33% {
		width: 44%;
		height: 44%;
		margin: -22% 0 0 -22%;
		opacity: 1;
	}
	100% {
		width: 88%;
		height: 88%;
		margin: -44% 0 0 -44%;
		opacity: 0;
	}
}
@-webkit-keyframes uil-ripple {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		margin: 0 0 0 0;
	}
	33% {
		width: 44%;
		height: 44%;
		margin: -22% 0 0 -22%;
		opacity: 1;
	}
	100% {
		width: 88%;
		height: 88%;
		margin: -44% 0 0 -44%;
		opacity: 0;
	}
}
@-o-keyframes uil-ripple {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		margin: 0 0 0 0;
	}
	33% {
		width: 44%;
		height: 44%;
		margin: -22% 0 0 -22%;
		opacity: 1;
	}
	100% {
		width: 88%;
		height: 88%;
		margin: -44% 0 0 -44%;
		opacity: 0;
	}
}
@keyframes uil-ripple {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		margin: 0 0 0 0;
	}
	33% {
		width: 44%;
		height: 44%;
		margin: -22% 0 0 -22%;
		opacity: 1;
	}
	100% {
		width: 88%;
		height: 88%;
		margin: -44% 0 0 -44%;
		opacity: 0;
	}
}
.loader {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10000;
}
.loaderMid {
	height: 100%;
	transform: translateY(35%);
}
.uil-ripple-css {
	background: none;
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	transform: translateY(50%);
}
.uil-ripple-css div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	width: 0;
	height: 0;
	opacity: 0;
	border-radius: 50%;
	border-width: 4px;
	border-style: solid;
	-ms-animation: uil-ripple 2s ease-out infinite;
	-moz-animation: uil-ripple 2s ease-out infinite;
	-webkit-animation: uil-ripple 2s ease-out infinite;
	-o-animation: uil-ripple 2s ease-out infinite;
	animation: uil-ripple 2s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
	border-color: #ffe658;
}
.uil-ripple-css div:nth-of-type(2) {
	border-color: rgb(0, 28, 50);
	-ms-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}



    .featured{
        margin-bottom: 20px;
    }
    .regular{
        background-color: #eee;
    }
    .announcement{
        padding: 20px 5px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }
    .an-left{
        width: 50%;
        margin-right: 20px;
        text-align: center;
    }
    .an-left img{
        max-height: 200px;
        height: 100%;
    }
    .an-right{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-self: flex-start;
    }
    .an-button{
        display: inline-block;
        margin-top: 20px;
    }
    .featured .col-md-6 .announcement{
        flex-direction: column;
    }
    .featured .col-md-6 .announcement .an-left{
        width: 100%;
    }
    .featured .col-md-12 .announcement .an-left ~ .an-right{
        width: 50%;
    }
    .bottom-feature{
        
    }
	.modules.row .announcement{
		align-items: flex-start;
	}
	.modules.row .announcement .an-left img{
		margin-top: 15px;
		width: 100%;
		min-width: 200px;
		max-height: max-content;
	}
	@media screen and (max-width: 990px){
        .modules.row .announcement{
            flex-direction: column;
        }
        .modules.row .an-left{
            width: 100%;
            margin-right: 0;
        }
		.modules.row .announcement .an-left img{
			margin-top: 0;
		}
		.modules.row .an-right{
			margin-top: 20px;
		}
        .modules.row .featured .col-md-12 .announcement .an-left ~ .an-right{
            width: 100%;
        }
    }
    @media screen and (max-width: 768px){
        .announcement{
            flex-direction: column;
        }
        .an-left{
            width: 100%;
            margin-right: 0;
        }
        .featured .col-md-12 .announcement .an-left ~ .an-right{
            width: 100%;
        }
    }