@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Light.eot');
    src: url('/assets/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Light.woff2') format('woff2'),
        url('/assets/fonts/Lato-Light.woff') format('woff'),
        url('/assets/fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Medium.eot');
    src: url('/assets/fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Medium.woff2') format('woff2'),
        url('/assets/fonts/Lato-Medium.woff') format('woff'),
        url('/assets/fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Semibold.eot');
    src: url('/assets/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Semibold.woff2') format('woff2'),
        url('/assets/fonts/Lato-Semibold.woff') format('woff'),
        url('/assets/fonts/Lato-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

body{
	margin:0px; padding:0px;
	font-family:sans-serif;
	font-weight:300;
	color:#666;
	background-color:#fbfbfb;
	/*
	overflow-x:hidden;
	*/
}

.alert-label{
	position:absolute;
	bottom:-9px;
	right:9px;
	display:inline-block;
	background-color:#fff;
	border:1px solid #f00;
	color:#f00;
	font-size:9px;
	padding:3px 9px;
}

h1, h2, h3, h4, h5, h6{
	margin:0px; padding:0px;
	font-family:Lato;
	font-weight:300;
	color:#666;
	
}

a{
	text-decoration:none;
}

#menubar{
	display:block;
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	padding:0px;
	line-height:63px;
}

#menubar-menus{
	display:block;
	margin:0px;
	padding:0px;
}

#menubar-menus > li{
	display:inline-block;
	margin:0px;
	padding:0px;
}



#menubar-menus > li > a{
	display:block;	
	padding:0px 18px;	
	text-decoration:none;
	color:#333;
}

#menubar-menus > li.active{	
	border-bottom:2px solid #333;
}

#menubar-menus > li.active > a{
	font-weight:bold;
	color:#333;
}

#menubar-menus > li.widget-icons > a{	
	padding:0px 0px 0px 18px;
}

#banner-section{
	display:block;
	width:100%;
	margin-top:36px;
}

#slide-image{
	position:relative;
	top:0px;
	left:0px;
	/* background-image:url('/images/clergy-man.png'); */
	background-repeat:no-repeat;
	background-size:cover;
	min-height:450px;
	padding-bottom:18px;
}

#slide-image-caption-text{
	position:absolute;
	top:45px;
	left:45px;
	width:63%;
	display:block;
}

#slide-image-caption-text h1, #slide-image-caption-text h2, #slide-image-caption-text h3, #slide-image-caption-text h4{
	color:#fff;
	font-family: Lato;
	font-weight:100;
}
a.excerpt-play-btn{
	display:inline-block;
	color:#fff;
	padding:6px 18px;
	margin:45px 0;
	border:1px solid #fff;
	text-decoration:none;
	
}
a.excerpt-play-btn:hover{
	border:1px solid #ccc;
}
a.excerpt-play-btn > i{
	margin-right:9px;
}

#day-sermon{
	display:block;
	background-color:#fff;
	padding:18px;
	position:relative;
	top:0px;
	left:0px;
	box-sizing: border-box;
}

#day-sermon:hover{
	border:1px solid #eee;
	padding:17px;
}

#day-sermon h2{
	margin-top:18px;
}
#day-sermon p{
	margin-bottom:0px;
}

div.writer-base-block{
	display:block;
	position:absolute;
	left:18px;
	bottom:18px;
}

p.writer-name-label{
	
}

p.writer-name-label > img{
	width:45px; 
	border-radius:50%;
	float:left; 
	margin-right:18px;
}

p.writer-name-label > span{
	display:inline-block; 
	padding-top:9px;
}

.margin-top-15{
	margin:45px 0px;
}

#newest-post{
	display:block;
	width:100%;
	margin-top:36px;
	padding-top:36px;
	padding-bottom:36px;
	background-color:#fff;
}

#classic-post{
	display:block;
	width:100%;
	
	padding-top:36px;
	padding-bottom:36px;
	background-color:transparent;
}

.vertical-text-caption-box{
	position:relative;
	top:0px;
	left:0px;
	border:1px solid #ccc;
	min-height:434px;
	padding:18px;
}

.double-vertical-post-box p{
	margin:0px;
}
.double-vertical-post-box big{
	line-height:60px;
	font-size:14px;
}

.single-vertical-post-box{
	display:block;
	position:relative;
	top:0px;
	left:0px;
}

.horizontal-text-caption-box{
	background-color:#fff;
	/*position:relative;*/
	top:0px;
	left:0px;
	border:1px solid #eee;
	min-height:380px;
	padding:18px;
}

.horizontal-text-caption-box big{
	line-height:60px;
	font-size:14px;
}
.horizontal-text-caption-box p{
	margin:0px;
}

.floating-theme{
	display:inline-block;
	position:absolute;
	top:18px;
	left:18px;
	background-color:rgba(0, 0, 0, 0.45);
	color:#fff;
	padding:6px 18px;
}

.icon-holder-text{
	color: #fff;
	text-align:center;
	font-size:18px;
	margin-top:27px;
}

.search{
	padding:9px;
	border:1px solid #eee;
	margin-top:9px;
}
#header-logo-box big, #header-logo-box small{
	color:#fff;
}

#header{
	display:block;
	background-color:#9b5fbd;
	padding:18px 18px 3px 18px;
}
#header-logo-box img{
	width:117px;
	background-color:#fff;
	padding:6px;
}

div.double-vertical-post-box{
	display:block;
	width:100%;
}

div.double-vertical-post-box > div{
	display:inline-block;
	float:left;
	width:50%;
	border:1px solid #eee;
}

#footer{
	display:block;
	width:100%;
	background-color:#fff;
	padding:36px;
	border-top:1px solid #eee;
}

img.left-floating-image{
	float:left;
	margin-right:18px;
}

.flex-row{
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.flex-col-1{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-col-8{
	-webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
}


h3.bold-white-text{
	font-size:36px;
	font-weight:600;
	color:#fff;
}

h2.bold-white-text{
	font-size:45px;
	font-weight:600;
	color:#fff;
}





/* width */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
    background: #fff; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #008080; 
	border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: orange; 
}

img{
	border:none;
}
.separate-40{
	margin-bottom:40px;
}

.separate-20{
	margin-bottom:24px;
}
.centered-text{
	text-align:center;
}

.flex-row{
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.no-padding{
	padding:0px;
}
.no-padding-left{
	padding-left:0px;
}

.no-padding-right{
	padding-right:0px;
}


.flex-col-1{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;	
	border:0px solid #f00;
}

.flex-col-2{
	-webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;	
}
.flex-col-3{
	-webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.flex-col-4{
	-webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
	
}

.flex-col-5{
	-webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.flex-col-6{
	-webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
}

.flex-col-7{
	-webkit-flex: 7;
    -ms-flex: 7;
    flex: 7;
}

.flex-col-8{
	-webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
}

.flex-col-9{
	-webkit-flex: 9;
    -ms-flex: 9;
    flex: 9;
}

.icon-holder{
	width:100px;
	display:block;
	margin:auto;
	padding:15px;
	background-color:#fff;
	border-radius:50%;
}

.icon-holder > img{	
	
	
}



.display-inline{
	display: inline;
	float:left;
}
.display-inline-block{
	display: inline-block;	
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}




#reponsive-mobile-menu{
	display:none;
	width:100%;
	padding:0px;
	background-color:#fff;
	margin-top:9px;
	border-top:1px solid #ccc;
}

#reponsive-mobile-menu ul{
	display:block;
	padding:0px;
	margin:0px;
}

#reponsive-mobile-menu ul > li{
	display:block;
	list-style-type:none;
}

#reponsive-mobile-menu ul > li > a{
	display:block;
	padding:9px 2px;
	text-decoration:none;
}


.featured-projects{
	display:block;
	color:#fff;
	background-color:#a34e80;
	padding:18px;
}


@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.slide-left{
	display:block;
	width:400px;
	position:absolute;	
	animation: slide-left-anim 1s ease;
}

a.slide-right-btn{
	display:inline-block;	
	width:280px;
	position:absolute;	
    background-color: #ffc000;
    color: #333;
    padding: 9px 18px;
    border-radius: 6px;
    text-decoration: none;    
    margin-top: 20px;
    font-weight: 600;
	text-align:center;
	animation: slide-right-btn-anim 1s ease;
}





@-webkit-keyframes slide-left-anim {
	from {
		max-width:300px;
		opacity: 0.0;
		filter: alpha(0.4);
		left:500px;
	}
	
	to {
		max-width:300px;
		opacity: 1.0;
		filter: alpha(1.);
		left:90px;
	}  
}

@-moz-keyframes slide-left-anim {
	from {
		max-width:300px;
		opacity: 0.0;
		filter: alpha(0.4);
		left:500px;
	}
	
	to {
		max-width:300px;
		opacity: 1.0;
		filter: alpha(1.);
		left:90px;
	}   
}

@keyframes slide-left-anim {
	from {
		max-width:300px;
		opacity: 0.0;
		filter: alpha(0.4);
		left:500px;
	}
	
	to {
		max-width:300px;
		opacity: 1.0;
		filter: alpha(1.);
		left:90px;
	}    
}


/* SLIDE RIGHT SLIDER BUTTON */
@-webkit-keyframes slide-right-btn-anim {
	from {
		
		opacity: 0.0;
		filter: alpha(0.4);
		left:0px;
	}
	
	to {
		
		opacity: 1.0;
		filter: alpha(1.);
		left:90px;
	}    
}

@-moz-keyframes slide-right-btn-anim {
	from {
		
		opacity: 0.0;
		filter: alpha(0.4);
		left:0px;
	}
	
	to {
		
		opacity: 1.0;
		filter: alpha(1.);
		left:90px;
	}     
}

@keyframes slide-right-btn-anim {
	from {		
		opacity: 0.0;
		filter: alpha(0.4);
		left:0px;
	}
	
	to {
		
		opacity: 1.0;
		filter: alpha(1.);
		left:90px;
	}      
}

.white-bg{
	background-color:#fff;
}
.featured-projects{
	background-color:#fff; 
	min-height:100px; 
	padding:27px 0px; 
	border:0px solid #f00;
}

.white-text{
	color:#fff;
}
.yellow-text{
	color:#fff;
}
a.custom-featured-project-btn{
	display:block;
	padding:6px 18px;
	background-color:#eee;
	color:#333;
	text-decoration:none;
	margin:0 18px;
	border-radius:6px;
	text-align:center;
	font-weight:600;
}

ul.property-features-vertical-tabs{
	margin:27px 0 0 0;
	padding:0px;	
}

ul.property-features-vertical-tabs li{
	display:block;
	list-style-type:none;
	margin-bottom:4px;
}

ul.property-features-vertical-tabs li a{
	display:block;
	border:1px solid #fff;
	border-radius:6px 0px 0px 6px;
	text-align:center;
	padding:9px 6px;
	text-decoration:none;
	line-height:14px;
}

.vertical-tab-contents, .vertical-tab-contents-1{
	display:none;
	background-color:#9b6fbd;
	padding:15px;
	margin-left:-4px;
	min-height:200px;
	border-radius:6px;
	min-height:270px
}


.right-white-bordered{
	border-right:1px solid #fff;
}
.padding-15{
	padding:0px 15px;
}

.vertical-tab-contents.selected-tab, .vertical-tab-contents-1.selected-tab{
	display:block;
	
}

ul.property-features-vertical-tabs li a > big{	
	color:#fff;	
}

ul.property-features-vertical-tabs li a > small{	
	color:#fcc000;	
}

ul.property-features-vertical-tabs li a.selected{	
	border:1px solid #9b6fbd;	
	color:#fff;
	background-color: #9b6fbd;
}

a.custom-goldish-bg{
	background-color:#fcc000;
}

.custom-goldish-text, a.footer-strip-legal-links{
	color:#fcc000;
	text-decoration:none;
}

.thick-left-bordered-text{
	display:block;
	border-left:6px solid #fff;
	margin-top:15px;
	padding-left:15px;
}

.big-font{
	font-size:18px;
	font-family:Lato;
	font-weight:100;
	line-height:30px;
}

.green-bg{
	background-color:#0c6e45;
	color:#fff;
	border:none;
}

.outright-payment-labels{
	background-color:#7030a0;
	border:1px solid #fff;
	border-radius:6px;
	padding:6px 12px;
	margin-bottom:2
}

.custom-form-control{
	display:block;
	width:100%;
	padding:9px 18px;
	border:1px solid #ccc;
	background-color:#f9f9f9;
}

textarea.custom-form-control{
	height:270px;
	background-color:#ffff66;
}

.custom-submit-btn{
	display:inline-block;
	padding:6px 18px;
	border:1px solid #333;
	background-color: #333;
	color:#fff;
	border-radius:6px;
}
a.side-more-links{
	font-size:18px;
	text-decoration:none;
}
.footer-col-purple-left-bordered{
	border-left:2px solid #9064b2;
}
.footer-theme{
	color:#9064b2;
	font-weight:600;
}

.footer-col-links-block{
	display:block;
	padding:0; margin:0 0 18px 0;
}

.footer-col-links-block:last-child{	
	padding:0; margin:0 0 0 0;
}

.footer-col-links-block > li{
	list-style-type:none;
	display:block;
}
.footer-col-links-block > li > a{
	color:#666;
	text-decoration:none;
}

.footer-col-links-block > li > big{
	color:#666;
	line-height:23px;
	font-size:14px;
}

.horizontal-multiple-slides{
	/*display:block;*/
	margin:18px 0px 0px 0px;
	padding:0px;
}
.horizontal-multiple-slides > li{
	list-style-type:none;
	display:inline-block;
}
.horizontal-multiple-slides li.slide-items{
	text-align:center;
}

.horizontal-multiple-slides li.slide-items img{
	width:50%;
	margin-bottom:9px;
}




#newsletter-form{
	display:block;
	position:relative;
	margin-top:9px;
	top:0px;
	left:0px;
	min-height:50px;
}

#newsletter-form > input{	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:9px;
	background-color:#eee;
	border:1px solid #fff;
	border-radius:6px;
	
}

#newsletter-form > button{	
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	padding:9px;
	background-color:#666;
	border:1px solid #fff;
	border-radius:0px 6px 6px 0px;
	color:#fff;
}

#search-box > form{
	display:block;
	position:relative;
	
	top:0px;
	left:0px;
	min-height:50px;
	box-sizing:border-box;
	
}

#search-box > form input[type="search"]{	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:9px;
	background-color:#eee;
	border:1px solid #fff;
	border-radius:6px;
	
}

#search-box > form button[id="search-widget-btn"]{	
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	padding:9px;
	background-color:#666;
	border:1px solid #fff;
	border-radius:0px 6px 6px 0px;
	color:#fff;
	
}



@-webkit-keyframes pulsating-btn {
  0% {
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  }

  70% {
	-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulsating-btn {
  0% {
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  }

  70% {
	-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}


@media only screen and (max-width: 900px) {
	  /* For mobile phones: */
	  [class*="flex-col-"] {
		display:block;
		width: 100%;
		clear:both;
	  }
	  #slide-image{
		  min-height:600px;
	  }
}

.custom-modals{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
	background-color:rgba(0, 0, 0, 0.6);
}
.modal-contents{
	display:block;
	width:100%;
	background-color:rgba(255, 255, 255, 1);
	padding:0px;
	margin:18px 27px;
	border-radius:6px;
	
}
.modal-toolbox{
	display:block;
	width:100%;
	padding:3px 18px;
	font-size:18px;
}

#modal-image-box{
	display:block;
	width:100%;
}
#modal-image-box > img{				
	width:100%;
}


@media only screen and (min-width: 768px) {
  /* For mobile phones: */
  .hide-in-big{
	display:none;
  }
}


.active-about-content, .featured-content{
	display:block;
}
.media-widgets{
	border-top:1px dotted #eee;
	display:block;
	padding-top:18px;
	margin:18px 0px 40px 0px;
}

.media-widgets > a{
	display:inline-block;
	padding:0 18px 27px 0;
	text-decoration:none;
}
p.footer-social-links a{
	margin-right:27px;
}

section#latest-articles{
	display:block;
	width:100%;
	margin-top:27px;
	padding:27px;
	background-color:#fff;
	min-height:270px;
}
div.media{
	margin-bottom:18px;
}

div.media .media-left{
	margin-right:27px;
}


