/* GENERAL ************************************************************ */
	html, body { height: 100%;}
	body { background: #fff; color: #505050; font-family: Open Sans !important; font-size: 12px;  height: 100%; padding: 0 0 60px; margin: 0; width: 100%; overflow-x: hidden;}
	
/*	div#ccm-highlighter { border-color: red;color: #fff;  z-index: 15 ; position: absolute;}
	div.ccm-add-block, div.ccm-add-block-global { border-color: #fff; color: #fff; display: block; position: absolute; width: 100%; }
	div.ccm-add-block:hover, div.ccm-add-block-global:hover { border-color: red; color: #fff; display: block;}
*/	

@font-face {
    font-family: Jack;
    src: url(../../tpcc%20-%20Copy/img/JACKNEW.TTF);
}

	a { color: #000; }
	a:hover { color: #626262;  text-decoration: none; }
	
	.slide input {
    -webkit-appearance: none;
    border-radius: 0;
}
	
	::selection { background: #f26722; color: #fff; }
	::-moz-selection { background: #f26722;  color: #fff; }
	.fullWidth .w-container,
	.fullWidth .w-col,
	.fullWidth .w-col-12 { padding: 0;  max-width: 100%;}

/* TRASITIONS ****************************************************************************************************
********************************************************************************************************************* */


	a,
	a:hover,
	.cta,
	.cta:hover,
	.cta a:hover .fa,
	.cta a .fa,
	img,
	img:hover,
	#mnav-toggle:hover,
	#mnav-toggle,
	.sermonSeriesWeekSelector ul li,
	.sermonSeriesWeekSelector ul li:hover,
	.sermonSeries a:hover:before,
	.sermonSeries a:hover,
	.sermonSeries a,
	.navListing .navPicture a:hover span,
	.navListing .navPicture a span,
	.cta a:hover .btn,
	.cta a .btn
	.cta a,
	.cta a:hover
	 { transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; }

	

/* PARALLAX OPTIONS ****************************************************************************************************
********************************************************************************************************************* */

	section:last-child { margin-bottom: 0; }
	.section.parallax { background-position: 50% 50% !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-size: cover !important; }
	
	
/* NAVIGATION ****************************************************************************************************
********************************************************************************************************************* */
	
	/* SECTION ************************************************************************************************* */
	
	.section.nav { background: #c2c2c2; height: 40px; }
	
	/* NAVIGATION (TITLEBAR) ************************************************************************************************* */
	
		ul.nav { display: none; }
		
			ul.nav li { display: inline-block; list-style: none; }
			ul.nav li a { font-family: Lato;}
			ul.nav li a:hover {}
	
	/* NAVIGATION (PEAK OUT) ************************************************************************************************* */
	
		#left ul.nav { display: block; margin: 20px 0; }	
	
		#left ul.nav li { display: block; }	
		#left ul.nav li a { color: #fff; display: block; font-size: 17px; font-weight: 600; padding: 5px 15px; }	
		#left ul.nav li a:hover { background: #4e4e4e; }	
	
	/* PEAK OUT MENU ****************************************************************************************************
	********************************************************************************************************************* */
	
		/* MAIN SLIDE CONTROLLER **************************************************************************************** */
	
			.slide {  -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: .25s ease all; }
			.slide.slide-over { -webkit-transform: translate3d(260px,0,0) !important; transform: translate3d(260px,0,0) !important; }
			#peak-out.slide.slide-over { -webkit-transform: translate3d(0px,0,0) !important; transform: translate3d(0px,0,0) !important; }
			/* Controls the Direction the Slide Out Area comes from */
	
		/* TOGGLE MENU LOCATION (MENU ICON) ***************************************************************************** */
	
			#peak-out { text-align: center; background: none repeat scroll 0 0 #212121; position: relative; z-index: 9;}
			/* The Toggle Menu Location */
			
			#mnav-toggle:before { content:"\f0c9"; font-family: FontAwesome; margin: 0 10px 0 -24px; position: absolute;  }
			.slide-over  #mnav-toggle:before { content:"\f00d"; font-family: FontAwesome; position: absolute;  }
			#mnav-toggle { background: none; color: #505050; cursor: pointer; display: inline-block; font-size: 18px; padding: 5px 9px 5px 33px; position: absolute; left: 0; text-align: center; top: 5px;}
			.slide-over #mnav-toggle,
			#mnav-toggle:hover { opacity: .80; /*background: #3E3E3E;*/ }
			.slide-over #mnav-toggle { /*background: url(../img/design/iconCollapseX.png) no-repeat;*/ }
	
		/* TOGGLE MENU LOCATION (SLIDE OUT MENU ***************************************************************************** */
	
			#left { background: #373737; width: 260px; position: fixed; top: 0; left: -260px; z-index: 99; height: 100%; overflow-y: auto; padding: 10px; }
			/*The Slide Out Area */
		
	
/* TITLEBAR ****************************************************************************************************
********************************************************************************************************************* */
	
	/* SECTION ************************************************************************************************* */
	
		.titlebar { padding: 20px 0; position: relative;  }
	
		.editmode .nav { position: relative;}
		
		/* LOGO ************************************************************************************************* */
		
			.nav img { max-width: 176px;}
			.nav img:hover { opacity: .80; }
		
		/* PHONE NUMBER ************************************************************************************************* */
		
			.phoneNumber { color: #6a6969; font-size: 16px; position: absolute; right: 11px; top: 11px;   }
			
				.phoneNumber span:before { content:"\f095"; font-family: FontAwesome; margin: 1px 10px 0 -19px; position: absolute;  }
				.phoneNumber span { position: relative;}
		
		/* UTILITY NAV ************************************************************************************************* */
		
			.titlebar .w-col-7 { display: none; }
		
		/* HEADER SLIDER ************************************************************************************************* */
		
			.header { }
			
				.header .w-container .w-col { margin:0 ; padding:0 ;}
		
				/* SLIDE ************************************************************************************************* */
		
					.powerSliderShell { display: block; height: 265px;  }
		
				/* PAGINATION ************************************************************************************************* */
		
					.powerSliderPagination { bottom: 10px; text-align: center; position: absolute; text-align: center; width: 100%; z-index: 999; }
					
						.swiper-pagination-bullet { height: 15px; margin: 0 3px; width: 15px; }
						.swiper-pagination-bullet-active { background: #fff; }
		
	
/* CONTENT ****************************************************************************************************
********************************************************************************************************************* */

	/* SECTION ************************************************************************************************* */
	
		.content {  font-family: Lato !important; padding: 49px 0; text-align: center;  }

	/* CONTENT ************************************************************************************************* */
	
		.content h1 { color: #505050; font-family: Lato !important; font-size: 36px;  font-weight: bold; line-height: 90%; margin: 0 0 20px; }
		.content h2 {}
		.content h3 {}
		.content h4 {}
		.content h5 {}
		.content h6 {}
		
		.content p { color: #505050; font-size: 20px; font-style: italic; font-weight: 300; line-height: 100%;  }
		
		.content ul {}
		.content ul li {}
		.content ul li a {}
		.content ul li a:hover{}
		
		.content ol {}
		.content ol li {}
		.content ol li a {}
		.content ol li a:hover{}
	
	
/* CALL TO ACTION ****************************************************************************************************
********************************************************************************************************************* */

	/* SECTION ************************************************************************************************* */
	
		.contentHighlight { padding: 20px 6px; }


	/* Call to Action ************************************************************************************************* */
	
		.cta { margin: 0 0 17px 0;}
		
			.cta a { background: #c2c2c2; display: block; padding: 0 0 10px;}
			
				.cta a img { margin: 0 0 15px 0;}
				.cta a .h1 { color: #505050; font-size: 30px; letter-spacing: -1px; margin: 0 10px 10px 20px;}
				.cta a .cta-subtitle {}
				.cta a p {}
				.cta a .btn { background: #a0a0a0; color: #505050; display: inline-block; font-weight: bolder; margin: 33px 0 10px 20px; padding: 8px 16px; text-transform: uppercase;}
			
			.cta a:hover { background: #a7a7a7; }
			
				.cta a:hover img {}
				.cta a:hover .h1 {}
				.cta a:hover .cta-subtitle {}
				.cta a:hover p {}
				.cta a:hover .btn { background: #505050; color: #fff; }
	
	
/* HOTEL AT A GLANCE ****************************************************************************************************
********************************************************************************************************************* */

	/* SECTION ************************************************************************************************* */
	
		.contentHighlight2 { padding: 75px 10px; text-align: center;}

	/* CONTENT ************************************************************************************************* */
	
		.contentHighlight2 h1 { color: #fff; font-family: Lato !important; font-size: 36px;  font-weight: bold; line-height: 90%; margin: 0 0 20px; }
		.contentHighlight2 h2 {}
		.contentHighlight2 h3 {}
		.contentHighlight2 h4 {}
		.contentHighlight2 h5 {}
		.contentHighlight2 h6 {}
		
		.contentHighlight2 p { color: #fff; font-size: 20px; font-style: italic; font-weight: 300; line-height: 100%;  }
		
		.contentHighlight2 ul { color: #fff; font-size: 15px; margin: 37px 10px 0 28px; text-align: left; }
		.contentHighlight2 .w-col-6+.w-col-6 ul { margin-top: 0; }
		.contentHighlight2 ul li:before { content:"\f05d"; font-family: FontAwesome; margin: 1px 10px 0 -19px; position: absolute;}
		.contentHighlight2 ul li {line-height: 100%; list-style: none; margin: 0 0 10px; position: relative;}
		.contentHighlight2 ul li a {}
		.contentHighlight2 ul li a:hover{}
		
		.contentHighlight2 ol {}
		.contentHighlight2 ol li {}
		.contentHighlight2 ol li a {}
		.contentHighlight2 ol li a:hover{}

	
/* ROTATING PHOTO GALLERY (HOMEPAGE) ****************************************************************************************************
********************************************************************************************************************* */

	/* SECTION ************************************************************************************************* */
	
		.contentHighlight4 { }

	/* FLEXSLIDER ************************************************************************************************* */
	
		.flexslider { background: none; border: none; box-shadow: none; }

	/* IMAGES ************************************************************************************************* */
	
		.carousel li { margin: 0 !important; width: 133px !important;}


	/* ARROW CONTROLS ************************************************************************************************* */
	
		.flex-direction-nav {}
		
			.flex-direction-nav .flex-prev:before { content:"\f061"; font-family: FontAwesome; margin: 1px 10px 0 -19px; position: absolute;}
			.flex-direction-nav .flex-prev { background: rgba(255, 255, 255, 0.8); position: absolute; right: 0;  top: 20px; height: 100%; }

			.flex-direction-nav .flex-next:before { content:"\f061"; font-family: FontAwesome; font-size: 25px; margin: 1px 10px 0 -19px; position: absolute;}
			.flex-direction-nav .flex-next { background: rgba(255, 255, 255, 0.8); position: absolute; right: 0;  top: 20px; height: 100%; }
		
		.flex-direction-nav:hover { margin: 0; padding: 0; }
		
			.flexslider:hover .flex-prev { left: 0;}
			.flexslider:hover .flex-next { right: 0;}
			.flex-direction-nav:hover .flex-next { background: rgba(255, 255, 255, .96);  right: 0; }

	
/* FOOTER ****************************************************************************************************
********************************************************************************************************************* */

	/* SECTION ************************************************************************************************* */
	
		.footer {  padding: 0 0 20px 0; }

	/* PROPERTY PIC ************************************************************************************************* */

		.footer .w-col-5  { padding: 0;}	
		.footer .w-col-5 img { margin: 0 0 32px; }	

	/* PROPERTY INFO ************************************************************************************************* */
	
		.footer .w-col-4 { padding: 0 25px 0; }
		
			.footer h1 { color: #505050; font-family: Lato; }
			.footer p { color: #505050;  font-family: Lato; font-size: 14px; }
		
	/* PHONE NUMBER ************************************************************************************************* */
		
		.footer .phoneNumber { display: block; margin: 12px 0 15px 20px; position: relative; right: 0;  top: 0; }
		
			.footer .phoneNumber span:before {   }
			.footer .phoneNumber span {}
		
	/* GET DIRECTIONS ************************************************************************************************* */
		
			.getDirections {  font-size: 16px; margin: 0 0 0 20px;  }
			
				.getDirections a:before { content:"\f041"; font-family: FontAwesome; margin: 1px 10px 0 -19px; text-decoration: none; position: absolute;  }
				.getDirections a { color: #6a6969; text-decoration: underline; position: relative;}
				.getDirections a:hover { text-decoration: none;}
			
	/* NAVIGATION ************************************************************************************************* */
	
		.footer ul.nav { display: block; margin: 25px 16px;}
		
			.footer ul.nav li { display: block; }
			.footer ul.nav li a { font-size: 16px;  font-weight: bold; }
			.footer ul.nav li a:hover { }

	
/* FOOTER ****************************************************************************************************
********************************************************************************************************************* */

	/* SECTION ************************************************************************************************* */

		.footer2 { padding: 35px 0 60px; text-align: center;}

	/* SITE CREDITS ************************************************************************************************* */

		.siteCredits {}
		
			.siteCredits h2 { color: #6d6d6d;  font-family: Lato; font-size: 16px; font-weight: 600; margin: 0 0 20px 0; }
			
			.siteCredits ul {}
			.siteCredits ul li { list-style: none;}
			.siteCredits ul li a { color: #6d6d6d; text-decoration: underline; text-transform: uppercase; }
			.siteCredits ul li a:hover { text-decoration: none; }