/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  color: #555;
  /* The html and body elements cannot have any padding or margin. */
}

a {
	outline: 0;
    color: #555;
}

a:hover {
    color: #333;
}

a:active, a:focus {
	outline: none;
}


/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -140px;
  /* Pad bottom by footer height */
  padding: 0 0 140px;
}
#main {margin-bottom:60px;}
/* Footer here */

#products a {
	text-decoration: none;
    opacity: 0.3;
	padding:0 10px 0 0;
}
#products a:hover {
	opacity: 0.7;
}

.socials a {
    opacity: 1.0;
}
.socials a:hover {
	opacity: 0.7;
}


#products img {margin-bottom:20px;}

#footer {
   color: #666;
    height: auto;
    padding: 30px 0;
	background-color:#e3e3e3;
}

#footer a {color:#666;}
#footer a:hover {color:#333;}

.galleria img {
	display:none;
}

.lead {
    font-size: 19px;
    line-height: 30px;
}

.lead-2 {
    font-size: 17px;
    line-height: 30px;
}


.hider {display:none;}
.quote {color:#2A435A; font-family: 'Quicksand', sans-serif; font-weight: 700;}


h1, .h1 { margin-top:0px; font-family: 'Quicksand', sans-serif; font-weight: 700;  letter-spacing: -2px;}
h1 {font-size:41px; color:#2A435A;}
h2 {text-align:center; color:#ff3a26; font-weight:400; font-size: 26px; margin:30px 0;}

h3 {color:#ff3a26; font-family: 'Quicksand', sans-serif; font-weight: 700;  letter-spacing: -2px; font-size: 36px; margin:30px 0 0;}
h4 {color:#2A435A; font-family: 'Quicksand', sans-serif; font-weight: 700;  letter-spacing: -2px; margin-bottom:30px; font-size: 22px;}

/*Gallery Sytyling */
.galleria {
	height:775px; 
	max-width:100&; /* defines a responsive width */
}

.galleria-bar {
	display: none;
}
.galleria-stage {
	bottom: 0;
}
.galleria-bar {
	background-color:#5A471C;
	background-position-y: -1px
}


/* Header Styling */

.navbar-default {
    background-color: #2A435A;
    border-color: #2A435A;
}
.navbar {
    margin-bottom: 0;
}
.shadow {
	-webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.8);
	   -moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.8);
	        box-shadow: 0px 4px 10px rgba(0,0,0,0.8);
}

.navbar-brand {
    padding: 0px;
}

.navbar-brand img {padding-left:15px;}

.navbar {
    height: 100px;
}

.navbar-default .navbar-nav > li > a {
	color: #AAA;
	background-color: #2A435A;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:1px;
	font-family: 'Quicksand', sans-serif; font-weight: 700;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #75a3ce;
	background-color: #2A435A;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #2A435A;
	color: #FFF;
}

.navbar-collapse {
	margin-top: 25px;
}

.navbar-default .navbar-toggle {
	border-color: #CCC;
}

.navbar-default .navbar-toggle:hover {
	background: #CCC;
}

.navbar-default .navbar-toggle:focus {
	background: #2A435A;
}

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

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #2A435A;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #C7BFAE;
    color: #660000;
}

.navbar-nav .open .dropdown-menu > li > a {
    font-size: 13px;
    line-height: 20px;
}

.dropdown-menu > li > a:hover {
    background-color: #2A435A;
	color: #660000;
}

.page-header {
    border-bottom: none;
    margin: 0px 0 20px;
    padding-bottom: 9px;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;

}

#wrap > .container {
  padding: 40px 15px 0;
}
.container .footer-info {
  margin: 20px 0;
  font-family: 'Quicksand', sans-serif; font-weight: 700;
  color:#1e3347;
  text-align:center;
}

.container .footer-info2 {
  margin: 20px 0;
  font-family: 'Quicksand', sans-serif; font-weight: 700;
  color:#1e3347;
}

.footer-info a {color:#346fa2; text-align:center;}
.footer-info2 a {color:#346fa2; text-align:center;}
#version2 {display:none;}

code {
  font-size: 80%;
}

/* flexible iFrame */

.my-map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
			border: 1px solid #ccc;
}

.flexible-container {
    position: relative;
    height: 500px;
    overflow: hidden;
	margin-bottom:40px;
}

.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.big-blue {font-weight:700; color:#2A435A;}
.big-orange {font-weight:700; color:#FF3A26;}

.margin-40 {margin-bottom:40px;}
.big-font {font-size:32px;}

@media (max-width:1200px) {

.galleria {
	height:675px;
}
h1 {font-size:34px;}
#slider {margin-bottom:40px;}
}
@media (max-width:990px) {
.galleria {
	height:550px;
}
.navbar-brand img {
 max-width:100%;
height:75px;
}
.navbar {
 height: 75px;
}
.navbar-nav {
    margin: 0 -15px;
}
.navbar-default .navbar-nav > li > a { letter-spacing:0px;}

.navbar-collapse {
	margin-top: 12px;
	padding-top:0px;
}

#wrap > .container {
    padding: 20px 15px 0;
}

.page-header {
    border-bottom: none;
    margin: 20px 0 10px;
    padding-bottom: 9px;
}
#slider {margin-bottom:20px;}


h2 {font-size:24px; line-height:29px;}
.hider {display:inline;}
.lead-2 {
    font-size: 15px;
    line-height: 28px;
}
h3 {margin:20px 0 0; font-size:30px; }
h4 {margin-bottom:20px;}
.flexible-container {
    position: relative;
    height: 350px;
    overflow: hidden;
}
.margin-20 {margin-bottom:20px;}
.margin-10 {margin-bottom:10px;}
 }	
	
@media (max-width:768px) {
.navbar-brand img {
 max-width:100%;
height:50px;
padding-left:15px;
}
.navbar {
 height: 50px;
}
.navbar-collapse {
	margin-top: 0px;
	padding-top:0px;
}
#wrap > .container {
    padding: 20px 15px 0;
}
.page-header {
    border-bottom: none;
    margin: 10px 0 5px;
    padding-bottom: 5px;
}
#footer {height:auto;}
.lead {
    font-size: 18px;

 }
 .lead-2 {
    font-size: 15px;
    line-height: 28px;
	margin-bottom:30px;
}
.margin-20 {margin-bottom:20px;}
.margin-10 {margin-bottom:10px;}
h3 {margin:15px 0 0;}
h4 {margin-bottom:15px;}
 .hider {display:none;}
 .margin-20 {margin-bottom:20px;}
.margin-10 {margin-bottom:10px;}
}

@media (max-width:480px) {
.navbar-brand img {
 max-width:100%;
height:50px;
padding-left:15px;
}
.navbar {
 height: 50px;
}
.navbar-collapse {
	margin-top: 0px;
	padding-top:0px;
}
#wrap > .container {
    padding: 20px 15px 0;
}
.page-header {
    border-bottom: none;
    margin: 10px 0 5px;
    padding-bottom: 5px;
}
.galleria {
	height:300px;
}
#footer {height:auto;}
.lead-2 {
    margin-bottom:20px;
}
h3 {margin:15px 0 0;}
h4 {margin-bottom:15px;}
.flexible-container {
    position: relative;
    height: 250px;
    overflow: hidden;
}
.margin-20 {margin-bottom:20px;}
.margin-10 {margin-bottom:10px;}
 }
 
 @media (max-width:320px) {
.navbar-brand img {
 max-width:100%;
height:50px;
padding-left:15px;
}
.navbar {
 height: 50px;
}
.navbar-collapse {
	margin-top: 0px;
	padding-top:0px;
}
#wrap > .container {
    padding: 0px 15px 0;
}
.page-header {
    border-bottom: none;
    margin: 0px 0 5px;
    padding-bottom: 5px;
}
.galleria {
	height:300px;
}
#footer p {font-size:13px;}
#footer {height:auto;}
h1 {margin-top:15px;}
#sm-logo img {max-width:90%; height:auto;}
.hider {display:inline;}

 }
 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
.galleria {
	height:400px;
}
#footer p {font-size:13px;}
h1 {font-size:32px; line-height:34px;}
.ph-hide {display:none;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
.galleria {
	height:250px;
}

h1 {font-size:34px; line-height:36px;}
.hider {display:inline;}
}

 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.navbar-brand img {
 max-width:95%;
height:75px;
}
.navbar {
 height: 75px;
}
.navbar-nav {
    margin: 0 -15px;
}
.navbar-default .navbar-nav > li > a { letter-spacing:0px;}

.navbar-collapse {
	margin-top: 12px;
	padding-top:0px;
}
.galleria {
	height:550px;
}
.flexible-container {
    position: relative;
    height: 350px;
    overflow: hidden;
}
}


 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.navbar-brand img {
 max-width:100%;
height:75px;
}
.navbar {
 height: 75px;
}
.navbar-nav {
    margin: 0 -15px;
}
.navbar-default .navbar-nav > li > a { letter-spacing:0px;}

.navbar-collapse {
	margin-top: 12px;
	padding-top:0px;
}
.galleria {
	height:550px;
}
#hours {padding-left:0px; padding-right:0px;}
#phone {padding-left:0px; padding-right:0px;}
h4 {margin-bottom:15px; font-size:19px;}
}