﻿/* 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=Salsa);
/*test*/
html {
  position: relative;
  min-height: 100%;
}
#Main img{
	max-width:100% !important;
	height:auto !important;
}

@media(max-width:768px) {
	#Main img{
		float:none !important;
		display:block !important;
		margin-left:auto !important;
		margin-right:auto !important;
}
}


hr {
	background-color:silver;
	height:1px;
	color:lime;
	border:0px;
}

 a, a:hover, a:focus {
	 text-decoration:none;
	 outline:none;
	 }
	 
 
.err {
	border-color:red;
} 
body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;	
	color:Black;
}

#docbody {
	background-color:white;
	padding-top:0px;
		-webkit-transition: padding-top 1.0s;
        -moz-transition: padding-top 1.0s;
        transition: padding-top 1.0s;
}
.headBack {
	position:relative;
	height:20px;
	z-index:100;
	background:url('/tempimg/tTop.png');
	background-position:center;
}
.titleBlock {
	position:relative;
	background-color:#640002;
	z-index:1000;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.60);
}

.titleImage {
	padding:20px;
	width:100%;
	max-width:482px;
}
.titleBill {
	width:100%;
	max-width:280px;
	transform: rotate(8deg);
	margin-bottom:-150px 
}
.navWid {
			-webkit-transition: all 2.0s;
        -moz-transition: all 2.0s;
        transition: all 2.0s;
}

.conWid {
				-webkit-transition: all 1.0s;
        -moz-transition: all 1.0s;
        transition: all 1.0s;
}

.topMenu {
	background:#49281F;
}
.logoHolder {

}
.navlogo{
	width:400px;
	max-width:100%;
	transition:ease-in all 0.5s;
}


.agecon {
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0px;
}
.agecat {
	height:100%; width:100%;
	background-size:cover;
	background-position:center;
	display:table
}
.agecol{
	height:200px;
	padding:10px;
}
.agecell {
	height:100%;
	width:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	text-decoration:none !important;
}
.agecell {
	background-color:#C8B9A0;
	opacity: 0.8;
	        -webkit-transition: opacity 2s;
        -moz-transition: opacity 2s;
        transition: opacity 2s;
}
.agecell:hover {
	opacity: 0.0;
}
.agecell p {
	display:none;
	color:white;
	font-size:30px;
	display:inline;
		-webkit-transition: display 1s;
        -moz-transition: display 1s;
        transition: display 1s;
}
.agecell:hover p {
	display:none;
}
@media(max-width:768px) {
	#docbody {
	padding-top:0px !important;
		-webkit-transition:none;
        -moz-transition:none;
        transition:none;
	}
}

@media(min-width:1920px) {
	#docbody {
		 background-size: 100% auto;

}
}
h1{
	color:#5F6955;
	margin-top:25px;
	font-family: 'Salsa', cursive;

	font-size: 35px;
}
h2, h3, h4, h5, h6 {
	font-family: 'Salsa', cursive;

}

h3, h2 {
	color:#5F6955;
}

h4 {
	margin-bottom:5px;
	margin-top:25px;
	color:#5F6955;
}
p {
/*	margin:30px; */

}
label {
	margin-top:20px;
}
.checkbox {
	margin-left:10px;
}
.checkbox label{
	margin-top:5px;
}


#Main{
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top:20px;
  /* Set the fixed height of the footer here */
 	background:url('/tempimg/tTop.png');
	z-index:49;
	color:white;
	border-top: 4px solid;
	border-image: url('/tempimg/tBorder.png') 50 round;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.60);
}
.fp {
	padding-bottom:20px;
	padding-top:30px;
}
.fItem  {
	float:left;
	padding-right:15px;
	padding-left:15px;
}

.fItem i {
	padding-right:6px;
}
.fFirst {
	padding-left:0px;
}
.fLast {
	
	border-right:none;
}

.fItem a {
	color:white;
	text-decoration:none;
}
.MakerMark {
	position:absolute;
	right:15px;
	bottom:25px;
}
.MakerMark img {
	height:35px;
}
.fpLast {
	padding-top:15px;
	padding-right:15px;
	text-align:right;
}
.fpLast span {
	border-radius:50%;
	font-size:35px;
	line-height:50px;
	width:50px;
	text-align:center;
	color:white;
	background-color:#640002;
}
.fpLast img {
	margin-bottom:8px;
	margin-right:4px;
}
.fspace {
	padding-left:0px;
}

@media(max-width:992px) {
	.MakerMark {
	position:relative;
	bottom:0px;
	right:auto;
	padding:10px;
}
.fspace {
	padding-left:0px;
}

.MakerMark img {
	height:35px;
}

.fp {
	text-align:center;
	padding:10px;
	padding-bottom:0px;

}
.fpLast {
	padding-right:0px;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
.fItem  {
	float:none;
	padding-right:15px;
	padding-left:15px;
	border-right:none;
	display:inline;
}
}
@media(max-width:768px) {
.fItem  {
	display:block;
}	
}

.post-item, .post-thumbnail {
	margin-bottom:35px;
	
}
.post-item a {
	
}
.pad-date {
	margin-bottom:30px;
}

/*------------------------------NAV------------------------------*/

.navbar-custom  {
	padding:5px;
	position:relative;
	width:100%;
	background-color:#969182;
	background-position:bottom;
	background:url('/tempimg/tTop.png');
	background-position:bottom center;
	height:auto;
	border-bottom: 4px solid;
	border-image: url('/tempimg/tBorder.png') 50 round;
	box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.60);
	z-index:999;
}
.navbar-header .icon-bar{
	background-color:white;
}
.navbar-toggle{
	margin-top:15px;
	border-color:white;
	padding:8px;	
}

.navbar-custom .navbar-table {
	display:table;
	width:100%;
}

.navbar-custom  .nav li a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow:none;
	color: white;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;	
}

.navbar-custom .active {
	background-color:none !important;
}
.navbar-custom .active a {
	color:white !important;
}
.navbar-custom .active ul li a {
	color:#969182 !important;
}

.navbar-custom  .nav li a:hover {	
	color: #909090 !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:#EBE1D2 !important;
}
.itemback a:focus {
	background-image:none !important; background-color:none !important;  filter: none; background-color:#EBE1D2 !important;
	color: #5F6955 !important;
}
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom  .nav li.active a {
	color: #5F6955;		
}
.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:#5F6955;	
  }
  .navbar {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}
.navlogo, .navwhite{
	
}

@media(max-width:768px) {
	.pad-date {
		height:auto !important	
	}
	.pad-center{
		text-align:center;
	}
	.dropdown-menu {
		border-bottom:2px solid white !important;
		border-radius:0px !important;
		background-color:white !important;
		
	}
	.dropdown-menu .divider{
		display:none;
	}

.navbar-custom {
position:relative !important;
}
}
@media(min-width:768px) {

.dropdown-menu {
		border-bottom:none;		
	}

.navWidShrink {
	width:100%;
	background-color:#640002;
}
.conWidShrink {
	width:100%;
	padding:0px;
}


.navbar-custom-shrink {
	background-color:#969182;
	margin:0px;
	padding:0px;
	
}

.navlogo-shrink{
	-webkit-transition: height .5s;
        -moz-transition: height .5s;
        transition: height .5s;
	height:50px;
}

}
/*Slide Show */


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
		position:relative;
  margin:auto;
  width:100%;
	max-width:1920px;
	overflow:hidden;
	z-index:10;
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.8);

}

.carousel-sizer {
	width:160%;
	position:relative;
	left:-30%;		
}
.carouselPage {
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.8);

}
.carousel-inner {
	max-width:1920px;
	margin:auto;
	position:relative;
}
.carousel .item {
}
.carousel-inner > .item > img {
margin:auto;
  height: auto;
}
#carouselSpace{
	display:none;
	-webkit-transition: height 1s;
    -moz-transition: height 1s;
    transition: height 1s;	
}
.carouselBody{
	
	margin-bottom: 0px;
}
.divider {
	border: 0;
	margin: 40px 0;
	margin-top:60px;
	height: 4px;
	border-top: #640002 1px solid;
	border-bottom: #640002 1px solid;
	text-align: center;
	position: relative;
	clear: both;
}
	.divider.half-margins {
		margin:30px 0;
	}

.divider .fa {
	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;
}
		.divider.styleColor .fa {
		color:#5B6369;
	}

.divider .hh {
	display: inline-block;
	height: 50px;
	width:100%;
	position: absolute;
	top: -25px; left: 0px;
}
.divider .hh .ha {
	color:#5B6369;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	margin:auto;
	line-height: 50px;
	text-align: center;
	font-size: 35px;
	background: white; /* same as background color */
}
.Hbutton{
	margin:10px;	
}
@media(max-width:300px) {
	.Hbutton{
	margin-left:0px;
	margin-right:0px;	
}
}
.btn-primary {
	border:#969182;
  background: #969182;
	background-image: linear-gradient(to bottom, #969182 0%, #EBE1D2 100%);
	color: black !important;
  

}
.btn-primary:hover {
	border:#969182;
  background: #EBE1D2;
	background-image: linear-gradient(to bottom, #EBE1D2 0%, #969182 100%);
}

.Hbutton{
	max-width:90%;
	overflow:hidden;
	text-overflow:ellipsis;
}
@media print {

  body div {
    display: none !important;
  }
  #Main{
    display:block !important;
	width:100%;
  }
  #Main div{
	  display:inherit !important;
  }
}