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

/*************************** Custom Fonts & Colors ********************************/

html, body { font-size:14px; }

a {color:#8dc63f;}
a:hover, a:focus {color:#000;}

h1 {font-size:32px; font-family: 'Montserrat', sans-serif; border-bottom:2px solid #8dc63f; font-weight: bold; margin: 0px 15px;}
h2 {font-size:24px; font-family: 'Montserrat', sans-serif; border-bottom:2px solid #8dc63f;}
h3 {font-size:20px; font-family: 'Montserrat', sans-serif;}
h2.message {font-size: 50px;  text-align: center;  padding-top: 100px;  padding-bottom: 100px;}
.btn {background:#000;color:#fff;font-family: 'Montserrat', sans-serif;}
.btn:hover, .btn:focus {background:#8dc63f;color:#fff;}

.left-column { border-right:4px solid #222; font-family: 'Montserrat', sans-serif; background:url(../images/slash_it.png);}

.tel {font-size:36px;}
.tel a {color:#fff;}
.tel a:hover, .tel a:focus {color:#999;}

.social a { font-size:30px;color:#8dc63f;}
.social a:hover, .social a:focus {color:#fff;}

.navbar-default {background:transparent;}
.navbar-default .nav-stacked > li > a { color:#fff;border-top:1px solid #333;}
.navbar-default .nav-stacked > li:last-child > a {border-bottom:1px solid #333;}
.navbar-default .nav-stacked > li > a:hover {background:#333;color:#fff;}
.nav li.active a {background:#333;color:#fff;}
.dropdown .dropdown-menu { background:transparent;}

.navbar-default .dropdown-menu > li > a {color:#fff;background:#333;}
.navbar-default .dropdown-menu > li > a:hover {color:#fff;background:#8dc63f;}
.navbar-default .nav-stacked > .active > a, .navbar-default .nav-stacked > .active > a:hover, .navbar-default .nav-stacked > .active > a:focus {background:#333;color:#fff;}
.navbar-default .nav-stacked>li>a:focus {background:#333;color:#fff;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#8dc63f;}
.navbar-default .navbar-toggle .icon-bar {background:#fff;}

.carousel-caption {background:rgba(141,198,63,.8);}
.carousel-caption h2 { font-size:28px; }
.carousel-caption a {color:#000;}
.carousel-caption a:hover, .carousel-caption a:focus { color:#fff;}

.carousel-indicators li {background:#000;}

#feature {border-bottom:3px solid #222;font-family: 'Montserrat', sans-serif;}
.feature-box {color:#fff; background:#000;}
.feature-box h3 {font-size:36px; color:#fff;text-shadow:2px 2px 0px #000;border-bottom:2px solid #8dc63f;}
.feature-box p {font-size:18px; text-shadow:1px 1px 0px #000;}
.feature-box .btn {font-size:20px;background:#8dc63f;color:#fff;}
.feature-box .btn:hover {color:#fff;background:#000;}

main { color: #000;font-size: 14px;}
main ul li:before { color:#8dc63f;}

#contactform label { color: #333;}
#contactform .alert-danger {color:#a94442;}

#contact-info {background:url(../images/abstract-tech-background.jpg) bottom;}
#contact-info h3 {color:#fff;border-bottom:2px solid #8dc63f;}
#contact-info input {background:none;color:#fff;}
#contact-info textarea {background:none;color:#fff;}
#contact-info ul li:before { color:#8dc63f;}
#contact-info ul li { border-bottom:2px solid #000;}

#contact-info p { color:#fff; font-size:18px;}
#contact-info .social a {color:#8dc63f;}
#contact-info .social a:hover, #contact-info .social a:focus {color:#fff;}
#contact-info a {color:#fff;}
#contact-info a:hover, #contact-info a:focus {color:#8dc63f; }

footer {background:#222; font-family: 'Montserrat', sans-serif;}

footer a {font-size:11px; color:#999; }
footer a:hover, footer a:focus {color:#8dc63f;}

.back-to-top {background:#8dc63f;color:#fff; }
.back-to-top:hover, .back-to-top:focus {background:#222;color:#fff;}

ul.sitemap-page { font-family: 'Montserrat', sans-serif;}
ul.sitemap-page li:before {font-size:28px;}

ul.sitemap-page li a { color: #000;font-size: 28px;}
ul.sitemap-page li a:hover {color: #8dc63f;}

ul.list-items li {color: #000; }
ul.list-items li  a {color: #000; }
ul.list-items li a:hover {color: #000;}

.contact-page-info h3 {background:#8dc63f; color:#fff;}
.contact-page-info p { font-size:18px;}
.contact-page-info .fa {font-size:36px;}
.contact-page-info a {color:#000;}
.contact-page-info a:hover, .contact-page-info:focus {color:#8dc63f;}

ul.hours li {border-bottom: 2px solid #8dc63f;}
.pbThumbs li.active a img {border-color:#8dc63f;}

.ms-info{  background: rgba(141,198,63,.8); }
.ms-info h2{font-size: 28px; }

ul#gform_fields_1 li:before{ color: transparent; }
#gform_1 textarea, #gform_1 input { font-size: 14px; border: 1px solid #ccc; }
#gform_1 input#gform_submit_button_1{     font-family: 'Montserrat', sans-serif; background: #000; color: #fff; }
#gform_1 input#gform_submit_button_1:active, #gform_1 input#gform_submit_button_1:hover{ background: #8dc63f;    color: #fff; }


/************************* DO NOT ADJUST BELOW STYLES *****************************/


html, body {margin:0; width:100%;height:100%;}

a {text-decoration:none;font-weight:bold;transition: all 0.5s ease;}
a:hover, a:focus {text-decoration:underline;transition: all 0.5s ease;}

p {margin:15px;line-height:1.75em;}

h1 {margin:0 15px; font-weight:bold;}
h2 {margin:0 15px; font-weight:bold;}
h3 {margin:0 15px; font-weight:bold;}

.container {width:auto;max-width:100%;}

.btn { font-weight:bold;text-transform: uppercase;transition: background-color 0.5s ease;}
.btn:hover, .btn:focus {transition: background-color 0.5s ease;}
.menu-button {text-align:center;margin:20px auto;}

.left-column {position:fixed;top:0;bottom:0;height:100%;}

.logo img{margin:0 auto; margin-top: 30px; margin-bottom: 10px; width: 200px; }
.logo img:hover  {opacity:.8;}

.c2a {text-align:center;}
.tagline {display:block;}
.tel {display:block;}
.tel a{ font-size: 28px;}
.tel a:hover, .tel a:focus {text-decoration:none; }

.social {display:block;}
.social a {margin:0px 5px;}

nav {margin-top:20px;}
.navbar-default {border-radius:0px;border:0;}
.navbar-default .nav-stacked {text-align:right;padding:0;width:100%;}
.navbar-collapse {padding:0;}
.navbar-default .nav-stacked > li > a {text-transform: uppercase;margin-top:-2px;}

.dropdown .dropdown-menu {margin-top:-2px;background:transparent;box-shadow:none;border:none;border-radius:0px;padding:0px;}
.dropdown:hover .dropdown-menu {display: block;position:relative;float:none !important;text-align:right;}
.navbar-default .dropdown-menu > li > a {text-transform: uppercase;padding:10px 15px;}
.navbar .navbar-nav {display: inline-block;float: none;}
.navbar .navbar-collapse {text-align: center;}

#banner img {width:100%;}
.carousel-inner {border:none;box-shadow:none;}
.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 { left:0;right:0;padding:10px;bottom:15%;}
.carousel-caption h2 {font-weight:bold;text-shadow:none;border:0px;}
.carousel-caption a:hover, .carousel-caption a:focus {text-decoration:none;}

.carousel-indicators li {border:0;}

.interior-banner img {width:100%;}


.feature-box {text-align:center;padding:0;overflow:hidden;}
.feature-box h3 {margin:10px 40px;font-weight:700;}
.feature-box p { font-weight:700;}
.feature-box img {opacity:.4;transition: all .3s ease-in-out;width:100%;}
.feature-box:hover img {transform: scale(1.1);opacity:.2;}
.feature-box div {position:absolute;z-index:99;width:100%;text-align:center;margin-top:50px;}
.feature-box .btn {padding:10px;font-size:20px;}

main {text-align:left; padding-top:50px;padding-bottom:50px;}
main ul {line-height:1.75em;list-style:none;}
main ul li:before {content:"►"; margin-right:10px;}

img.pull-left {margin:20px 20px 20px 15px;}
img.pull-right {margin:20px 15px 20px 20px;}

aside {text-align:left;}

#contactform label {cursor:pointer;}
#contactform button {width:100%;border-radius:3px;}
#contactform .alert {padding: 7px 25px;width:100%;margin-bottom:0;}
#contactform input.alert {padding:0;}

#contact-info {background-size:cover;background-attachment: local;background-repeat: no-repeat; padding:10px 15px;padding-top:40px;}
#contact-info h3 {font-weight:bold; margin:0 0 10px;}
#contact-info input {background:none;}
#contact-info textarea {background:none;}
#contact-info ul {list-style:none;padding:0;line-height:1.75em;}
#contact-info ul li:before {content:"►";margin-right:10px;}
#contact-info ul li {display:block;padding-top:2px;padding-bottom:2px;}
#contact-info ul li a {text-transform: uppercase;}
#contact-info p {margin:11px 0; font-weight:bold; display: table;}
#contact-info p .fa {display:table-cell; padding-right:10px;}
#contact-info a:hover, #contact-info a:focus {text-decoration:none;}
#contact-info img {margin-top:15px;}

footer {text-align:center;padding-top:10px;padding-bottom:10px;}

footer a {text-transform: uppercase;font-weight:normal;}
footer a:hover, footer a:focus {text-decoration: none;}

#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 {border:none;}

ul.sitemap-page {line-height:3em;margin-top:30px;padding:0 20px;}
ul.sitemap-page li a { font-weight: bold; text-decoration: none;}
ul.sitemap-page li a:hover { text-decoration: none;}

ul.list-items {margin: 10px 0 10px 60px;}
ul.list-items li {font-weight: bold; }
ul.list-items li  a { font-weight: bold; }
ul.list-items li a:hover {text-decoration: none;}

.contact-page-info h3 {padding:10px 5px;text-align:center;margin:0;}
.contact-page-info p {text-align:center;font-weight:bold;}
.contact-page-info .fa {margin:0 5px;}

.contact-page-info a:hover, .contact-page-info:focus {text-decoration:none;}
.map iframe {width:100%;height:300px;}
ul.hours {padding:0;}
ul.hours li:before {display:none;}
ul.hours li {display:block;padding:3px 0;font-weight:bold;}
ul.hours li .time {float:right;font-weight:normal;}

.map p{ margin: 0!important; }

.gform_wrapper ul.gform_fields li.gfield{ padding-right:0px!important; }
#gform_wrapper_1{ margin-top: 5px!important; }
ul#gform_fields_1 li{ border-bottom: none!important; }
body .gform_wrapper ul li.gfield{ margin-top: 5px!important;}
ul#gform_fields_1 li:before{ content:none!important; color: transparent; margin-right: 0px!important; }
#gform_1 label{ display:none; }
#gform_1 textarea, #gform_1 input { width: 100%;     display: block;        height: 34px;    padding: 6px 12px;    line-height: 1.42857143;      border-radius: 4px;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#gform_1 textarea{ height: 75px; }
#gform_1 input#gform_submit_button_1{   text-transform: uppercase; font-weight: 700; border:none;  transition: background-color 0.5s ease; }
#gform_1 input#gform_submit_button_1:active, #gform_1 input#gform_submit_button_1:hover{ transition: background-color 0.5s ease;}
.gform_wrapper .gform_footer{ margin-top: 0px!important; padding-top: 10px!important; }


/* = MEDIA QUERIES= */
@media screen and ( max-width: 1366px ) {ul.hours {font-size:15px;}}
@media screen and ( max-width: 1199px ) {.map {margin-top:20px;} .feature-box h3 {font-size:24px;}.feature-box p {font-size:14px;}.tel {font-size:24px;} #contact-info p {font-size: 16px;}}
@media screen and ( max-width: 1024px ) {.navbar-default .nav-stacked > li > a {font-size:13px;}}
@media screen and ( max-width: 991px ) {.carousel-indicators {bottom: 10px;}.feature-box p {font-size:13px;}#contact-info h3 {margin-top:20px;}  .feature-box div {margin-top: 10px;}.tel {font-size:18px;}}
@media screen and ( max-width: 768px ) {.carousel-caption {position:relative;bottom:0;}.carousel-indicators {bottom:7%;}.navbar-default .nav-stacked > li > a {font-size:12px;}img.pull-left {float:none !important;margin:20px auto;} img.pull-right {float:none !important;margin:20px auto;} }
@media screen and ( max-width: 767px ) {.left-column {position:relative;height:auto;z-index:999;}.navbar-default .nav-stacked > li > a {font-size:16px;}.navbar .navbar-nav {display:block;margin-bottom:0px;}.c2a {text-align:center;}.dropdown-menu {display:block;float:none !important; position:relative;visibility:visible;text-align:right;}.tel {font-size:24px;}.navbar-default .nav-stacked {text-align:center;}.list-inline>li {display:block;padding:10px;}}
@media screen and ( max-width: 741px ) {}
@media screen and ( max-width: 600px ) {.carousel-indicators {display: none;}}
@media screen and ( max-width: 414px ) { .feature-box h3 {font-size:18px;}.feature-box p {font-size:12px;} #contact-info p {font-size: 12px;}}
@media screen and ( max-width: 320px ) {}