﻿/* Global Styles */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,700italic,800italic,400,800,700,600,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

html {
  position: relative;
  min-height: 100%;
}
#Main img{
	max-width:100% !important;
	height:auto !important;
}
 a {}
 
.err {
	border-color:red;
} 

.errcheckbox {
	border:1px red solid;
	padding:5px ;
	border-radius:5px;
} 


body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;	
	color:Black;
}

#docbody {
	background-color:white;
	padding-top:116px;
	
}
.doctrans {
		-webkit-transition: padding-top 1.0s;
        -moz-transition: padding-top 1.0s;
        transition: padding-top 1.0s;
}
.bodyback {
	position:relative;
}
.hometop {
	background-color:#030504;
}
/* ---------------------*/
.shadow
{
    display:block;
    position:relative;
	border-radius:20px 20px 0px 0px;
	
}
 
.shadow img
{
    display:block;
	border-radius:20px 20px 0px 0px;
}
 
.shadow:before
{
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    box-shadow:0 -20px 20px -15px #3e2e18 inset;
	border-radius:20px 20px 0px 0px;
	
}
.slogan {
	text-align:center;

	margin:20px;
	margin-top:-10px;
	margin-bottom:20px;
	
}
.slogan h1{
	color:white;
	margin-top:0px;
	letter-spacing: 10px;
	font-size:65px;
}
.slogan br{
	display:none;
}
@media(max-width:768px) {
.slogan h1{
	letter-spacing: 3px;
	font-size:30px;
}
}
@media(max-width:500px) {
.slogan i{
	display:none;

}
.slogan br{
	display:inherit;
}
}

.HomeBoxCon {
	max-width:1420px;
	position:relative;
	z-index:70;
	padding-bottom:30px;
}
.HomeBoxDiv{
	padding:30px;
	
}
.HomeBox {
	position:relative;
		border:2px white solid;
	border-radius:20px;
	background-color:white;
	width:100%;
	max-width:500px;
	height:400px;
	margin:auto;
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px #9b7a54 inset;
	padding-bottom:40px;


}


	
.HomeBox img{
	width:100%;
	height:auto;
}
.HomeBox h2{
	margin:10px;
	font-size:28px;
}
.HomeBox p{
	margin:10px;
	
}
.HomeBox a {
}
.HomeBox .more{
	position:absolute;
	bottom:0px;
	right:0px;
	padding:15px;
}
.HomeBox .more a{
	color:#77787B;	
}


@media(max-width:768px) {
	.HomeBox {
		height:auto !important	
	}
}



@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:#3e2e18;
	margin-top:25px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	}
h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Condensed', sans-serif;
}

h2 {
	color:#3e2e18;
	font-size:30px;
	font-style:italic;
	margin-top:-8px;
	font-weight:bold;
}
h3 {	
	color:#79060D;
	margin-bottom:3px;
	text-transform: uppercase;

}
h4 {
	margin-bottom:3px;
	margin-top:25px;
	color:#79060D;
}
a {
	color:#003b59;
}


#Main{
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top:20px;
  /* Set the fixed height of the footer here */
 	background-color:#79060D;
	z-index:49;
	color:white;
}
.fspace {
height:15px;
clear:both;
}	
.fp {
	padding-bottom:20px;
	padding-top:20px;
}
.fItem  {
	position:relative;
	float:left;
	padding-right:15px;
	padding-left:15px;
	white-space:nowrap;
}

.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 {
	margin-top:8px;
	padding-right:15px;
	text-align:right;
}
.fpLast span {
	border-radius:50%;
	font-size:35px;
	line-height:50px;
	width:50px;
	text-align:center;
	color:#D8CDB8;
	background-color:white;
}
.fpLast span:hover {
	color:#3e2e18;
}
.fpLast img {
	margin-bottom:8px;
	margin-right:4px;
}
.fspace {
	padding-left:0px;
}
.cwd {
	background:no-repeat center;
	background-image:url(/images/cwdlogotan.png);
}
.cwd:hover {
	background-image:url(/images/cwdlogobrown.png);
}
@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;
}
.form-inline {
	margin-top:20px;
	
}
}
@media(max-width:400px) {
.fItem  {
	display:block;
}	
}

.post-item h2{
	margin-top:0px;
}

.post-item, .post-thumbnail {
	/*margin-bottom:35px;*/
	
}
.post-item a {
	
}
.pad-date {
	margin-bottom:30px;
}

/*------------------------------NAV------------------------------*/

/*------------------------------NAV------------------------------*/

.navbar-header .icon-bar{
	background-color:white;
}
.navbar-toggle{
	border-color:white;
	padding:8px;	
}
.navbar {
	
}
.navbar-custom  {
	padding:5px;
	background-color:#79060D;
	background-position:bottom;
	border-bottom:2px solid white;
	height:auto;
}
.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:12px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;	
}

.navbar-custom .active {
	background-color:white !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:#EAE0E3 !important;
}
.itemback a:focus {
	background-image:none !important; background-color:none !important;  filter: none; background-color:#EAE0E3 !important;
	color: #909090 !important;
}
.navbar-nav {
	
}
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom  .nav li.active a {
	color: #909090;		
}
.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:#909090;	
  }
  .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;
}


@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-fixed-top {
			position:relative
	}
	.navbar-collapse {
		max-height:none !important;
		margin-top:20px;

}

.navlogo-holder {
	max-width:100%;
	padding-right:50px !important;
	min-height:40px;
}
.navlogo{
	
	width:100%;
	max-width:208px;
}
}
@media(min-width:768px) {
    .navbar-table {
		height:90px;
        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        transition: all 1.5s;
    }
	
.navbar-custom .navbar-inner {
	display:table-cell; 
	min-height:100%; 
	vertical-align: middle;


}
.navlogo-holder{
	display:table-cell; 
	vertical-align: middle;
	height:100%;
	padding-right:10px;
	

}
.navbar-nav li {
	white-space:nowrap;
	

}
.navlogo{
	width:100%;
	max-width:500px;
	 -webkit-transition: width 1.5s;
     -moz-transition: width 1.5s;
    transition: width 1.5s;

	
}
	.dropdown-menu {
		border-bottom:none;
		
	}

    .navbar-table-shrink {
		
        height:60px;
    }

.navbar-custom-shrink {
	background-color:#79060D;
	border-bottom:2px solid white;

	
}
.navbar-custom-shrink li a {
	font-size:16px !important;
	
}
.navlogo-holder{

}
.navlogo-shrink{

		width:194px;
}
.navlogo-holder-shrink{
	
}
}
/*Slide Show */


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/*not Car*/
.page-marg { 
	margin-bottom:25px;
}
/* Carousel base class */
.carousel {
  margin-bottom: 15px;
  margin:auto;
	max-width:1920px;
	overflow:hidden;
	position:relative;
}
.carousel-sizer {
	width:160%;
	position:relative;
	left:-30%;
}
.carousel-inner {
	max-width:1920px;
	margin:auto;
	position:relative;
}
.carousel-inner > .item > img {
	margin:auto;
  	height: auto;
}
.carouselBody{
	margin-top:30px;
	margin-bottom:30px;
}
@media(min-width:768px) {
.indTop {
	z-index:30;
}
.bodyback {
	z-index:40;
}
}
@media (max-width: 768px) {

.carouselBody{
	margin-top:30px;
	margin-bottom:30px;
}
}
.divider {
	border: 0;
	margin-bottom: 60px;
	margin-top:90px;
	height: 4px;
	border-top: #849CAF 1px solid;
	border-bottom: #849CAF 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:#375675;
	}
.divider .hh {
	display: inline-block;
	height: 50px;
	width:100%;
	position: absolute;
	top: -25px; left: 0px;
}
.divider .hh .ha {
	color:#909090;
	font-family: 'Open Sans Condensed', sans-serif;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	margin:auto;
	line-height: 50px;
	text-align: center;
	font-size: 40px;
	background: white; /* same as background color */
}
.Hbutton{
	margin:10px;	
}
@media(max-width:300px) {
	.Hbutton{
	margin-left:0px;
	margin-right:0px;	
}
}
.btn-primary {
  background: #375675;
	background-image: linear-gradient(to bottom, #375675 0%, #284156 100%);
}
.btn-primary:hover {
  background: #284156;
	background-image: linear-gradient(to bottom, #284156 0%, #375675 100%);
}
.Hbutton{
	max-width:90%;
	overflow:hidden;
	text-overflow:ellipsis;
}
