@import url('https://fonts.googleapis.com/css?family=Merriweather');

/* = DEFAULT STYLES = */
html, body {margin:0;font-size:14px;font-family: 'Merriweather', serif;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-weight:bold; color:#00b0f0;}
a:hover, a:focus {text-decoration:none; color:#000;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;}

/* = DEFAULT - HEADINGS = */
h1 {font-size:32px;margin:0;color:#00b0f0;font-weight:bold;margin-bottom:20px;border-bottom:1px solid #888791;}
h2 {font-size:30px;margin:0; text-align:center;font-weight:bold;}
h3 {font-size:20px;margin:0;font-size:18px;color:#48484a; font-weight:bold;}
h4 {font-size:32px; font-weight:bold;text-shadow:0 0 10px #fff;}
h5 {}
/* = DEFAULT - Custom Bootstrap = */
.container {max-width:1200px;margin:0 auto;}

/* Buttons */
.btn {background:#888791;color:#fff;margin-top:20px;}
.btn:hover, .btn:focus {background:#666;color:#fff;}

/* = CALL TO ACTION = */
#call-to-action {padding-top:10px;padding-bottom: 10px;background: #00b0f0;font-size: 14px;}
.c2a {text-align:center;font-weight: bold;}
.tel {display:inline-block;color: #000;margin: 0px 5px 0 5px;}
.tel a {color: #ffffff;}
.tel a:hover, .tel a:focus {color: #000;}
address {display:inline-block;margin: 0 5px;color: #ffffff;}
address i {color: #000;}
.email {display:inline-block;margin: 0 5px;color: #000;}
.email a {color: #fff;}
.email a:hover, .email a:focus {color: #000;}

/* = HEADER = */
header {padding-top:15px;padding-bottom:15px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.header-inner {}
/* HEADER - LOGO */
.logo img{margin:0 auto;width: 150px;}
.logo img:hover, .logo img:focus  {opacity:.8;}

.tagline {font-size:18px; text-align:center;}

/* = SOCIAL MEDIA LINKS = */
.social {display:block;}
.social a {}
.social a:hover {}

/* = NAVIGATION = */
nav {}
.navbar {}
.navbar .navbar-nav {margin-top:0px;}
.navbar-fixed-top {background:rgba(255,255,255,.84);margin-bottom:0px;}
.navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;}
.navbar-default .navbar-nav > li > a {color:#000;text-shadow:0 0 10px #fff;font-size:18px;}
.navbar-default .navbar-nav > li:last-child > a {}
.navbar-default .navbar-nav > li > a:hover {color:#00b0f0;text-shadow:0 0 10px #fff;}
.nav li.active a {color:#00b0f0;background:transparent;text-shadow:0 0 10px #fff;}
.dropdown-menu {margin-top:-2px;background:transparent;box-shadow:none;border:none;border-radius:0px;padding:0px;}
.dropdown:hover .dropdown-menu {display: block;background: rgba(255,255,255,.6);}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {text-shadow:0 0 10px #fff;}
.navbar-default .dropdown-menu > li > a {color:#333;}
.navbar-default .dropdown-menu > li > a:hover {color:#000;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:transparent;color:#00b0f0;text-shadow:0 0 10px #fff;}
.navbar-default .navbar-nav>li>a:focus {color:#00b0f0;text-shadow:0 0 10px #fff;}
.navbar-toggle {background:#000;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#333;color:#000;text-shadow:0 0 10px #000;}
.navbar-default .navbar-toggle .icon-bar {}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: none;margin-bottom:-5px;}
.navbar .navbar-collapse {text-align: center;}

.navbar-fixed-top .navbar .navbar-nav {margin-top:0px;}
	
/* = BANNER = */
#banner {}
.banner-inner {}
.banner-inner h4 {margin-top:550px;margin-bottom:250px; text-align:center;background:rgba(255,255,255,.4); padding:25px; border-radius:20px;}

/* Banner for Interior Pages */
#int-banner{   height: 300px;  background-size: cover!important; background-repeat: no-repeat!important; background-position: left top!important;}
#int-banner h2{ text-align: center; font-size: 60px; font-weight: 700; color: #B83C48; position: relative; text-shadow: -1px -1px 0 #1D1E22, 1px -1px 0 #1D1E22, -1px 1px 0 #1D1E22, 1px 1px 0 #1D1E22; -moz-box-shadow: 6px 4px 23px -4px rgba(0,0,0,0.75);}
.banner-title{     display: block;  padding: 10px;  background: rgba(29, 30, 34, 0.62); position: relative; top: 40%;  width: 50%; margin: 0 auto; border: 1px solid rgb(156, 156, 156); -webkit-box-shadow: 6px 4px 23px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 4px 23px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 4px 23px -4px rgba(0,0,0,0.75);
}

/* = MAIN = */
main {text-align:left;color: #000;font-size: 14px;padding-top: 50px;padding-bottom:50px;background:#fff;}
.main-inner {font-size: 16px;}
.main-inner img {margin-bottom:15px;}
#homepage-content{opacity: 0;background: rgba(255, 255, 255, 0.84);padding: 25px 25px 60px;box-shadow: 2px 3px 15px 3px #000;}
.reveal-btns{text-align: center;}
.homepage-reveal-btn{margin-top: -20px;z-index: 999;position: relative;background: #3b5a99;outline: none !important;border-radius: 8px;padding:10px;min-width:150px;}
.homepage-reveal-btn:hover{background: #39b54a;}
.homepage-reveal-btn:focus{background: #39b54a;}

/* = SECTION = */
section {}

.auto {border: 1px solid  #00b0f0; padding: 10px 0; }
.bord {display: block;}
.bord img{border-top: 2px solid #eee; border-bottom: 2px solid #eee; padding: 20px 0; }
.bord:before {content: ''; display: block; height: 2px; background: #00b0f0; width:50%; margin-bottom: 25px;}
.bord:after {content: ''; display: block; height: 2px; background: #00b0f0; width:50%; margin-top: 25px;}
.automobile {text-align: center; border-radius: 0; background: #00b0f0;}
.automobile:hover {background: #3b5a99;}

.services h4 {font-size: 21px; }
.services h4:before {content: ''; display: block; height: 2px; background: #00b0f0; width:25px; margin-bottom: 25px;}
.services h4:after {content: ''; display: block; height: 2px; background: #00b0f0; width:50px; margin-top: 25px;}
.services img {padding-top: 20px; display: block;}

/*.gallery a:after {content: ''; display: block; height: 2px; background: #00b0f0; width:50%; margin-top: 25px; transition: 300ms ease-in;}*/
/*.gallery a:before {content: ''; display: block; height: 2px; background: #00b0f0; width:25px; margin-bottom: 25px;}*/


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

/* = ASIDE = */
aside {text-align:left;}
aside .box {background: #e2e1e7;margin:25px 0; text-align:center;}
aside .left-side {}
aside .box img {margin:0px auto; width:100%;}
aside .right-side {margin:0px;padding:25px;}
/* = FEATURE = */
#feature {padding-top:40px;padding-bottom:40px;background:rgba(226,225,225,.9);}
.feature-inner {}
.feature-box {color:#fff;text-align:center;margin-top:20px; margin-bottom:20px;}
.feature-box img {transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s;-ms-transition:all ease .5s;margin:0px auto;opacity:.8;}
.feature-box p {margin:20px;}
.feature-box h3 {margin:10px;font-size:18px;color:#333; font-weight:normal;}
.feature-box:hover img, .feature-box:focus img {transform:scale(1.2);transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s;-ms-transition:all ease .5s;opacity:1;}

/* = CONTACT INFO = */
#contact-info {background: url(../images/feature-bg.jpg) top fixed;background-size:cover;padding:50px 15px; text-align:center;}
#contact-info h3 {margin-top:10px;color:#333;font-size:22px;font-weight:bold;}
.contact-info {display:block; font-size:16px;}
#contact-info a {color:#00b0f0;}
#contact-info a:hover, #contact-info a:focus {color:#000;}
#contact-info img {margin:35px auto;}
#contact-info .phone {font-size:22px;margin:0px 0;}
#contact-info i {color:#333;}

/* = FOOTER = */
footer {text-align:center;background: #000;padding:15px 15px;}
.footer-inner {}
.sitemap .list-inline {margin-bottom:5px;}
.copyright {font-size:12px;}

/* = FOOTER - LINKS = */
footer a {color:#fff;}
footer a:hover, footer a:focus {color:#00b0f0;}

/* = BACK TO TOP LINK = */
#top-link-block.affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -82px; /* negative of the offset - height of link element */left: 10px; /* padding from the left side of the window */}
#top-link-block.affix {position: fixed; /* keeps it on the bottom once in view */bottom: 18px; /* height of link element */left: 10px; /* padding from the left side of the window */}
.back-to-top {}
.back-to-top:hover, .back-to-top:focus {}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a { font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); color: #00b0f0;  /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
ul.sitemap-page li a:hover {color: #000;text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}

/* = LIST STYLE IP = */
ul.list-items {margin: 10px 0 10px 60px;}
ul.list-items li {color: #000; font-weight: bold; }
ul.list-items li  a {color: #000; font-weight: bold; }
ul.list-items li a:hover {color: #000; text-decoration: none;}

/* Blog Styles */
.main-inner-blog {}
.main-inner-blog article {padding:20px 0;margin-bottom:20px;}
.main-inner-blog article h2 {}
.date {display:block;}
.blog-intro {padding-top:20px;padding-bottom:20px;margin-bottom:20px;}
/* Blog Sidebar */
.blog-sidebar {}
.blog-sidebar h3 {background:#000;color:#fff;padding:10px 10px;}
.blog-sidebar ul {list-style:none;padding:0;}
.blog-sidebar li {margin:3px 0;}
.blog-sidebar li a:before {content:"►";color:#999;margin-right:5px;}
.blog-sidebar li a {padding:5px 10px;background:#000;color:#fff;display:block;}
.blog-sidebar li a:hover, .blog-sidebar li a:focus {background:#999;color:#fff;text-decoration:none;}
.blog-sidebar li a:hover:before, .blog-sidebar li a:focus:before {color:#000;}
.entry-summary {}
/* Blog Single Post */
.blog-post {}
.blog-post h1 {font-size:24px;}

/* Gallery Page */
#envirabox-overlay {background:rgba(0,0,0) !important;}
#envirabox-content {border:15px solid #000 !important;}
#envirabox-outer {background:#000 !important;}
#envirabox-title-float-main {font-size:16px !important;}
.envira-gallery-link:hover, .envira-gallery-link:focus {opacity:.7;}

/* Main Interior Pages - Contact Page */
/* = Please style for the site colors, design, etc.= */
.contactform-bg {min-height: 20px;padding: 2em;margin-bottom: 20px;background:#00b0f0;border: none;border-radius: 10px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}
#contactform .form-control {border-radius: 20px;color:#999999;}
#contactform button {width: 100%;border-radius:10px;}
#contactform label.contactpage-label {cursor:pointer;color: #fff;}
textarea.form-control.message-area {}
.input-group-addon {color: #000;background-color: #e5e5e5;border-radius: 0;}
.container .jumbotron, .container-fluid .jumbotron {border-radius: 20px;}
.jumbotron {background:#00b0f0;color: #fff;border-radius: 0;}
.jumbotron-sm { padding-top: 24px;padding-bottom: 24px; }
.jumbotron small {color: #fff;}
.h2 small {font-size: 24px;}
.location-container {padding: 1em 1em 0em 1em; margin: 0 auto 1em auto;}
.location-container address {display: block;}
span.company-heading {font-size: 22px;color: #000; text-align:center; display:block;}
span.company-address {font-size: 16px;text-align:center; display:block; color: #000;}
span.company-address a {font-size: 16px;text-align:center; display:block;color:#00b0f0;}
span.company-address a:hover {color: #000;}
legend {font-size: 22px;color: #000; text-align:center; display:block; border: none;}
.contact-logo {margin-top: 30px;}
/* -- GOOGLE MAP -- */
.googlemap-container { position: relative; padding-top: 30.5%; max-width: none; margin: 1em auto; }
.googlemap-container iframe, .googlemap-container object, .googlemap-container embed { position: absolute; top: 0; left: 0 ; width: 100%; height: 100%; border: 1px solid #e5e5e5; }



/* = MEDIA QUERIES= */
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1199px ) {}
@media screen and ( max-width: 1024px ) {#call-to-action {font-size: 12px;}}
@media screen and ( max-width: 991px ) {.navbar-default .navbar-nav > li > a {padding:15px 10px;font-size:14px;} .logo img {margin-left:10px;} .banner-inner h4 {margin-top:350px;margin-bottom:100px; }
@media screen and ( max-width: 768px ) {}
@media screen and ( max-width: 767px ) {.navbar .navbar-nav {display:block;margin-bottom:0px;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;} .c2a {text-align:center;}.logo img{margin:0 auto;} #call-to-action {font-size: 12px;} .address-break {display:block; visibility:hidden; line-height:0;}.contact-info {font-size:14px;}  .navbar-fixed-top {position:relative !important;} .dropdown-menu {position: relative;display: block;  float: none !important; visibility: visible; width: 100%; text-align: center;} h4{font-size:26px;}.navbar-default .navbar-nav > li > a {padding:10px 10px;font-size:18px;} .bord:before {float: right;}}
@media screen and ( max-width: 741px ) {}
@media screen and ( max-width: 600px ) {.sitemap .list-inline li {display:block; padding:0;}}
@media screen and ( max-width: 414px ) {.contact-info {font-size:13px;} h1 {font-size:26px;} .contact-info {font-size:13px;} h4 {font-size:20px; padding:15px;}}
@media screen and ( max-width: 320px ) {}

/* Formatting for printing the web page */
@media print {}