/* = FONTS = */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Rationale);

/* = DEFAULT STYLES = */
body {margin:0;font-size:14px;}
.styled-list {list-style:none; padding-left:0; display:block;}
.styled-list li {display:block; margin:10px;}
.styled-list li:before {display:inline-block; content:""; width:.7em; height:.7em; border-radius:50%; background:#39B54A; margin:2px 5px;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-family:'Rationale', sans-serif; color:#39B54A; font-size:1.1em;}
a:hover {text-decoration:underline; color:#000;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;}
p.no-top {margin:0px 0 20px;line-height:1.75em;}
p.no-bottom {margin:20px 0 0px;line-height:1.75em;}
/* = DEFAULT - HEADINGS = */
.home h1 {font-family:'Rationale', sans-serif; font-size:5.2rem; text-align:center;}
.home h2 {font-family:'Rationale', sans-serif; font-size:3.2rem; text-align:center;}
h1 {font-family:'Rationale', sans-serif; font-size:5.2rem;}
h1 span.sub {
    font-size: 16px;
    color: #39B54A;
    font-weight: normal;
    text-shadow: none;
    font-family: 'Source Code Pro', sans-serif;
    text-transform: uppercase;
}
h2 {font-size:24px;margin:0;color:#39B54A;}
h3 {font-family:'Rationale', sans-serif; font-size:3rem;}
h4 {font-family:'Rationale', sans-serif; text-align: center; color: white; font-size:3rem; background-color:#39b54a;}
h5 {}
hr {
    margin-top: 8px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
/* = DEFAULT - Custom Bootstrap = */
.container {max-width:1000px;margin:0 auto;}

/* Buttons */
.btn {background:#333;color:#fff;}
.btn:hover {background:#666;color:#fff;}

/* = HEADER = */
header {}
.header-inner {padding:20px 15px 20px 15px;}
/* HEADER - LOGO */
.logo a {display:block; -webkit-transition:all .3s ease; transition:all .3s ease;}
.logo a:hover {opacity:.8;}

/* = SOCIAL MEDIA LINKS = */
.social {}
.social a {}
.social a:hover {}

/* = NAVIGATION = */
nav {}
.navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;margin-top:10px;}
.navbar-default .navbar-nav > li > a {background:transparent; color:#8c8c8c; font-family: 'Rationale', sans-serif; font-size:1.8rem; text-align:center; text-transform:uppercase; font-weight:400; -webkit-transition:all .2s ease; transition:all .2s ease;}
.navbar-default .navbar-nav > li:last-child > a {padding-right:0;}
.navbar-default .navbar-nav > li > a:hover {background:transparent; color:#000;}
.nav li.active a {}
.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 {background:transparent; color:#000;}
.navbar-default .dropdown-menu > li > a {}
.navbar-default .dropdown-menu > li > a:hover {background:transparent; 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:#000;}
.navbar-default .navbar-nav>li>a:focus {background:transparent; color:#000;}
.navbar-toggle {}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#39b54a; border-color:transparent;}
.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar {background:#fff;}
.navbar-default .navbar-toggle .icon-bar {}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: none; padding-right:0;}
.navbar .navbar-collapse {text-align: right; padding-right:0;}

/* = C2A = */
#c2a {position:absolute; display:block; width:100%; z-index:50; text-align:center;}
.c2a-inner {text-align:center;}
.c2a {text-align:center; background:rgba(57, 181, 74,.85); margin-top:10%; padding:15px; color:#fff; border-radius:5px;}
.tagline {display:block;font-size:2.8rem; font-family: 'Titillium Web', sans-serif;}
.c2a .tel {display:block;font-family: 'Titillium Web', sans-serif; font-size:2.4rem;}
.c2a .tel a {display:block; font-size:3.2rem; background:#6c6c6c; color:#fff; max-width:33%; margin:20px auto; border-radius:5px;}
.tel a:hover {text-decoration:none; color:#fff; background:#3c3c3c;}

/* = C3A = */
#c3a {position:absolute; left:50px; display:block; width:100%; z-index:50; text-align:center;}
.c3a-inner {text-align:center;}
.c3a {text-align:center; background:rgba(57, 181, 74,.85); margin-top:10%; padding:15px; color:#fff; border-radius:5px;}
.tagline {display:block;font-size:2.8rem; font-family: 'Titillium Web', sans-serif;}


/* = BANNER = */
#banner {}
.banner-inner {}
.carousel-inner {border:none;box-shadow:none;}
.carousel-inner .item {max-height:550px; overflow:hidden;}
.carousel-inner .item img {width:100%;}
.carousel.fade {opacity: 1;}
.carousel.fade .item {-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;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;}
.carousel-indicators li {background:#fff; border:2px solid transparent;}
.carousel-indicators .active {background:#39B54A;}

/* = MAIN = */
.home main {text-align:left;color: #000;font-size: 14px;margin:60px 0;}
main {text-align:left;color: #000;font-size: 14px;margin: 0px 0 18px;}
.main-inner ul {
    font-size: 17px;
    color: #73773F;
    font-weight: bold;
}
.row-centered {text-align: center;}
.col-centered { 
    display:inline-block; 
    float:none; 
    text-align:left; 
    margin-right:-4px; 
}
div.list-text {
    margin-left: 234px;
    margin-bottom: 7px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
}
div.list-font {
    float: left;
    font-size: 20px;
}
/* = FLOATED IMAGES = */
img.pull-left {border: 1px solid rgb(172, 172, 172); padding: 3px; margin: 7px 29px 35px 0px; width: 374px; height: auto;}
img.pull-right { border: 1px solid rgb(172, 172, 172); padding: 3px; margin: 16px 0 35px 29px; width: 374px; height: auto;}

/* = GALLERY PAGE = */
.gallery-container {
    width: 100% !important;
}
.gallery-container a {
    height: 100%;
    width: 100%;
    max-width: 313px;
    max-height: 198px;
    margin: 2px 4px;
    overflow: hidden;
    display: inline-block;
    z-index: 9999;
    border: 1px solid #761A3F;
    padding: 0px;
}
.gallery-container:hover {}
.lb-thumb {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0px !important;
    border: 0px solid #761A3F !important;
    margin: 0 7px 7px 0;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    -o-transition: all 0.12s ease-out;
}
.lb-thumb:hover {/* CSS3 Transform Effect */-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1); background:#f0ede5 !important;opacity: .7;}

/* = Locations  = */
span.locations { font-size: 24px; font-weight: bold; color:#39B54A;}
p.address { margin-top: 3px;margin-bottom: 8px; font-size: 18px;}
.over-map-image-block {
    width: 100%;
    position: relative;
    height: 0px;
    margin-top: 0px;
}
.box-address {display: table-cell;}
.box-text {
    display: table-cell;
    vertical-align: middle;
    height: 359px;
    width: 469px;
    background: #ECFAEE;
}

/* CONTACT FORM */
#contact-form-outer {background:#fff; position:relative; z-index:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#contact-form-outer:before {display:block; content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/tile-metal.jpg); background-size:10%; opacity:.2; z-index:-1;}
#contactform label {cursor:pointer;color: #333;}
#contactform button {width:100%;border-radius:3px; font-family:'Rationale', sans-serif; font-size:2rem;}
#contactform button:hover {background:#39B54A;}
#contactform .alert {padding: 7px 25px;width:100%;}
#contactform input.alert {padding:0;}
#contactform .alert-danger {color:#a94442;}

/* = CONTACT INFO = */
#contact-info {background:#fff;padding:10px 15px;text-align:center;}
.contact-info-inner {color:#3c3c3c; font-size:1.6rem; padding:80px 15px;}
.contact-info-inner1 {color:#3c3c3c; font-size:1.6rem; padding:20px 15px;}
#contact-info address {margin:20px 0;}
#contact-info a {color:#3c3c3c; font-size:2.4rem; display:block;}
#contact-info .fax {font-family:'Rationale', sans-serif; font-size:2.4rem; color:#3c3c3c; display:block;}
#contact-info a:hover {background:transparent; color:#39b54a; text-decoration:none;}
#contact-info .tel a:hover {color:#3c3c3c;}
#contact-info .map-container {display:block; width:100%; height:100%;}
#contact-info .map-container iframe {width:100%; min-height:300px;}
.contact-info-logo {display:block; max-width:175px; margin:0 auto; -webkit-transition:all .3s ease; transition:all .3s ease;}
.contact-info-logo img {width:100%;}
.contact-info-logo:hover {opacity:.8;}

/* = FOOTER = */
footer {text-align:center; background:#39B54A;}
.footer-inner {padding: 10px 15px;}
.sitemap {}
.copyright {}
/* = FOOTER - LINKS = */
footer a {color:#fff;}
footer a:hover {color:#3c3c3c;}

/* = 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 {}

/* = 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: #ccc;  /* 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;}

/* = MEDIA QUERIES= */
@media screen and ( max-width: 1366px ) {.c2a {margin-top:5%; padding:15px;} .c2a .tagline {font-size:2.2rem;}}
@media screen and ( max-width: 1024px ) {.c2a {margin-top:15px; padding:15px;} .c2a .tagline {font-size:2rem;}
h1 span.sub {
    display: block;
}
}
@media screen and ( max-width: 991px ) {.logo a {margin:20px auto;} .navbar .navbar-collapse {text-align:center;} .navbar .navbar-collapse .navbar-nav > li > a:last-child {padding-right:15px;} .contact-info-logo {max-width:150px;}}
@media screen and ( max-width: 768px ) {.navbar .navbar-collapse {padding-right:15px;}.logo img{margin:0 auto;}nav {padding-top:20px;} .carousel-indicators {display:none;} .header-inner {padding-bottom:0;} .contact-info-inner {padding:15px;} .contact-info-left {margin-bottom:20px;} #c2a {position:relative; margin:0 auto 20px auto;} .c2a {margin-top:0; background:#39b54a;} .c2a .tagline {font-size:2rem;}}
@media screen and ( max-width: 741px ) {}
@media screen and ( max-width: 600px ) {.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;} .c2a .tel a {max-width:80%;}}