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

/* = DEFAULT STYLES = */
body {margin:0;font-size:14px;}

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

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

/* = DEFAULT - HEADINGS = */
h1 {font-size:32px;margin:0;font-family: 'Oswald', sans-serif;}
h1 span {font-size:18px;color:#f41524;display:block;line-height:42px;}
h2 {font-size:24px;margin:0;font-family: 'Oswald', sans-serif;}
h3 {font-size:20px;margin:0;font-family: 'Oswald', sans-serif;text-transform:uppercase;border-bottom:2px solid #f41524;color:#000;}
h4 {}
h5 {}
/* = DEFAULT - Custom Bootstrap = */
.container {margin:0 auto;}

/* Buttons */
.btn {background:#000;color:#fff;font-family: 'Oswald', sans-serif;}
.btn:hover, .btn:focus {background:#333;color:#fff;}

/* Top Wrapper */
#top-wrapper {position:fixed;width:100%;z-index:999;}

/* = HEADER = */
header {background:#fff;padding:20px 0;font-family: 'Oswald', sans-serif;}
.header-inner {}
/* HEADER - LOGO */
.logo {}
.logo img:hover  {opacity:.8;}

/* = CALL TO ACTION = */
.c2a {text-align:center;}
.tagline {display:block;}
.tel {display:block;font-size:22px;text-transform:uppercase;font-weight:bold;color:#000;}
.tel a {color:#f41524;}
.tel a:hover, .tel a:focus {text-decoration:none;color:#000;}

/* Animated Graphic */
.animation {max-width:150px;margin:0 auto;}

/* = NAVIGATION = */
nav {margin-top:50px;}
.navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;margin-bottom:0;}
.navbar-default .navbar-nav > li > a {text-transform:uppercase;color:#000;padding:5px 15px;border-left:1px solid #ccc;}
.navbar-default .navbar-nav > li:last-child > a {border-right:1px solid #ccc;}
.navbar-default .navbar-nav > li > a:hover {background:transparent;color:#f41524;}
.nav li.active a {background:transparent;color:#f41524;}
.dropdown-menu {margin-top:-2px;background:transparent;box-shadow:none;border:none;border-radius:0px;padding:0px;}
.dropdown:hover .dropdown-menu {display: block;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {}
.navbar-default .dropdown-menu > li > a {}
.navbar-default .dropdown-menu > li > a:hover {}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:transparent;color:#f41524;}
.navbar-default .navbar-nav>li>a:focus {background:transparent;color:#f41524;}
.navbar-toggle {border:1px solid #000;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#f41524;}
.navbar-default .navbar-toggle .icon-bar {background:#000;}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: none;margin-bottom:-5px;}
.navbar .navbar-collapse {text-align: center;}

/* Licenses */
.licenses {display:block;color:#000;text-align:center;margin-top:36px;}
.licenses span {margin:0px 10px;}

/* = BANNER = */
#banner {}
.banner-inner {}
.carousel-inner {border:none;box-shadow:none;}
.carousel-inner .slider-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 Caption */
.carousel-caption {background:rgba(0,0,0,.7);left:50%;right:0%;padding:30px;text-align:left;bottom:50px;}
.carousel-caption h2 {font-size:24px;}

/* Top Feature */
#top-feature {background:#f41524;padding:40px 0;text-align:center;}
#top-feature h2 {color:#fff;font-size:32px;text-transform:uppercase;}
#top-feature h2 span {font-size:20px;text-transform:none;}
#top-feature a {color:#000;}
#top-feature a:hover, #top-feature a:focus {text-decoration:none;color:#fff;}

/* = FEATURE = */
#feature {background:#eee;border-bottom:3px solid #ccc;padding:30px 0;color:#000;}
#feature h3 {text-align:left;}
/* Services */
.services {list-style:none;padding:0;font-family: 'Oswald', sans-serif;margin-top:20px;font-size:17px;text-align:left;}
.services li:before {content:"•";color:#f41524;margin-right:10px;}
.services li {line-height:2em;}
/* Feature Box */
.feature-box {text-align:center;}
.feature-box img {display:inline-block;margin:10px;}
.feature-box img:hover, .feature-box img:focus {opacity:.8;}

/* = MAIN = */
main {text-align:left;color: #000;font-size: 14px;}
.main-inner {padding:30px 15px;}
.main-inner-ip {padding:212px 15px 0 15px;}

/* = SECTION = */
section {}

/* = FLOATED IMAGES = */
img.pull-left {margin:20px 20px 20px 0px;}
img.pull-right {margin:20px 0px 20px 20px;}
.thumbnail {padding:0px;border-radius:0px;border:5px solid #000;}

/* = ASIDE = */
aside {text-align:left;}

/* CONTACT FORM */
#contactform {margin-top:20px;}
#contactform label {cursor:pointer;color: #333;}
#contactform button {width:100%;border-radius:3px;}
#contactform .alert {padding: 7px 25px;width:100%;margin-bottom:0px;}
#contactform input.alert {padding:0;}
#contactform .alert-danger {color:#a94442;}
.company-heading {font-size:25px;font-weight:bold;color:#000;font-family: 'Oswald', sans-serif;text-transform:uppercase;}}
.office-contact address{display:block;margin-bottom:0px; font-size:18px; color:#000000;}
.office-contact .tel a {font-size:22px;color:#f41524;}
.office-contact .tel a:hover {;color:#000;}
.office-contact h3 {margin-top:15px;text-transform:uppercase;}


/* = CONTACT INFO = */
#contact-info {background:#f41524;padding:30px 0px;color:#000;}
#contact-info .map {width:100%;height:300px;border:5px solid #000;margin-top:20px;}
#contact-info h3 {text-transform:uppercase;color:#fff;font-size:22px;border-bottom:2px solid #000;}
#contact-info p {font-weight:bold;font-size:18px;}
#contact-info a {color:#fff;}
#contact-info a:hover, #contact-info a:focus {text-decoration:none;color:#000;}
.hours-graphic {display:block;background:#fff;max-width:200px;padding:20px;margin:25px auto;border-radius:50%;border:5px solid #000;}
.hours-graphic img {margin:0 auto;}
#contact-info ul {list-style:none;padding:0px;}
#contact-info ul li {display:block;padding:10px 0;border-bottom:2px solid #000;color:#fff;}
#contact-info ul li span {float:right;font-weight:bold;}

/* = FOOTER = */
footer {text-align:center;background:#000;font-family: 'Oswald', sans-serif;padding:10px 0;border-top:2px solid #fff;}
.footer-inner {}
.sitemap .list-inline{margin-bottom:5px;}
.copyright {}
/* = FOOTER - LINKS = */
footer a {text-transform:uppercase;font-size:11px;color:#fff;font-weight:normal;}
footer a:hover, footer a:focus {text-decoration:none;color:#f41524;}

/* = 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 {background:#f41524;color:#fff;}
.back-to-top:hover {background:#000;color:#fff;}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none;font-family: 'Oswald', sans-serif;}
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: #f41524;  /* 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;}

.clock {margin: 0px auto 10px auto; width:80px;}
.foottel {font-family: 'Oswald', sans-serif; text-align: center;}
.foottel a { color: #f41524 !important;}
.foottel a:hover { color: #000 !important;}

.hours-graphic.botgraph { display: block; background: #fff; max-width: 245px; padding: 36px 0; margin: 25px auto; border-radius: 50%; border: 5px solid #000;}
.hours-graphic.botgraph img {margin-bottom: 15px;}

.hsub {text-transform:none;}

.carousel-inner > .item {height: 0; overflow: hidden;padding-top: 32%;  margin-top: 196px;}
.carousel-inner > .item img {position: absolute; top: 0; left:50%; transform:translateX(-50%);}

/* = MEDIA QUERIES= */
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1200px ) {.navbar-default .navbar-nav > li > a {padding:5px 10px;}.tel {font-size:20px;}.logo img {margin-top:20px;}.feature-box img {max-width:100px;}}
@media screen and ( max-width: 991px ) {.feature-box img {max-width:80px;}.tel {font-size:20px;}.licenses {font-size:12px;margin-top:30px;}.licenses span {display:block;visibility:hidden;line-height:2px;}.logo img {margin:20px auto;}#top-wrapper {position:relative;}#top-feature span {display:block;}.main-inner-ip {padding:0px 15px 0 15px;} .carousel-inner > .item{margin-top: 0;}}
@media screen and ( max-width: 768px ) {.carousel-caption {display:none;} .clock{margin-top: 15px;}}
@media screen and ( max-width: 767px ) {h1 span {font-size:16px;}.feature-box {margin:10px auto;}#top-feature {padding:40px 15px;}.navbar-default .navbar-nav > li > a {border:0;}.navbar-default .navbar-nav > li:last-child > a {border:0;}nav {border-top:2px solid #000;border-bottom:2px solid #000;}}
@media screen and ( max-width: 741px ) {.navbar .navbar-nav {display:block;margin-bottom:0px;}.logo img{margin:0 auto;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;}.c2a {text-align:center;}}
@media screen and ( max-width: 600px ) {}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 320px ) {}