@import url('https://fonts.googleapis.com/css?family=Rasa:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Muli:400,700');

/**************************** Custom Colors & Fonts ********************************/
/* = DEFAULT STYLES = */
html, body {margin:0; font-size:16px;font-family: 'Rasa', serif;}

a {font-weight:bold;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s; text-decoration:none;}
a:hover, a:focus {outline: none; text-decoration:none; -webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s; text-decoration:none;}

p {margin:20px 0;line-height:1.75em;font-family: 'Muli', sans-serif;}

h1 {font-size: 32px; text-align:center; font-weight:normal; border-bottom-width: 1px; border-bottom-style: solid; margin:0;}
h2 {font-size:20px;}
h2.message{font-size: 50px;  text-align: center;  padding-top: 100px;  padding-bottom: 100px;}
h3 {font-size:20px; margin:0;}

/* = Lists = */
.main-inner ul, .service ul{display: inline-block; text-align: left;}

/* Buttons */
.btn {border-radius:0px;color:#fff;}
.btn:hover, .btn:focus {color:#fff;}
.menu-button {text-align:center;margin-bottom:20px;}

/* = HEADER = */
header {padding:20px 0 0px 0px;}
.logo img:hover, .logo img:focus {opacity:.8;}

/* = CALL TO ACTION = */
#c2a {text-align:center; padding:10px 0; color:#fff;font-family: 'Muli', sans-serif;}
#c2a a {color:#fff;}
#c2a a:hover, #c2a a:focus {text-decoration:none; color:#999;}

/* = NAVIGATION = */
nav {margin-top:20px;}
.navbar-default {list-style: none;border-radius:0px;border:0;background:transparent;text-align:center;margin-bottom:0;}
.navbar-default .navbar-nav > li > a {font-size:16px; color:#000; font-weight:bold;letter-spacing: 2px;position: relative;padding: 15px 10px;}
.navbar-default .navbar-nav > li > a:before, .navbar-default .navbar-nav > li > a:after{content:'';position:absolute;transition:transform .5s ease;left: 0;top: 0;width: 100%; height: 100%;border-style: solid;border-color: darken(#593D36, 10%);}
.navbar-default .navbar-nav > li > a:before {border-width: 2px 0 2px 0;transform:  scaleX(0);}
.navbar-default .navbar-nav > li > a:after {border-width: 0 2px 0 2px;transform:  scaleY(0);}
.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:hover:after {transform:  scale(1, 1);}
.navbar-nav>li {list-style: none; padding: 10px 15px;text-transform: uppercase;}
.navbar-default .navbar-nav > li > a:hover {color:#593D36; background:transparent;}
.navbar-default li.active a {color:#593D36; background:transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#593D36;background:transparent;}
.navbar-default .navbar-nav>li>a:focus {color:#593D36;background:transparent;}
.navbar-toggle {background:#593D36;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#593D36;}
.navbar-default .navbar-toggle .icon-bar {background:#fff;}
.dropdown-menu {background:rgba(0, 0, 0, 0.5);box-shadow:none;border-top:2px solid #fff;border-radius:0px;padding:5px;}
.navbar-nav>li>.dropdown-menu {margin-top: 2px;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu>li>a{color: #fff;}
.menu-dropdown-mobile-menu-container{ display:none;}
#nav {display: none;z-index: 9;}
.home-link, .head-directions, .head-phone, .head-hours{display: none;}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: none;margin-bottom:-5px;padding:0;}
.navbar .navbar-collapse {text-align: center;}

/* = BANNER = */
#banner .carousel-inner img{width:100%;}
.banner-inner img{width:100%;}
.carousel.fade {opacity: 1;}
.carousel.fade .item {-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;}
.carousel.fade .item:first-child {top:auto;position:relative;}
.carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;}
.carousel-indicators{z-index: 3;}
/* Carousel Controls */
.carousel-control {z-index:8;font-size:30px; display: flex; justify-content: center; align-items: center;}

/* = FEATURE = */
#feature {padding-bottom:50px;text-align:center;}
#feature h2 {margin-bottom:30px; font-size:25px;font-weight:normal;text-transform: uppercase;color:#000;border-bottom: 1px solid #000;}
.feature-box img {width:100%;}
.feature-box {overflow:hidden;position:relative;}
.feature-box a {position: absolute; bottom: 15px; right: 0; color: #000; background: rgba(255, 255, 255, 0.7); padding: 10px; letter-spacing: 5px; text-transform: uppercase; font-size: 14px;width: 100%;}
.feature-box a:hover {background: #fff; bottom: 23px; right: 0; padding: 17px; text-decoration: none;}

/* = MAIN = */
main {padding-top:30px; padding-bottom: 30px; text-align:center; color: #000;font-size: 16px;}
.about-image {padding-top: 20px;}

/* = FLOATED IMAGES = */
img.pull-left {margin:20px 20px 20px 0px;}
img.pull-right {margin:20px 0px 20px 20px;}

/* = CONTACT INFO = */
#contact-info {text-align:left;padding:30px 0;}
#contact-info h2 {color:#000;font-weight:bold;border-bottom:2px solid #000;}
#contact-info h2 {border-bottom-width: 2px; border-bottom-style: solid;}
#contact-info ul {padding:0;list-style:none;}
#contact-info ul.hours {margin:0;}
#contact-info ul.hours li {padding:5px 0;border-bottom:1px solid #999;}
#contact-info ul.hours span{float:right;}
#contact-info a {color:#000;}
#contact-info a:hover, #contact-info a:focus {text-decoration:none;color:#fff;}
#contact-info .social {font-size:28px;}
.contact-info {margin:8px auto;display:block;}

/* = FOOTER = */
footer {text-align:center; padding: 20px 0;}
footer a {color: #ccc;}
footer a:hover, footer a:focus {text-decoration:none;color:#fff;}

/* = SITEMAP PAGE = */
ul.sitemap-page {display:block;padding:0;text-align: center;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a {font-weight: bold; text-align: center; font-size: 36px;}
ul.sitemap-page li a:hover {color: #000;}

/* = Services = */
.facility h2{font-size: 30px;border-bottom: 3px solid #000;}
.facility h2 { margin-top: 0px; border-bottom-width: 3px; border-bottom-style: solid;}
.facility-video {margin: 20px 0;}
.service {padding-bottom: 20px;}
.inspire-quote{margin-bottom: 40px;}

/* Gallery */
.brand{margin: 0 auto; text-align: center; width: 500px;border: 1px solid #000;position: relative;display: flex; justify-content: center;}
.brand img {padding-bottom: 20px;padding-top: 40px;}
.brand-heading{position: absolute; color: #fff; background: #575757; padding: 10px;width: 90%;bottom: 95%;font-size: 25px;}
.brand-carousel{padding-top: 50px;}
.gallery-section-heading{text-align: center;}
#brand-slider-2{padding: 50px 15px;}
.brand-sliders .carousel-indicators{margin:0 auto; left: 20%; bottom: 0;}
.brand-sliders .carousel-indicators li {background-color: #b4c4ac;}
.brand-sliders .carousel-indicators .active{background-color: #536f5c;}

/* CONTACT PAGE */
#contact-section {padding-bottom: 30px;}
.jumbotron-sm h2 {text-transform: uppercase; letter-spacing: 5px;font-size: 20px;font-weight: bold;color: #333;}
.jumbotron-sm {font-weight: bold;border: 3px solid transparent;padding: 24px 0;border-radius: 0 !important;margin: 0 0 4% 0;}
.location-container {padding: 2em; margin: 1em auto; font-weight: bold;border: 3px solid transparent;}
span.company-heading {font-size: 24px;color: #333;text-align:center; display:block; width: 100%;}
span.company-address {font-size: 18px;text-align:center; display:block; width: 100%;color: #333;}
span.company-address a {text-align:center;font-size: 18px;display:inline;color: #593D36;}
span.company-address a:hover {text-decoration: none;}
legend {font-size: 26px;font-weight: bold;text-align:center; display:block;width: 100%;}
.contact-page-info h2, .contact-page-info strong, .contact-page-info a{text-align:center;}
legend, address{ margin-bottom: 0px!important;border: 0;}

/* -- GOOGLE MAP -- */
.googlemap-container {position: relative; padding-top: 68.5%; max-width: none; margin: 0 auto; }
.googlemap-container iframe, .googlemap-container object, .googlemap-container embed { position: absolute; top: 0; left: 0 ; width: 100%;}

/* = Gravity Form Styles = */
#contact-page-form {padding: 20px 30px 30px;}
#contact-page-form form input, #contact-page-form form textarea{ display: block;font-size: 16px;color: #000;background-color: #fff;background-image: none;border: 1px solid #ccc;height: 34px; border-radius: 4px;width: 100%; color: #222;padding: 6px 12px;line-height: 1.42857143;}
#contact-page-form form textarea{height: 90px;}
#contact-page-form form input.gform_button{ color: #fff;}
#contact-page-form form input.gform_button:hover, #contact-page-form form input.gform_button:active{color: #fff;}
#contact-page-form form label, #contact-page-form form input.gform_button {font-family: 'Muli', sans-serif;}
#contact-page-form label.contactpage-label {color: #333; font-weight: bold;cursor:pointer;}
#contact-page-form .gform_wrapper ul.gform_fields li.gfield{ margin-top: 15px!important; padding-right: 0px!important;}
#contact-page-form .gform_wrapper ul li.gfield{ margin-top: 0px!important; }
#contact-page-form .gform_wrapper{ margin-top: 0px!important; margin-bottom: 0px!important;}
#contact-page-form .gform_wrapper .gform_footer{ margin-top: 20px!important; padding-top: 0px!important; }
#contact-page-form .gform_wrapper .top_label div.ginput_container{ margin-top: 0px!important; }
#contact-page-form input#gform_submit_button_1{width: 100%;}

/* = MEDIA QUERIES= */
@media screen and ( max-width: 1200px ) {#c2a {font-size:12px;}.navbar-default .navbar-nav > li > a {font-size:14px;}.hours {margin:0 15px;}#contact-info{font-size:14px;}.carousel-caption h2 {font-size:20px;}.feature-text p {font-size:14px;}}
@media screen and ( max-width: 991px ) {.home main img {margin-bottom: 20px;}.hours{color: #000;}.logo{margin: 70px auto 20px;}#banner {margin-top: -20px;}
/*Mobile Nav Styles*/
	.dropdown-toggle::after{display:none!important;}
	ul.sub-menu{display: block;opacity: 0;min-width: 0;top:0;left:-20px;padding-bottom: 10px;width: 100%;padding:10px; background: #593D36;z-index: -1;position:absolute;list-style:none;padding:0;}
	.sub-menu>li>ul{left:-10px;top:-5px;}
	ul.nav-list{padding: 0;list-style: none}
	ul.nav-list a{color: #fff;font-size:16px; }
	.caret{border: none;height: 15px;width: 15px;position: relative;margin-left: 10px;margin-top:-3px;font-size:22px;}
	.back {text-align: center;font-size:22px;position: relative;display: block;text-align: center;}	
	.caret::after{content: "\f105";font-family:  'Font Awesome 5 Free';font-weight: 900;position: absolute;top: 50%;left: 50%;z-index: 999;transform: translate(-50%,-50%);color: #fff;}
	.back::after{content: "\f077";cursor:pointer;font-family:  'Font Awesome 5 Free';font-weight: 900;z-index: 999;color: #fff;left: 50%;}.slide-in-right {animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: 9999!important;border:1px solid #fff;}
	.slide-out-right { animation: slide-out-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: -999 !important;border:1px solid #fff;}
	@-webkit-keyframes move_fade_down {
		0% {-webkit-transform: translate(0,0);opacity: 1}
		50% {-webkit-transform: translate(0,5px) scale(.95);opacity: .75}
		100% {-webkit-transform: translate(0,0);opacity: 1}
	}
	@keyframes move_fade_down {
		0% {transform: translate(0,0);opacity: 1}
		50% {transform: translate(0,5px) scale(.9);opacity: .75}
		100% {transform: translate(0,0);opacity: 1}
	}
	@-webkit-keyframes move_fade_side {
		0% {-webkit-transform: translate(0,0);opacity: 1}
		50% {-webkit-transform: translate(5px,0) scale(.95);opacity: .75}
		100% {-webkit-transform: translate(0,0);opacity: 1}
	}
	@keyframes move_fade_side {
		0% {transform: translate(0,0);opacity: 1}
		50% {transform: translate(5px,0) scale(.9);opacity: .75}
		100% {transform: translate(0,0);opacity: 1}
	}
	@keyframes slide-in-right {
		0% {transform: translateX(100px) translateY(0px);opacity: 0;}
		100% {transform: translateX(0px) translateY(15px);opacity: 1;}
	}

	@keyframes slide-out-right {
		0% {transform: translateX(-20px) translateY(15px);opacity:1;}
		100% {transform: translateX(100px) translateY(0px);opacity: 0;}
	}
	.menu-dropdown-mobile-menu-container{display:block;} 
	#menu-main-menu{display:none;}
	.social a {color: #fff; padding-left: 8px; padding-right: 8px; border-right: 1px solid #fff; font-size: 20px;}
	.nav.sticky {top: 0!important;}	
	.nav {position: absolute; top: 100%; top: 0; left: 0; right: 0; height: 50px; } 
	.navbar {display: none; position: fixed; right: 0; z-index: 9;}	
	.navbar.sticky {top: 50px !important; position: fixed;} 
	.navbar-nav > li {display: block;float: none;} 
	.navbar-nav > li a {color: #fff; display: block; padding: 5px 20px;} 
	#nav  {display: block;} 
	.mobile-nav{height: 100%;}
	.mobile-list {list-style: none; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-around; padding: 0; height: 100%; margin-bottom: 0;} 
	.menu-mobile-menu-container {height: 100%;} 
	.nav-toggler {position: relative; text-align: center; color: #fff; font-weight: 600; width: 55px; transition: all ease-in-out .3s; display: flex; flex-flow: row-reverse nowrap; align-items: center; cursor: pointer; padding: 10px 10px;} 
	.nav-toggler .toggle-more {transform: rotate3d(1,0,0,0deg); float: left; opacity: 1;} 
	.nav-toggler .toggle-less {opacity: 0;} 
	.nav-toggler .toggle-text {width: 40px; position: absolute; left: 0; top: 0;} 
	.nav-toggler .toggle-text, .nav-toggler .fas {transition: all ease-in-out .3s;}	
	.nav-toggler .fas {color: #fff; font-size: 14px; line-height: 1; position: absolute; top: 4px; right: 5px;}	
	.nav-toggler.active .toggle-more {transform: rotate3d(1,0,0,180deg); float: left; opacity: 0;} 
	.nav-toggler.active .toggle-less {transform: none; float: left; opacity: 1;} 
	.nav-toggler.active .fas {transform: rotate3d(1,0,0,180deg);} 
	.mobile-list a {color: #fff; padding: 5px 10px;} 
	.navbar-nav {padding-left: 0;} 
	.navbar-collapse {display: block; border-top: none;} 
	.top-wrapper {margin-bottom: 50px;}
	.social .home-link {margin-left: 0; padding-left: 8px;}
	.social .social-text {display: inline-block; padding-left: 5px;}
	.social .home-link {display: inline-block; float: left; padding-left: 0; width: 50px;}
	.social a:not(.home-link) {border-right: none; font-size: 14px; line-height: 2em; display: inline-flex; align-items: center; justify-content: center; flex-grow: 1;}
	.social a:not(.home-link):not(.head-directions):not(.head-phone):not(.head-hours):not(.head-letter) {display: none;}
	#c2a .social {position: fixed!important; top: 0; left: 0; right: 0; height: 50px;padding: 0; display: flex; align-items: center; justify-content: center; z-index: 10;}  
	.social .row {width: 100%;} 
	.nav {position: fixed; top: 50px;}
	.social [class^="col-"] {display: flex; justify-content: center; align-items: center;}
	.navbar {display: none; left: auto; height: auto; top: 100px;}
	nav{margin-top: 0;}
	.c2a{display: none;}
	.dropdown .dropdown-menu {position:relative;display:block;float:none !important;visibility:visible;width:100%;text-align:center;left: 0;}
	.navbar-default .navbar-nav > li > a{color: #fff;}
}
@media screen and ( max-width: 767px ) {img.pull-right, img.pull-left {float:none !important;margin:0 auto;}.feature-box{padding-bottom: 15px;}.feature-box a{bottom: 30px;right: 0; left: 0;}.feature-box a:hover{left: 0;}}
@media screen and ( max-width: 384px ) {#feature .col-xs-6{width: 100%;}}