/* GLOBAL STYLES */
body
{
    padding-bottom: 0;
    color: #5a5a5a;
    padding-top: 0; /* Fixed Header */
    background: #e6e6e6;
    font-family: 'Open Sans', 'Cambria';
}
h1, h2, h3, h4, h5 {font-family: 'Open Sans', Helvetica, Arial, 'Lucida Grande', sans-serif;}
h1 {font-weight: 400;}
h2 {font-weight: 800;font-size: 1.4em;}
h3 {font-weight: 400;font-size: 1.5em;}
h4 {font-weight: 800;}

.color1 h2 { color: #5db8af;}
.color2 h2 { color: #a287a8;}
.color3 h2 { color: #cc779e;}
.color4 h2 { color: #8edad0;}
.color5 h2 { color: #70517a;}
.color6 h2 { color: #daa2bd;}

.color1 { color: #5db8af;}
.color2 { color: #a287a8;}
.color3 { color: #cc779e;}
.color4 { color: #8edad0;}
.color5 { color: #70517a;}
.color6 { color: #daa2bd;}

.serif-links a { font-family: 'Open Sans', Cambria, serif;font-weight: bold;font-size: 1.2em;margin-bottom: 10px;}
.serif-links a:after {font-family: FontAwesome; content: "\f138";font-size: 2em;clear: both;display: block;}

 a {color: #12a79d;}
 p { }
 .tiny { font-size: 12px;}
.sidebar-content { background: #f9f9f9;}
.page-content-panel { background: #fff;}
.page-content-panel ul { list-style: none;padding: 5px;}
.page-content-panel ul li:before {list-style: none; content: "• ";color: #12a79d;}
.page-content-panel ul li ul li { list-style: none;}
.page-content-panel ul li ul li:before {padding-left: 10px;}
.contentpad { padding: 20px 30px;}
ul.pagination li:before {content: "";}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #12a79d;background: #12a79d;}

.header {box-shadow: 2px 1px 6px #333;z-index: 9999;margin-bottom: 0px;position: relative;background: #12a79d;}
.masthead { height: 55px;font-family: 'Open Sans';background: #12a79d;}

.header-search {height: 50px;padding: 2px 10px;width: 210px;}
.header-search .form-control, .header-search .btn-default {background: #eee; border-color: #eee;border-radius: 0;box-shadow: none;color: #444;}
.header-search .btn-default:hover { background: #eee;border-color: #eee;}
.pagetools {height: 50px;padding: 0 10px 0 0;width: 130px; line-height:24px; font-size:1.2em;}
.pagetools a {color: #fff;}
.home-header-phone { color: #fff; font-size: 1.3em; background: #eee; }
.home-header-phone .ph { margin: 0; padding: 0; float: right; line-height: 18px;clear: both;}
.home-header-phone .tiny { margin: 0; padding: 0; float: right; line-height: 13px; clear: both;}
.home-header-phone .tiny a, .home-header-phone .tiny a:hover { color: #fff;}

.logo { margin: 4px 0 -55px -15px;z-index: 999;position: relative; max-width:190px;}
.home-intro { margin-top: 0;position: relative;font-size: 1.2em;background: #fff;}
.home-intro .container {background: #fff;padding: 50px 30px;}
.home-intro strong { font-size: 1.2em;}
.home-content { margin-top: 0;position: relative;font-size: 1.2em; background: #fff;padding-top: 40px;}
.home-content .row { background: #fff;padding: 20px 30px 0 30px;}
.ceo-msg { position: relative;text-align: center; }
.ceo-msg img { max-width: 100%;}
.ceo-msg p { position: absolute;bottom: 20px;left: 20%;background: rgba(18, 167, 157, 0.8);color: #fff;margin: auto;text-align: center;min-width: 200px;}
.homesearch { background: #ddd url('/images/template/home-search-bg.png') no-repeat; background-size: cover;padding: 20px 20px 20px 40%; }
.homesell {padding: 20px;background: #12a79d;color: #fff;margin-bottom: 20px;font-size: 1.2em;}
.homesell a, .homesell a:hover { color: #fff;text-decoration: none;}
.titlestrip { background: #86d5d0;padding: 18px 0;color: #fff;}
.titlestrip h2 { margin: 0;padding: 0 0 5px 0;}

.key-staff-img { border: solid 4px #00a69e;border-radius: 50%;margin-top: 10px;margin-bottom: 10px;max-height: 162px;max-width: 162px;}

.homepanels { padding-top: 60px; padding-bottom: 60px;box-shadow: 0 1px 16px #333;border-bottom: solid 1px #ccc; background: #fff url(/images/template/dog-cast.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
/*.homepanels .row .col-sm-4 .homepanel {margin: 10px; padding: 20px;background: #fff;text-align: center;border: solid 1px #ddd;}*/
.homepanels h2 { font-size: 1.4em;text-align: center;margin-bottom: 0;}
.homepanels img { width: 100%;padding: 30px 60px 30px 60px;}
.homepanels a { }
.homepanels .intro { min-height: 90px;padding: 10px;}
.homepanels .intro p { font-weight: normal; text-align:center;}
.homepanel {text-align: center;padding-bottom: 20px;}
.homepanel .btn { color: #fff; font-family: 'Open Sans','Cambria';font-size: 1.4em;}
.homepanel:hover .btn {background: #12a79d;color: #fff;width: 100%;}
.homepanel { margin: 10px; padding: 20px;}
.homepanel {margin: 10px; padding: 20px;text-align: center;border: solid 1px #ddd;box-shadow: 0 1px 16px rgba(0, 0, 0, 0.5);}

.homepanel.acqua { border: solid 0px #12a79d;}
.homepanel.purple { border: solid 0px #9c86a0;}
.homepanel.grey { border: solid 0px #ababb0;}

.focus { background: #eee;padding-top: 80px;padding-bottom: 80px;font-size: 1.4em;}
.focus-inner {background: #12a79d;color: #fff;float: left;width: 100%;text-align: left;padding: 20px;margin-bottom: 15px;}
.focus-inner h3 {font-family: 'Open Sans','Cambria';font-weight: 800; padding-right: 50px;}
.focus-inner a { color: #fff;}
.focus p { padding-right: 40px;}

.sidepanel {padding: 20px;font-size: 1.2em;}
.sidepanel h3 {font-weight: 800;}
.sidepanel a { color: #fff;}
.sidepanel p {text-align: left;}
.sidepanel a:hover { text-decoration: none;}
.sidepanel.green {background: #12a79d;color: #fff;}
.sidepanel.lightgrey {background: #cccccc;color: #fff;}
.sidepanel.darkgrey {background: #808080;color: #fff;}

.address-div { margin-top: 10px;}
.address-div H4 { font-weight: bold;color: #12a79d;}

.footerbar {margin-top: 0;position: relative;color: #fff;background: #12a79d;padding-top: 30px;padding-bottom: 30px;}
.footerbar .container { margin-bottom: 0;}
.footerbar .row {}
.footerbar ul { padding-left: 5px;}
.footerbar ul li { list-style: none;list-style-position: inside;}
.footerbar a { color: #fff;}
.footerbar .fa-inverse { color: #12a79d;}
.footer-map { border: solid 1px #fff;}
.footer-item { font-size: 1.4em;text-align: center;clear: both;width: 100%;float: left;margin-bottom: 6px;}
.footer-item a, .footer-item a:hover { text-decoration: none;}
.footer-item em { font-style: normal;font-size: 0.8em;color: #86d5d0; letter-spacing: 6px;}
.footer-phone-number { line-height:18px;}
.footer-item-txt { line-height: 16px;text-align: left;float: left;clear: right; padding-left: 15px;font-size: 0.9em;padding-top: 5px;}
.copyrightbar {background: #fff;color: #555;}
.copyrightbar a {color: #555;}
.copyrightbar { padding: 20px;}
.footer-news-item { height: 120px;overflow: hidden;margin-bottom: 15px;}
.footer-thumb { width: 100%; min-height: 120px}

/* HOMEPAGE SCROLLER -------------------------------------------------- */
.home-testimonials { margin-top: 30px;margin-bottom: 0;background: #f6f6f6;text-align: center;}
.home-testimonials a { color: #fff;}
.scroller { overflow: hidden;width: 100%;margin-top: 20px;margin-bottom: 50px;}
.scroller li { display: block;width: 33%;text-align: center;}
.scroller .content { margin: 0 60px 10px 0;height: 100px;padding: 5px;padding-left: 10px; }
.home-testimonials .prev { float: left;margin-top: 60px;margin-left: -40px;z-index: 999;}
.home-testimonials .next { float: right;margin-top: 60px;margin-right: -40px;z-index: 999;}

/* Latest News */
.news-index { width: 100%;float: left;}
.news-index .news-item { background: #fff;border: solid 1px #eee;margin-bottom: 20px;}
.news-top { position: relative;height: 172px;overflow: hidden;}
.news-top h3 { background: #12a79d;color: #fff;position: absolute;bottom: 0;right: 0;margin-left: 20px;margin-bottom: 0;padding: 10px;font-size: 12px;text-transform: uppercase;display: block;width: 80%;}
.news-top a h3 { color: #fff;}
.news-date { position: absolute;color: #fff;top: 0;right: 0;padding: 5px;text-align: center;line-height: 12px;text-shadow: 0 1px 8px #444;}
.news-thumb { width: 100%;min-height: 100%;}
.news-intro { height: 100px;}
.news-intro p { margin: 10px;height: 80px;overflow: hidden;}

/*Timesheets*/
.mid, .table-striped > tbody > tr:nth-child(odd) > td.mid { background-color: #f2f2f2;}
.dark, .table-striped > tbody > tr:nth-child(odd) > td.dark {background-color: #ccc;}

/* Locations */
.location-list .location-list-inner { text-align: center;margin-bottom: 20px;border: solid 1px #eee;padding: 0 0 20px 0;background: #fff;}
.location-list-title {background: #12a79d;height: 50px;padding: 4px 2px 4px 2px;}
.location-list h2 { font-size: 1.3em;color: #fff;margin: 0;}
.location-list-details { height: 70px;}
.location-map {height: 280px;}

/*Download Lists*/
.download-list { width: 100%;}
.download-list a {font-family: 'Open Sans', Helvetica, Arial, 'Lucida Grande', sans-serif;}
.download-list h2 { border-bottom: solid 1px #12a79d;padding-bottom: 10px;}
.download-list td {  padding: 19px;
  background: #f9f9f9;
  border-top: 6px solid #fff;
  font-size: 15px;
  line-height: 2;}


/* CUSTOMIZE BOOTSTRAP -------------------------------------------------- */
.btn, .panel-heading {font-family: 'Open Sans'}
.btn, .form-control, .panel,  .panel .panel-heading, .alert { border-radius: 0;}
.danger, .btn-danger, .panel-danger .panel-heading { background: #ee1c25;color: #fff;border-color: #ee1c25;}
.panel-danger {border-color: #ee1c25;}
.primary, .btn-primary, .panel-primary .panel-heading { background: #12a79d;color: #fff;border-color: #12a79d;}
.btn-primary:hover { background: #12a79d;border-color: #12a79d;}
.panel-primary {border-color: #12a79d;}
.panel-title a:hover { text-decoration: none;}

.default, .btn-default, .panel-default .panel-heading { background: #404040;color: #fff;border-color: #404040;}
.btn-default:hover { background: #333;border-color: #333;color: #fff;}
.panel-default {border-color: #404040;}


/* CUSTOMIZE THE MAIN MENU -------------------------------------------------- */
.nav-wrapper { background:#12a79d;}
.navbar {background: transparent; border: none;box-shadow: none;border-radius: 0;margin: 0 auto;font-family: 'Open Sans', bitter; font-weight: 300; padding:0px;}
.navbar-brand { padding: 0;margin-right: 30px;background: transparent;}
.navbar-nav li {}
.navbar-collapse { margin-top: 6px;}
.nav li a { padding: 12px 12px 12px 12px;color: #fff;font-size: 1.1em;font-weight: bold; }
.nav li:last-child a { }
.nav li a:hover {color: #12a79d;}
ul.dropdown-menu {border-width: 0;border-radius: 0;}
.open > ul.dropdown-menu {border-radius: 0;border-width: 0;}
.dropdown-menu>li>a {font-size: 0.9em;padding: 10px;}
.dropdown-menu>li>a:hover { background: #12a79d;color: #fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #fff;}
.navbar-default .navbar-nav > li a { }
.navbar-default .navbar-nav > li:hover a {background: #fff;color: #12a79d;}
.navbar-default .navbar-nav > li:hover ul li a { border-bottom:solid 0px #12a79d;background: #fff;color: #555;}
.navbar-default .navbar-nav > li:hover ul li a:hover {color: #12a79d;}
.navbar-default .navbar-nav>li>a {color: #fff;}
.navbar-default .navbar-nav>li>a:hover {color: #12a79d;}
.navbar-default .navbar-nav .dropdown a .caret { border-top-color: #fff; border-bottom-color: #fff;}
.navbar-default .navbar-nav .dropdown li:last-child a { padding-right: 10px; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }

.dropdown-submenu { position: relative; }

.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; }

.dropdown-submenu:hover > .dropdown-menu { display: block; width: 260px; }

.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }

.dropdown-submenu:hover > a:after { border-left-color: #fff; }

.dropdown-submenu.pull-left { float: none; }

.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

/*.nav { margin-bottom: 0; }
.navbar-default .navbar-nav .dropdown { position: static;}
.navbar-default .navbar-nav .dropdown-menu { width: 100%; text-align: center; min-width:auto;border-radius: 0;right: 0;}
.navbar-default .navbar-nav .dropdown-menu>li { display: inline-block; }*/

/* SUB MENU -------------------------------------------------- */
.sidebar-nav { margin-top: 20px;margin-bottom: 20px;}
.sidebar-nav .nav>li>a { color: #404040;border-bottom: solid 1px #eee;padding: 10px;font-size: 1em;}
.sidebar-nav .nav>li>a.on { color: #000;font-weight: bold;}
.sidebar-nav .nav>li>a.on:before {content: "〈 ";color: #12a79d;margin-left: -15px;}
.sidebar-nav .nav>li>a .caret { display: none;}
.sidebar-nav .nav li:before {content: "";
}

/* Carousel -------------------------------------------------- */
.carousel {margin-bottom: 0;margin: 0 auto;margin-top: 0; background: #12a79d;}

.carousel-caption {
    z-index: 10;
    padding: 5%;
    font-size: 1.8em;
    float: left;
    right: 0;
    left: 65%;
    top: 0;
    bottom: 0;
    opacity: 1;
    text-shadow: none;
    text-align: center;
}
.carousel-caption h2 {font-size: 1.8em;}
.carousel-caption p { border-top: solid 2px #fff;padding-top: 10px;margin-top: 20px;text-align: center;font-family: 'Open Sans', bitter, serif;}
.carousel-caption .btn-primary { color: #fff; background:transparent;border-color: #fff;}
.carousel-caption .btn-primary:hover { color: #fff; background:#12a79d;}
.carousel-control { width: 5%;}
.carousel-control.left { right: 30%;}
.carousel-control.right, .carousel-control.left { background-image: none;z-index: 999;}
.carousel .item {}
.carousel-inner>.item>img { width: 100%;}
.carousel-img-link {}
    .carousel-img-link img {width:100%;}
.carousel-indicators {left: auto;bottom: 0;right: 0;width: 100%;}
.carousel-indicators li {}
.carousel-indicators li.active {}

/* RESPONSIVE CSS
    -------------------------------------------------- */
@media (max-width: 1200px) {
    .nav li a { padding: 12px 6px 12px 6px;font-size: 1.2em;}
    .nav li a.homemenu { display: none;}
    .carousel-caption {padding: 3%;font-size: 1.4em;left: 60%;}
    .carousel-caption h2 {font-size: 1.4em;}
    .carousel-caption p {padding-top: 10px;margin-top: 10px;}
    .nav li a { padding: 12px 6px 12px 6px;color: #fff;font-size: 1em;font-weight: bold; }
    .carousel-caption {font-size: 1.4em;}
    .carousel-caption h2 {font-size: 1.4em;}
    .carousel-caption p { }
}
@media (max-width: 979px)
{
    .page-tools { font-size: 1em;}
    .logo { height: 70px;top: 0;margin: 0;}
    .nav li a { padding: 12px 6px 12px 6px;font-size: 1.1em;}
    .carousel-caption {padding: 3%;padding-right: 5%;font-size: 1.5em;left: 55%;}
    .carousel-caption h2 {font-size: 1.4em;}
    .carousel-caption p {padding-top: 5px;margin-top: 5px;}
    .nav li a { padding: 12px 3px 12px 3px;color: #fff;font-size: 1em;font-weight: bold; }
}

.hotspot {width: 3.4000000000000004%; height: 5.666666666666666%;}

@media (max-width: 767px)
{
    .header {box-shadow: none;}
    .navbar { background: #12a79d;padding-left: 15px;max-height: auto;}
    .page-tools { font-size: 1em;}
    .cross-logo { display: none;}
    .navbar-collapse {max-height: auto;overflow-x: visible;}
    .pagetools { display: none;}
    .carousel {  }
    .carousel-inner>.item>img { height: 100%; width:auto;}
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .carousel-inner .img-responsive, .thumbnail a>img, .thumbnail>img { max-height:280px; height: 100%; width:auto;}
    .carousel-inner {padding-bottom: 90px;}
    /*.carousel-caption {padding: 3%;padding-right: 5%;font-size: 1em;left: 50%;}*/
    .carousel-caption { background: linear-gradient(rgba(19,166,156, 0), rgba(19,166,156, 1));}
    .carousel-caption {width: 100%;left: 0;right: 0;font-size: 0.8em;bottom: 0px;top: auto;}
    .carousel-caption h2 {font-size: 1.2em;margin-top: 5px;margin-bottom: 5px;}
    .carousel-caption p {padding-top: 5px;margin-top: 5px;}
    .carousel-indicators { display: none;}
    .logo {height: 90px; margin: 4px 0 0 0;z-index: 999;position: relative; max-width:220px;}
    .home-header-phone .tiny {font-size: 10px; line-height: 16px; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #12a79d;color: #fff;}
    .navbar-default .navbar-nav > li:hover a {background: #12a79d;color: #fff;}
    .navbar-default .navbar-nav > li:hover ul li a { background: #12a79d;color: #fff;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
    .homepanels {background: #12a79d url(/images/template/mobile-girl-dog-sunset.jpg) no-repeat;background-size: 100%;background-attachment: fixed;box-sizing: content-box;}
    .contentpad { padding: 20px 5px;}
    .download-list td { padding: 10px 5px 10px 5px; background: #f9f9f9; border-top: 6px solid #fff; font-size: 15px; line-height: 1.2em; }
    .hotspot {width: 5%; height: 8%;}
}