/*@import url(http://fonts.googleapis.com/css?family=Cardo:400italic);*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	color: #000;
	background: #fff;
	font-family: 'OpenSansLight', arial, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 1em;
}
a {
	text-decoration: none;
	color: #886233;
}
a:hover {
	text-decoration: none;
	color: #000;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'OpenSansLight', sans-serif;
	font-weight: normal;
}
.center {
	margin: 0 auto;
	float: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.space10 {
	width: 100%;
	height: 0.625em;
}
.space20 {
	width: 100%;
	height: 1.250em;
}
.space30 {
	width: 100%;
	height: 1.875em;
}
.space40 {
	width: 100%;
	height: 2.500em;
}
.pink {
	color: #ed1c8f
}
.caps {
	text-transform: uppercase;
}
.not-caps {
	text-transform: none;
}
.font-style-normal {
	font-style: normal;
	font-family: 'bariol';
}
.position-fixed {
	position: fixed;
}
.line {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.line-shadow-down {
	width: 100%;
	height: 1px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.line-shadow-up {
	width: 100%;
	height: 1px;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.05);
}
.sticky {
	position: fixed;
	bottom: 40px;
}
.notSticky {
	position: relative
}
.no-margin {
	margin: 0;
}
.hoverpng {
	display: inline-block;
}
.padding-right-20 {
	padding-right: 20px;
}
.centerer {
  text-align:center; /* Align center inline elements */
  font: 0/0 a;       /* Hide the characters like spaces */
}
.centerer:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.centered {
  vertical-align: middle;
  display: inline-block;
}
.container {
	width: 100%;
	max-width: 67.5em;
	margin: 0 auto;
}
.container.bordered {
	width: 96% !important;
	max-width: 64.5em;
}
.short {
	/*width: 75%;	*/
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar-wrapper {
}
#header-contact {
	float: right;
	text-align: right;
	color: #886233;
	font-size: 0.813em;	
	padding-top: 2em;
}
#header-contact a {
	font-size: 1.500em;
	font-family: 'OpenSansBold';
	color: #886233;
}
.navbar {
	margin-bottom: 0;
}
.navbar .navbar-inner {
	border: 0;
	-webkit-box-shadow: none;
	 -moz-box-shadow: none;
		  box-shadow: none;
	border-radius: 0;
	box-shadow: 0;
	background: #F3EFEA;
	padding: 0;
	/*padding-bottom: 20px;*/
}
.navbar-inner .container {
	text-align: center;
}
.navbar .btn-navbar {
	position: fixed;
	top: 0.5em;
	right: 1.5em;
	background: #ed1c8f;
	border: 0;
	border-radius: 0
}
.navbar-inverse .btn-navbar {
	background: #717073;
	border-color: rgba(36, 36, 36, 0.1) rgba(36, 36, 36, 0.1) rgba(36, 36, 36, 0.25);
}
#menu-wrapper {
	width: 100%;
	background: #886233;
	margin: 1em auto 0;
}
.navbar .nav {
	float: none;
	padding: 0;
	font-size: 1em; /*  1.125em; */
	width: 100%;
	list-style: none;
	max-width: 67.5em;
	margin: 0 auto;
}
.navbar .nav > li {
	float: none;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	margin: 0;
	width: 25%;
	padding: 0;
}
.navbar .brand {
	/*padding: 0 3.125em 0 0;*/
	/*height: 6.875em;*/
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	margin: 0;
	position: relative;
	float: left;
	width: 100%;
	max-width: 22.250em;
	padding: 1.5em 0 0 0;
}
.navbar .brand img{
	width: 100%;
}
.navbar .nav li a {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.navbar .nav > li > a > div {
	padding: 0.25em 0;
	text-align: center;
	color: #fff;
	font-family: 'OpenSansLight', sans-serif;
	font-size: 0.844em;
	text-shadow: none;
	display: inline-block;
	border-radius: 0;
}
.navbar .nav  li.active,
.navbar .nav  li.active a,
.navbar .nav  li.active a:hover,
.navbar .nav  li a:hover,
.navbar .nav li.dropdown.open > .dropdown-toggle {
	background: #a88963 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.navbar .nav  li.dropdown.active.open ul.dropdown-menu li div.yamm-content ul.span2.unstyled li a {
	background: transparent !important;
}
.dropdown-menu { text-align: left; margin-top: -1px; margin-left: -1px; font-size: 0.725em; border-radius: 0 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.25) ; z-index: 99999 !important; }
.dropdown-menu .divider { background-color: transparent; }
.span2 { width: 13em; padding-right: 1em }
.span2:nth-last-child(1) { padding-right: 0; }
.navbar .nav li.dropdown>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret,.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff;}
.nav-header { /*background: #886233;*/  color: #886233; text-shadow: none; font-family:'OpenSansBold'; padding: 0 0 0.8em !important }

/******* SLIDER *******/
#slider { 
	width: 100%;
	margin: 0.5em 0 1.5em 0 !important;
	overflow: hidden;
	float: none !important;
	border-radius: 0.5em;
	border:1px solid #E6E6E6;
	/*box-shadow: 0 0px 4px rgba(0,0,0,0.2);*/
}
/******* END SLIDER *******/
/******* PAGE *********/
#page {
	background:url(../img/bg-l.png) left repeat-y, url(../img/bg-r.png) right repeat-y;
	/*background-size: contain;*/
	padding: 1em 0 0;
}
#top-page {
	background:url(../img/bg-tl.png) left no-repeat, url(../img/bg-tr.png) right no-repeat;
	background-size: contain;
	width: 100%;
	height: 9.938em;
	margin-bottom: -6em;
}
#bottom-page {
	background:url(../img/bg-bl.png) left no-repeat, url(../img/bg-br.png) right no-repeat;
	background-size: contain;
	width: 100%;
	height: 9.938em;
	margin-top: -5em;
}
#page .container {
	min-height: 15em;
	line-height: 2em;
}
#page .container h1 {
	padding: 0 0.625em;
	color: #886233;
	font-size: 2em;
}
#page .container h3 {
	padding: 0.725em 1em 0;
	color: #886233;
	font-size: 1.25em;
}
#page .container p {
	padding: 0.8em 1.25em;	
}
#page .container ul {
	padding: 0 1.25em;	
	color: #886233;
}
#page .container li {
	line-height: 1.5em;
}
#page .container li span {
	color: #000
}
#video { padding: 0.8em 1.25em; cursor: pointer; }
.bordered {
	border-radius: 0.5em;
	border:1px solid #E6E6E6;
	padding: 2%;
	background: rgba(255,255,255,0.85);
}
#col-welcome {
	width: 32.50%;
	margin-right: 4%;
	display:inline-block;
	vertical-align: top;
	border-radius: 0.5em;
	border:1px solid #E6E6E6;
	padding: 2%;
	font-size: 0.75em;
	background: rgba(255,255,255,0.85);
}
#col-about {
	width: 55%;
	display: inline-block;
	vertical-align: top;
	border-radius: 0.5em;
	border:1px solid #E6E6E6;
	padding: 2%;
	font-size: 0.75em;
	background: rgba(255,255,255,0.85);
}
#col-welcome h3, #col-about h3 { font-size: 1.625em; color: #886233; margin-bottom: 0 }
#col-about img { max-width: 10em; }
#page .container #col-welcome p, #page .container #col-about p { padding-left: 0; padding-right: 0;}
#img-about {
	padding: 10px 0 10px 10px;
}
.img-about2 {
	padding: 10px 0 10px 20px;
}

#loader {
	position: fixed;
	top: 3em;
	background: #fff url(../img/icns/loading.gif) center no-repeat;
	width: 100%;
	height: 100%;
}

#loading {
    background: #fff url(../img/icns/ajax-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../img/icns/ajax-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.spinner div {
	opacity: 0;
}

#contact-form {
	
}

#contact-form form {
	padding: 20px;
	background: #fafafa;
	width: auto;
	overflow: hidden;
	border-radius: 5px;
}

#contact-form .left,
#contact-form .right {
	width: 46%;
}

#contact-form textarea {
	width: 93%;
}

#contact-form label {
	display: inline-block 
}

#btnSendMessage {
	border-radius: 3px;
	padding: 0.5em 1.5em;
	float: right;
}

/* FOOTER
-------------------------------------------------- */

#howtogethere {
	width: 100%;
	background: #272727;
	display: none;
	padding: 1.25em 0 0;
	-webkit-box-shadow: inset 0px 6px 6px -6px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 6px 6px -6px rgba(0, 0, 0, 0.15);
	
    -moz-animation:updown .5s ease-in-out ;
    -webkit-animation:updown .5s ease-in-out ;
    animation:updown .5s ease-in-out;
	z-index: 4;
}

#btn-howtogethere {
	width: 100%;
	text-align: center;	
	cursor: pointer;
}

#btn-howtogethere .btn {
	background: #fff !important;
	border-color: #eee !important;
	-webkit-box-shadow: inset 0px 0px 5px 0px #eee;
	box-shadow: inset 0px 0px 5px 0px #eee;
	text-shadow: none !important;

	display: inline-block;
	padding: 0.500em 1.2em !important;
	height: auto;
	white-space: nowrap;
	font-size: 0.875em;
	font-family: 'OpenSansBold',Arial,Sans-serif !important;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	color: #333;
	word-spacing: 0.2em;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px;
	text-decoration: none;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

#btn-howtogethere .btn:hover{
	background:#242424 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	text-decoration:none;
}

#close-howtogethere {
	float:right;
	margin-right:20px;
	cursor: pointer;
}

#map {
	display: none;
}

#map_canvas {
	width: 100% !important;
	height: 300px !important
}

#map h3 {
	font-size: 0.875em;
	font-weight: 400;
	font-style: normal;
	font-family: 'OpenSansBold',Arial,Sans-serif !important;
	text-transform: uppercase;
	word-spacing: 0.2em;
}

#map_canvas {
	color: #272727;
	text-align: left;	
}

#map_canvas strong {
	font-family: 'OpenSansBold',Arial,Sans-serif !important;
	text-transform: uppercase;	
}

#map_canvas a {
	color: #00a8b0;
	font-family: 'OpenSansBold',Arial,Sans-serif !important;
}

.fixed {
	position: fixed !important;
	bottom: 0;
}

.sticky {
	position: fixed;
	bottom: 0;
}

.notSticky {
	position: relative
}
.footer-space {
	width: 100%;
	clear: both;
}
footer {
	width: 100%;
	margin: 0 auto;
	color: #886233;
	font-size: 0.725em;
	padding: 1.5em 0 0;
	text-align: center;
	background: #F3EFEA;
}
footer span {
	font-family: 'OpenSansLight';
	font-size: 0.8em;
}
footer a img {
	font-size: 0.8em;
}
/*footer .left a {
	padding-right: 1em;
	display: inline-block;
}*/
footer span {
	color: #888;
}
footer .container {
	width: 100%;
	max-width: 67.5em;
	padding-bottom: 2em !important;
	min-height: 0 !important;
	font-size: 1.25em;
}
footer .container h3 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
footer .left {
	width: 40%;
	text-align: left;
	padding: 0;
	font-size: 1em;
}
footer .middle {
	width: 40%;
	text-align: left;
	float: left;	
	font-size: 1em;
}
footer .right {
	width: 20%;
	padding: 0;
	text-align: left;
	font-size: 1em;
}
.btn-tel {
	padding-left:15%;
	background:url(../img/icns/icn-tel.png) left no-repeat;
	background-size: contain;
}
.btn-email {
	padding-left:15%;
	background:url(../img/icns/icn-email.png) left no-repeat;
	background-size: contain;
}
.btn-address {
	padding-left:15%;
	background:url(../img/icns/icn-add.png) left no-repeat;
	background-size: contain;
}
#copy {
	clear: both;
	width: 100%;
	color: #fff;
	background: #886233;
	padding: 0.5em 0;
	text-align: center;
	font-size: 0.725em;
}
#tactical {
	float: right;
	margin-left: 0.313em;
	border-radius: 1em;
	background: #1A171B url(../img/tactical-logo-short.png) center no-repeat;
	background-size: auto 60%;
	width: 1.45em;
	height: 1.45em;
	overflow: hidden;
	cursor: pointer;
	padding-top: 0em;
	text-align: center;
	text-transform: none;
}
#tactical span {
	font-size: 12px;
	display: none;
	color: #fff;
}
#tactical span img {
	margin-top: 0;
	height: 10px;
	width: auto;
}
#tactical a {
	float: none
}

/* -------------------------------------------------- */

@-webkit-keyframes updown {
  from { 
  	transform: translate(0,-8px);
    -webkit-transform: translate(0,-8px); /** Chrome & Safari **/
    -o-transform: translate(0,-8px); /** Opera **/
    -moz-transform: translate(0,-8px); /** Firefox **/ 
  }
  50% { 
  	transform: translate(0,5px);
    -webkit-transform: translate(0,5px); /** Chrome & Safari **/
    -o-transform: translate(0,5px); /** Opera **/
    -moz-transform: translate(0,5px); /** Firefox **/ 
  }
  to { 
  	transform: translate(0,-8px);
    -webkit-transform: translate(0,-8px); /** Chrome & Safari **/
    -o-transform: translate(0,-8px); /** Opera **/
    -moz-transform: translate(0,-8px); /** Firefox **/ 
  }
}