/* Global Styles */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,700italic,800italic,400,800,700,600,300');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400italic,700italic,700');
@import url('https://fonts.googleapis.com/css?family=IM+Fell+English+SC');
html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-align: left;
	background-image:url('/tempimg/back.png');
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
#docbody {

}
#Main img {
	max-width: 100% !important;
	height: auto !important;
		border: 10px white solid;
		margin:15px;
	box-shadow: black 0px 3px 10px 0px;
}

@media(max-width:768px) {
#Main img {
	float: none !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
}
#Main {
	background-color:white;
	box-shadow: black 0px 3px 10px 0px;
	padding:15px;

}
.err {
	border-color:red;
}
h1 {
	margin-top:0px;
}
h1, h2, h3, h4 {
	font-family: 'Playfair Display SC', serif;
}
h3 {

	font-weight:normal;
	
}
.holdTitles {
	margin-top:25px;
	margin-bottom:15px;
	text-align:left;
	color:white;
	
}
.topBack {
	background-image:url('tempimg/topBack.png');
	background-position:center top;
}
.logoTitle {
	margin-left:25px;
	font-size: 44px;
	line-height:35px;
	font-family: 'IM Fell English SC', serif;
	text-decoration:underline;
	margin-bottom:15px;
	text-shadow:black 0px 1px 3px;
	
	
}

.logoInfo {

	font-family: 'IM Fell English SC', serif;
	font-size:22px;
	line-height:22px;
	margin-left:35px;
	text-shadow:black 0px 1px 2px;
}
.logoLoc {
	margin-right:30px;
	font-family: 'IM Fell English SC', serif;
	font-size:22px;
	line-height:22px;
	margin-left:35px;
	text-shadow:black 0px 1px 2px;
}
.holdLogo {
	position: relative;
	z-index: 1000;
}
.imgLogo {
	width: 130%;
	max-width: 340px;
	margin-bottom: -50%;
	margin-right:-50%;
}

@media (max-width: 1200px) {
	.logoTitle {
		margin-top:20px;
		
	}
	.imgLogo {
	margin-bottom: -35px;
	}
	.holdTitles {
		margin-top:10px;
		margin-bottom:10px;
	}
}
@media (max-width: 992px) {
		.imgLogo {
			margin-top:5px;
	margin-bottom: -5px;
}
}
@media (max-width: 768px) {
.holdTitles {
	text-align:center;
}
.logoPhone {
	font-size:24px;
}
}
@media(max-width:768px) {
	.logoTitle {
		text-decoration:none;
		margin-top:15px;
		margin-bottom:5px;
	}
}
.blogP {
	margin-bottom: 24px;
}
.labelfield { /*CSS for label field in general*/
}
.datefield { /*CSS for date field in general*/
	color: gray;
}
#SignCell {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	padding: 10px;
	text-align: center;
}

@media (max-width: 768px) {
#SignCell {
	display: none;
}
}
.hero {
	position: relative;
	margin: auto;
	max-width: 1920px;
	overflow: hidden;
}
.hero-sizer {
	width: 160%;
	position: relative;
	left: -30%;
}
.hero-inner {
	max-width: 1920px;
	margin: auto;
	position: relative;
}
.hero-inner > img {
	margin: auto;
	height: auto;
}
#Main {
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	background-color: #751717;
	color: white;
	border-top:3px dashed white;
	box-shadow: 0px 0px 10px 3px black;
}
.fItem {
	float: left;
	margin-right: 15px;
	white-space: nowrap;
}
.flogohold {
	text-align: center;
	width: 100%;
	max-width: 250px;
	margin: auto;
}
.flogo {
	width: 90%;
	max-width: 220px;
	margin: auto;
	margin-top: -20%;
}
.flogo img {
	max-width: 100%;
}
.fspace {
	height: 14px;
	clear: both;
}
.fItem i {
	padding-right: 6px;
}
.fFirst {
	padding-left: 0px;
}
.fItem a {
	color: white;
	text-decoration: none;
	font-size: 16px;
}
.fadd {
	font-size: 14px;
}
.MakerMark {
	position: absolute;
	right: 15px;
	bottom: 25px;
}
.fpLast {
	text-align: left;
}
.fpLast span {
	border-radius: 50%;
	font-size: 25px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	color: black;
	background-color: white;
	margin-left: 5px;
	margin-right: 5px;
	box-shadow: 1px 1px 1px 1px black;
}
.fpLast span:hover {
	box-shadow: 1px 1px 1px 3px black;
}
.cwdLogo {
	margin-top:15px;
	text-align:right;
}
.fp {
	padding-top:15px;
}

@media(max-width:992px) {
.fp {
	text-align: center;
	padding: 10px;
	padding-top:5px;
	padding-bottom: 0px;
}
.fItem {
	float: none;
	display: inline;
}
.cwdLogo {
	text-align:center;
	margin-bottom:20px;
}
}

@media(max-width:768px) {
.fItem {
	display: block;
}

}
/*------------------------------NAV------------------------------*/
#MainNav {
	position: relative;
	background-color: #751717;
	font-family: 'Playfair Display SC', serif;
	margin-bottom: 25px;
	border-bottom:3px dashed white;
	box-shadow: black 0px 3px 10px 0px;
	
}
.navbar-header .icon-bar {
	background-color: white;
}
.navbar-toggle {
	border-color: white;
	padding: 8px;
}
.navbar {
}
.navbar-custom {
	padding: 0px;
}
.navbar-custom .nav li a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	color: white;
	font-size:18px;
	height:auto;
	line-height:22px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
}
.navbar-custom .active {
}
.navbar-custom .nav li a:hover {
	color: #751717 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.itemback a:hover {
	background-image: none !important;
	background-color: none !important;
	filter: none;
	background-color: #EAE0E3 !important;
}
.itemback a:focus {
	background-image: none !important;
	background-color: none !important;
	filter: none;
	background-color: #EAE0E3 !important;
	color: #751717 !important;
}
.navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .nav li.active a {
	color: silver;
}
.navbar-nav .dropdown:hover a, .navbar-custom .navbar-nav .open .dropdown-menu, .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav .open .dropdown-menu>li>a {
	color: #751717;
}
@media(max-width:768px) {
	.navbar-nav .dropdown:hover a, .navbar-custom .navbar-nav .open .dropdown-menu, .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav .open .dropdown-menu>li>a {
	color: white;
}
	
}
/*Slide Show */


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	border: 10px white solid;
	box-shadow: black 0px 6px 20px 0px;
	max-width: 1200px;
	margin: auto;
}
@media(max-width:1220px) {
.carousel  {
	margin-bottom:25px;
}

}
/* Declare heights because of positioning of img element */
.carousel .item {
	text-align: center;
}
.carousel-inner > .item > img {
	margin: auto;
	height: auto;
}
/* ---------------------*/

.homeTop {
	max-width: 1600px;
}


.divider {
	border: 0;
	margin: 35px 0;
	height: 4px;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	text-align: center;
	position: relative;
	clear: both;
}
.divider.half-margins {
	margin: 30px 0;
}
.divider .fa {
	color: #bbb;
	background: white; /* same as background color */
	text-align: center;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 50px;
	font-size: 20px;
	position: absolute;
	top: -25px;
	left: 50%;
	margin: 0 auto 0 -25px;
}
.styleColor {
	color: #273244;
}
.divider.styleColor .fa {
	color: #273244;
}