body{
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 18px;
	color: #0f152d;
	background-color: #F0F0EE;
}

/********************************************************************************
* Links
*********************************************************************************/
a{
	color: #997134;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

a:hover, a:active, a:focus{
	color: #595758;
	text-decoration: none;
}


/********************************************************************************
* Headings
*********************************************************************************/
h1, .page-header h1 {
	font-family: 'Merriweather', serif;
	font-size: 48px;
	color: #0f152d;
	text-align: center;
	border-top: 1px solid #0f152d;
	border-bottom: 1px solid #0f152d;
	padding-top: 25px;
	padding-bottom: 20px;
	margin-top: 0px;
	text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.5);

}
h2{
	font-family: 'Merriweather', serif;
	font-size: 40px;
	color: #D1A56A;
	text-align: center;
	border-top: 1px solid #b49e87;
	border-bottom: 1px solid #b49e87;
	padding-top: 25px;
	padding-bottom: 20px;
	margin-top: 0px;
}
.bg-image h2, .bg-white h2 { 
	color: #000;
}
h3{
	font-family: 'Merriweather', serif;
	font-size: 32px;
	color: #0f152d;
	text-align: center;
}
.bg-dark-image h3, .bg-blue h2, .bg-blue h3  { 
	color: #F0F0EE;
} 
.section-mission h3 { 
	color: #36228C;
} 
.section-brands h3 { 
	color: #D1A56A;
} 
h4{
	font-family: 'Merriweather', serif;
	font-size: 28px;
	color: #0f152d;
	text-align: center;
}
h5{
	font-family: 'Merriweather', serif;
	font-size: 18px;
	color: #0f152d;
	text-align: center;
}
h6{
	font-family: 'Merriweather', serif;
	font-size: 16px;
	color: #0f152d;
	text-align: center;
}



/********************************************************************************
* Miscellaneous Type Setting
*********************************************************************************/
hr {
	background: #000501;
}

blockquote{
	background-color: #F9F9F7;
    border-left: 5px solid #595758;
    padding: 10px 20px;
}

.well{
	border: none;
	border-radius: 0;
	box-shadow: none;
	background-color: #F9F9F7;
}

.panel-default{
	border: none;
	border-radius: 0;
	box-shadow: none;
	background-color: #F9F9F7;
    box-shadow: 2px 3.464px 0 0 rgba(0,0,0, 0.15);
}
.panel-default > .panel-heading{
	border: none;
	border-radius: 0;
	background-color: #2D2160;
	border-bottom: 3px solid #BC9767;

}

h3.panel-title  { 
	color: #F9F9F7;
	font-size: 20px;
} 
.panel-group .panel{
	border-radius: 0;
}
.panel-primary{
	border: none;
	border-radius: 0;
	box-shadow: none;
	background-color: #000501;
}
.panel-primary > .panel-heading{
	border: none;
	border-radius: 0;
	background-color: #595758;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Merriweather Sans', sans-serif;
    padding: 3px 15px;
}

.panel-primary > .panel-heading > .panel-title > a {
	color: inherit;
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: bold;
    font-size: 24px;
}
.alignright{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.alignleft{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.vertical-middle {
	vertical-align:middle;
}


/********************************************************************************
* Lists
*********************************************************************************/
ul.styled-list, .faq-list ul{
   list-style: none;
   margin: 1em 0 1em 15px;
   padding: 0;
   overflow:hidden;
}
ul.styled-list li, .faq-list ul li{
	border-bottom: 1px solid #dacfc3;
    color: #36228C;
    display: block;
    list-style: none outside none;
    margin-left: 30px;
    padding: 8px 5px;
    position: relative;
}

.bg-dark-image ul.styled-list li {
	color: #F0F0EE;
}
.bg-dark-image ul.styled-list li:hover {
   background-color: #333333;
}
ul.styled-list li ul li, .faq-list ul li ul li{
	border-bottom: none;
}
ul.styled-list li:hover, .faq-list ul li:hover{
   background-color: #dacfc3;
}
ul.styled-list li:before, .faq-list ul li:before{
	font-family: 'FontAwesome';
	content:"\f138\00a0";
	color: #36228C;
    display: block;
    left: -20px;
    position: absolute;
}
ul.styled-list li ul li:before, .faq-list ul li ul li:before{
	font-family: 'FontAwesome';
	content:"\f054\00a0";
	color: #36228C;
	display: block;
    left: -20px;
    position: absolute;
}

ol.styled-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/

    margin: 0;
    margin-left: 3em;
    padding: 0;

    counter-reset: li-counter;
}
ol.styled-list > li{
    position: relative;
    margin-bottom: 15px;
    padding: 1em;

    background-color: #F5F5F5;
}
ol.styled-list > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.94em;
    height: 1em;

    font-size: 2em;
    line-height: 0.94;
    text-align: center;
    color: #FFF;

    background-color: #595758;
    content: counter(li-counter);
    counter-increment: li-counter;
}

/********************************************************************************
* Background Library
*********************************************************************************/
.bg-image{
	background-image: url('../img/halftone.png');
}
.bg-dark-image{
	background-image: url('../img/binding_dark.png');
}
.bg-white { 
	background-color: #F0F0EE;
}
.bg-blue { 
	background-color: #2D2160;
	color: #F0F0EE;
}
.bg-shade{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
}
.bg-trans-black{
	background: #000;
	background-color: rgba(0,0,0,.5);
}
.bg-border{
	height: 5px;
	width: 100%;
}
.bg-highlight{
	height: 1px;
	width: 100%;
	background-color: rgba(255,255,255,.37);
}

/********************************************************************************
* Buttons
*********************************************************************************/
.btn{
	color: #333;
	background-color: #E7CFAB;
	font-family: 'Merriweather Sans', sans-serif;
	border-radius: 0;
    border: medium none;
    border-radius: 0;
    box-shadow: 2px 3.464px 0 0 rgba(5, 5, 6, 0.15);
    font-size: 18px;
	font-weight: bold;
    padding: 4px 15px;
    text-shadow: none;
}
.btn:hover, .btn:active, .btn:focus{
	color: #333;
	background-color: #D8AA59;
}
.btn.active, .btn:active { 
	background-color: #D8AA59;
}
.btn:active{
	position:relative;
	top: 1px;
}
.btn-small{
	font-size: 14px;
}
.btn-large{
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.btn-xlarge{
	font-size: 36px;
}
.btn-wide{
	width: 100%;
}
.btn.icon-left .fa{
	position:absolute;
	height: 100%;
	padding: 5px 10px;
	text-align:center;
	top: 0;
	left: 0;
	width: 50px;
	font-size: 24px;
}
.btn.icon-left{
	text-align:left;
	padding-left: 60px;
	position:relative;
}
.btn.icon-right .fa{
	position:absolute;
	height: 100%;
	padding: 5px 10px;
	text-align:center;
	top: 0;
	right: 0;
	width: 50px;
	font-size: 24px;
	padding-top: 15px;
}
.btn.icon-right{
	text-align:left;
	padding-right: 60px;
	position:relative;
}
.btn.icon-left:hover .fa, .btn.icon-right:hover .fa{

}

.btn.icon-left:focus .fa, .btn.icon-right:focus .fa{

}
.btn.icon-left:active .fa, .btn.icon-right:active .fa{
	position: absolute;
}
.btn-large.icon-left .fa, .btn-large.icon-right .fa{
	padding: 6px 8px;
	font-size: 36px;
	line-height: 30px;
	padding-top: 25px;
}

.btn-blue{
	background: #3d84a4;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus{
	background: #73b7d5;
}
.btn-blue.icon-left .fa, .btn-blue.icon-right .fa{
	color: #73b7d5;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.btn-blue.icon-left:hover .fa, .btn-blue.icon-left:active .fa, .btn-blue.icon-left:focus .fa, .btn-blue.icon-right:hover .fa, .btn-blue.icon-right:active .fa, .btn-blue.icon-right:focus .fa{
	color: #FFF;
}

/********************************************************************************
* Labels
*********************************************************************************/
.label-primary {
    background-color: #0f152d;
}


/********************************************************************************
* Header
*********************************************************************************/
header{
	background-color: #36228C;
	height: 323px;
	position: fixed;
    width: 100%;
    z-index: 10;
	top: 0;
	color: #F5FFFF;
}

.logo { 
	padding-right: 50px;
}

.logo-container { 
	text-align: right;
}

.header-image-container { 
	padding: 20px;
}

header.scroll { 
	height: 130px;
}

header.scroll  .logo { 
	height: 120px;
	width: auto;
	padding-top: 5px;
} 

header.scroll  .header-image-container  { 
	display: none;
} 

header.scroll .phone { 
	display: none;
}

header .scroll-phone { 
	display: none;
}

header.scroll .scroll-phone { 
	display: block;
}

header .phone h1 { 
	border: 0px;
	color: #F0F0EE;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 32px;
	padding-top: 10px;
	padding-right: 70px;
	padding-bottom: 30px;
}

header .scroll-phone h1 { 
	border: 0px;
	font-size: 32px;
	color: #F0F0EE;
	padding-top: 40px;
	
}

/********************************************************************************
* Main Navigation
*********************************************************************************/
.navbar-default {
	border: none;
	margin-bottom: 0;
    background-color: rgba(0, 0, 0, 1);
	border-color: rgba(1, 69, 176, 1);
	border-top: 3px solid #b49e87;
}
.navbar-default .navbar-nav > li > a{
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #FFF;
	padding-right: 20px 20px;
	background-color: transparent;
}

header.scroll .navbar-default .navbar-nav > li > a{
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-default .navbar-nav  > li > a img {
	margin-top: -20px;
	-webkit-box-shadow: 1px 3px 3px 3px #0f152d;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    1px 3px 3px 3px #0f152d;  /* Firefox 3.5 - 3.6 */
	box-shadow:         1px 3px 3px 3px #0f152d;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #b49e87;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color: #0f152d;
	background-color: #FFF;
	background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	color: #0f152d;
	background-color: transparent;
}
.navbar-default .navbar-nav > li > .dropdown-menu{
	border-top: 5px solid #D8964E;
	border-radius: 0;
	padding-top: 10px;
	text-align: left;
}
.navbar-default .dropdown-menu:after{
	top: 0;
	left: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(156, 196, 228, 0);
	border-top-color: #D8964E;
	border-width: 7px;
	margin-left: -7px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a{
	color: #000501;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus{
	background-color:#D8964E;
	color: #FFF;
}
.navbar-default .navbar-nav > li > .dropdown-menu > .active > a, .navbar-default .navbar-nav > li > .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > .active > a:focus{
	color: #CCC;
	background-color: transparent;
}
.navbar-default .navbar-toggle{
	background-color: #BC9767;
	border: none;
	border-radius: 0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #604B1A;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #FFF;
}


#navbar-main .navbar-nav > li > a {
    color: #EFEFEF;
}
#navbar-main .navbar-nav > li > a:hover, #navbar-main .navbar-nav > li > a:hover {
    color: #FD7D63;
	background-color: #444;
}
#navbar-main .navbar-nav > a, #navbar-main .navbar-nav > a:hover, #navbar-main .navbar-nav > a:focus {
    background-color: #353535;
	color: #FFF;
}
#navbar-main .navbar-nav > .active > a, #navbar-main .navbar-nav > .active > a:hover, #navbar-main .navbar-nav > .active > a:focus {
    background-color: #333;
	color: #FD7D63;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

/********************************************************************************
* Slider
*********************************************************************************/
.section-slider{
	position:relative;
	z-index: 0;
	max-height: 280px;
	overflow:hidden;
	background-color: #000;
	height: 0;
	border-bottom: 3px solid b49e87;
}
.section-slider .container{
	position: relative;	
}
.numericControls { 
	display:none; 
}

/********************************************************************************
* Content
*********************************************************************************/
.content{
	background-color: #FFF;
	position: relative;
	min-height: 300px;
	min-height: 300px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px 15px;
	padding-bottom: 30px;
}

.section-mission { 
	margin-top: 403px;
}

.section-mission .scrolled { 
	margin-top: 120px;
}

.bg-dark-image { 
	color: #FFF;
}

.anchor{
  display: block;
  height: 120px; /*same height as header*/
  margin-top: -120px; /*same height as header*/
  visibility: hidden;
}

#overlay { 
    background:transparent; 
   position:relative; 
   width:100%;
   height:200px; /* your iframe height */
   top:200px;  /* your iframe height */
   margin-top:-200px;  /* your iframe height */
} 

/********************************************************************************
* Footer
*********************************************************************************/
footer{
	background-color: #333;
	color: #EAD5B5;
	padding: 20px;
}
.social-container{
	list-style: none;
	margin: 30px 0;
	padding: 0;
}
footer .social-container li{
	display: inline-block;
}
footer .social{

}
footer .social:hover{
	color: #CB9E51;
}

.copyright{
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-transform: uppercase;
	color: #EAD5B5;
	font-weight: bold;
}
.copyright a{
	color: #EAD5B5;
}
.copyright a:hover{
	color: #FFF;
	text-decoration: none;
}

/********************************************************************************
* About
*********************************************************************************/
#about { 
	background-color: #FFFFFF;
}

/********************************************************************************
* Services
*********************************************************************************/
#services { 
	background-image: url("/assets/img/retina_wood.png");
}

#services h2 { 
	text-align: left;
} 

.services-content { 
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
} 

img.img-thumbnail { 
	margin-top: 20px;
} 

/********************************************************************************
* Highlight
*********************************************************************************/
#highlight { 
	background-color: #FFF;
}
#highlight .page-header { 
	margin-bottom: 50px;
} 


/********************************************************************************
* Testimonials
*********************************************************************************/
#testimonial { 
	background-image: url("/assets/img/irongrip.png");
}
#testimonial .page-header { 
	color: #D8AA59;
	border-top: 1px solid #D8AA59;
	border-bottom: 1px solid #D8AA59;
} 
#testimonial blockquote { 
	background-image: url("/assets/img/irongrip.png");
	color: #DFC08B;
	text-align: center;
	border-left: 0px;
	padding-top: 50px;
} 

/********************************************************************************
* Contact
*********************************************************************************/
#contact-form-container .well { 
	background-color: transparent;
}

.section-mission .btn-large .fa { 
	padding-top: 20px;
} 
.form-control { 
	color: #3F2B10;
	font-weight: bold;
	font-size: 20px;
} 

/********************************************************************************
* Loader
*********************************************************************************/
.loader {
    border: 16px solid #CB994B; 
    border-top: 16px solid #DCB77A; 
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
	margin: auto;
	margin-top: 150px;
	margin-bottom: 150px;

}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/********************************************************************************
* Gallery
*********************************************************************************/
#gallery { 
	background-image: url('../img/dark_wood.png');
} 
#gallery .page-header { 
	color: #EAD5B5;
	border-top: 1px solid #EAD5B5;
	border-bottom: 1px solid #EAD5B5;
}

.controls {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

label{
  font-weight: 300;
  margin: 0 .4em 0 0;
}


.container .mix{
  text-align: left;
  margin-bottom: 2%;
  display: none;
}


.container .mix:before{
  content: '';
  display: inline-block;
}

.facebook img { 
	width: 100%;
} 

.facebook { 
	height: 97px;
	overflow: hidden;
	border: 5px solid #FFF;
} 

.contact-info { 
	margin-bottom: 50px;
}	

.error { 
	color: #FF0000;
}
/********************************************************************************
* Misc Bootstrap Helpers
*********************************************************************************/
/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}
/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}

.wide  { 
	padding-top: 100px;
	padding-bottom: 100px;
} 

.narrow { 
	padding-top: 50px;
	padding-bottom: 50px;
}

/********************************************************************************
* Media Queries
*********************************************************************************/
@media (max-width: 1199px){

}
@media (max-width: 991px){
	.navbar-default { 
		margin-left: 0;
		margin: auto 0;
	}
	header { 
		height: auto;
	}
	header  {
		text-align: center;
	}
	header.scroll { 
		height: auto;
	}
	header img { 
		display:block;
		margin: 0 auto;
	}
	header.scroll img { 
		margin: auto;
	}
	header.scroll { 
		height: auto;
	}
	header .logo { 
		height: auto;
	}
	.section-slider{
		margin-top: 120px;
	}
	.phone, header .scroll-phone h1 { 
		display: none;
	}
}
@media (max-width: 767px){
	header.scroll img { 
		margin: auto;
	}
	header.scroll { 
		height: auto;
	}
	.section-slider{
		margin-top: 120px;
	}
	.phone, header .scroll-phone h1 { 
		display: none;
	}
	.scrolloff {
		pointer-events: none;
	}
}
@media (max-width: 480px){
	header.scroll .logo { 
		height: auto;
	}
	header.scroll img { 
		height: auto;
		padding-top: 0px;
	}
	header.scroll { 
		height: auto;
	}
	.phone, header .scroll-phone h1 { 
		display: none;
	}
	.section-mission { 
		margin-top: 120px;
	}
	h2 { 
		font-size: 26px;
	}
	h3 { 
		font-size: 20px;
	}
	.wide { 
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.section-mission-info { 
		text-align: center;
	}

}
@media (max-width: 360px){
	.contact-info { 
		margin-top: 80px;
	}
	.contact .btn { 
		margin-top: 20px;
	} 
	.btn-wide { 
		margin-top: 20px;
	}
	.facebook { 
		width: 130px;
	} 
	.phone, header .scroll-phone h1 { 
		display: none;
	}
	.section-mission { 
		margin-top: 120px;
	}
	h2 { 
		font-size: 26px;
	}
	h3 { 
		font-size: 20px;
	}
}