@charset "utf-8";
/* CSS Document */

html {
  position: relative; /*relative for position of sticky footer*/
  min-height: 100%; /*height required for sticky footer*/
}
body {
	margin-bottom: 400px;/* Margin bottom by footer height */
	padding-top:54px; 
	font-family:'Segoe UI', Arial, Helvetica, sans-serif;
	}
@media (min-width: 768px) {
	body {padding-top:90px;} /* BODY padding must match navbar box height */
	}
@media (min-width: 1200px) {
	body {padding-top:90px; margin-bottom: 200px;/* Margin bottom by footer height */} /* BODY padding must match navbar box height */
	}
.main {padding:0;}
/* FIXED NAVBAR ------ */
.navbar {min-height: 50px;}
.navbar-default {background-color: rgba(255, 255, 255, 0.9); border-color: #e7e7e7;}
.navbar-toggle {float: left; padding: 9px 10px; margin: 8px 0 8px 5px; border: 0px solid transparent;}
.navbar-brand img {width:200px;}
.navbar-default .navbar-nav > li > a {color:#0050a5;}
.navbar-default .navbar-nav > li > a:hover {color:#003366; background-color:#efefef;}
@media (min-width: 768px) {
	.navbar {min-height: 90px; padding-top:22px;} /* BODY padding must match navbar box height */
	.navbar-toggle {display:inline-block;}
	.home .navbar-toggle {display:none;}
	.navbar-toggle {float: left; padding: 9px 10px; margin: 4px 0 8px -10px; border: 0px solid transparent;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0;}
	.navbar-brand img {width:300px;}
}
@media (min-width: 1200px) {
	.navbar-toggle {display: none;}
}
@media (min-width: 768px) {
	
	}
h1 {font-size:24px; font-weight:400; letter-spacing:-1px;}
h2 {font-size:20px; font-weight:600; letter-spacing:-1px;}
.panel-wiz h2 {margin-top:0; margin-bottom:15px;}
h2.agency {letter-spacing:0;}
h1.pg-title {font-size:24px; font-weight:600; letter-spacing:-1px;}
h3 {}
h3.list-group-item {font-size:16px; font-weight:600; background-color:#0050a5; color:#ffffff; border:1px solid #0050a5;}
h3.list-group-item .count {display:inline; font-size:14px;}
h3.list-group-item .count:before {content: "— ";}
.fa-heading {/*color:#0050a5;*/ color:#e59443; margin-top:15px;}
@media (max-width: 768px) {
	h3.list-group-item .count {display:block; font-size:12px; line-height:1.6em;}
	h3.list-group-item .count:before {content: " ";}	
}
@media (min-width: 768px) {
	h1 {font-size:32px;}
	h2 {font-size:24px;}
	}
@media (min-width: 1200px) {
	h1 {font-size:36px;}
	h2 {font-size:28px;}
	}
.btn {border-radius:0; border:1px solid #cccccc;}
.btn:hover, .btn:active {/*background:#0050a5; border:1px solid #0050a5; color:#ffffff;*/}
.btn-nav {/*background-color:#e59443; border:1px solid #e59443; color:#ffffff;*/ background:#0050a5; border:1px solid #0050a5; color:#ffffff;}
.btn-nav:hover {background-color:#FC0; border:1px solid #FFBD22; color:#000000;}
.btn.width-25 {width:25%;}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
    background:#0050a5; border:1px solid #0050a5; color:#ffffff;
}
.btn-row {margin-top:15px; padding-top:15px;}
/*.fa {color:#0050a5;}*/
.btn-primary {
    color: #fff;
    background-color: #0050a5;
    border-color: #2e6da4;
}
.btn-primary:hover {background-color: #003366; color: #fff;}

/* SIDEBAR BASE STYLES ========================== */
.sidenav {font-size:13px;}
.sidebar {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    padding: 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #EEEEEE;
    border-right: 0px solid #eee;
    height: 100%;
}
.sidebar li {padding-left:35px; background-color:#efefef;}
.sidebar li:hover, .sidebar li.selected {background-color:#ffffff;}
.sidebar li a {text-indent:-20px; color:#0050a5;}
.sidebar li a .fa {color:#ccc;}
.sidebar li a .fa.complete {color:#0050a5;}
@media (min-width: 769px) {
.sidebar {position: absolute; top: 50px; bottom: 400px; left: 0; height:auto;}	
}
@media (min-width: 992px) {
.sidebar {position: absolute; top: 50px; bottom: 200px; left: 0; height:auto;}	
}
@media (min-width: 1200px) {
.sidebar {position: absolute; top: 90px; bottom: 200px; left: 0; height:auto;}	
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* OFFCANVAS SIDEBAR POSITIONING =================*/
@media (min-width: 768px) {
.col-sm-offset-3 {
    margin-left: 0;
}
}
@media (min-width: 768px) {
.col-sm-9 {
    width: 100%;
}
}
@media (min-width: 1200px) {
.col-sm-offset-3 {
    margin-left: 15%;
}
}
@media (min-width: 1200px) {
.col-sm-9 {
    width: 85%;
}
}
@media (max-width: 768px) {
.row-offcanvas {
	position: relative;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;	
	}
.row-offcanvas-right {
	right: 0;
	}
.row-offcanvas-left {
	left: 0;
	}
.row-offcanvas-right
.sidebar-offcanvas {
	right: -80%; /* 6 columns */
	}
.row-offcanvas-left
.sidebar-offcanvas {
	left: -80%; /* 6 columns */
	}
.row-offcanvas-right.active {
	right: 80%; /* 6 columns */
	}
.row-offcanvas-left.active {
	left: 80%; /* 6 columns */
	margin-left:-2px;
	}

.sidebar-offcanvas {
	position: absolute;
	top: 0;
	left:0;
	bottom:0;
	width: 80%; /* 6 columns */
	}
}
@media (min-width:768px) and (max-width: 1200px)  {
.row-offcanvas {
	position: relative;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;	
	}
.row-offcanvas-right {
	right: 0;
	}
.row-offcanvas-left {
	left: 0;
	}
.row-offcanvas-right
.sidebar-offcanvas {
	right: -30%; /* 6 columns */
	}
.row-offcanvas-left
.sidebar-offcanvas {
	left: -30%; /* 6 columns */
	}
.row-offcanvas-right.active {
	right: 30%; /* 6 columns */
	}
.row-offcanvas-left.active {
	left: 30%; /* 6 columns */
	margin-left:-8px;
	}

.sidebar-offcanvas {
	position: absolute;
	top: 0;
	left:0;
	bottom:0;
	width: 30%; /* 6 columns */
	}
}
/* CALENDER FORM */
.container-form {padding:0 0 25px 0;}

/* FOOTER */
footer { padding: 0; position: absolute; bottom: 0; width: 100%; font-size:12px;}
.footer {position: absolute; bottom: 0; width: 100%; height: 400px; background-color: #f5f5f5;}
.container-fluid.footer {background-color:#363636; background:#363636; border-top: 0px solid #900;}
.footer-links {margin-bottom:2em; padding-top:2em; padding-bottom:0; background-color:#363636; text-align:center; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.footer-links ul {padding:0;}
.footer-links li {list-style-type:none; display:block; color:#FFFFFF; opacity:1;}
.footer-links li a {display:block; color:#FFFFFF; opacity:1; font-weight:600; padding:0.35em 2em;}
.footer-links li:first-of-type a {border-left:0;}
.footer-links a:hover, .footer-links li:hover {color:#FFFFFF; opacity:1.0;}
.copyright {font-size:0.9em; clear:both; padding:1em; color:#FFFFFF; opacity:0.75;}
.footer-links .copyright a {color:#FFFFFF; display:inline;}
.social-media {padding: 1em; text-align:center;}
.social-media ul {padding:0;}
.social-media ul li {list-style-type:none; display:inline-block; margin:0 -2px;}
.social-media li.facebook {background-color:#3b5999;}
.social-media li.twitter {background-color:#56a3db;}
.social-media li.linkedin {background-color:#007ab5;}
.social-media li.google {background-color:#dd4c39;}
.social-media li.envelope {background-color:#00a9ea;}
/* Social Media Icons */
.fa-facebook-square {color:#3b5998;}
.fa-twitter-square {color:#55ACEE;}
.fa-linkedin-square {color:#007bb6;}
.fa-google-plus-square {color:#dd4b39;}
.fa-envelope-square {color:#3b5998;}
@media (min-width: 992px) {
.footer {position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */height: 200px; background-color: #f5f5f5;}
.footer-links {margin-bottom:2em; padding-top:2em; padding-bottom:0; background-color:#363636; text-align:center; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.footer-links li {list-style-type:none; display:inline-block; color:#FFFFFF; opacity:1;}
.footer-links li a {display:block; padding: 0 1em; font-size: 13px; font-weight:600; color:#FFFFFF; opacity:1; border-left:2px solid #b7b7b7;}
.footer-links li:first-of-type a {border-left:0;}
.footer-links a:hover, .footer-links li:hover {color:#FFFFFF; opacity:1.0;}
/* Social Media Links live in the footer and are positioned in the upper-right of the browser windows in wide viewports */
.social-media {z-index:1002; position:fixed; top:157px; right:0; padding:0;}
.social-media ul li {list-style-type:none; display:block; padding:0; margin:0 0; }
.logo-footer {text-align:right; height:40px; vertical-align:middle;}
.copyright-text {text-align:left; height:40px; vertical-align:middle; border-left:2px solid #b7b7b7;}
.copyright-text p {line-height:40px;}
}

/* WIZARD STYLES ============================== */
.progress-bar {
    background-color: #0050a5;
}
.form-control {
border-radius: 0;
}
.nav-pills-wiz > li, .nav-pills-center > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-pills-wiz, .nav-pills-center {
    text-align:center;
}
.nav-pills.nav-pills-wiz>li {
    background-color:#eee;
}
.nav-pills.nav-pills-wiz>li>a {
    border-radius:0; padding:5px 25px 5px 25px;
}
.nav-pills.nav-justified > li > a {padding:6px 12px; border:1px solid #cccccc; border-radius:0;}
.nav-pills.nav-justified > li > a:hover, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background-color:#0050a5; border:1px solid #0050a5; color:#ffffff;}
@media (max-width: 768px) {
.nav-pills.nav-pills-center > li.width-25 {width:30%;}	
}
.panel-wiz .progress {/*margin-top:15px;*/    border-radius:0;}
.panel-wiz {min-height:100%; overflow:hidden; padding-bottom:100px;}
.panel-wiz .navbar {margin-top:0; margin-bottom:0; padding-top:15px; min-height:0;}
@media (max-width: 768px) {
.panel-wiz .nav-justified>li {

}
}
.list-preface {font-weight:bold;}
.center {text-align:center; }
.alert h2 {margin-top:0;} 
.alert p {}
.list-group.hovers li:hover {background-color:#efefef;}

/* SUGGESTED RESOURCES ================================ */
.topic {font-weight:bold; color:#0050a5;}
.helpsWith {display:inline-block;}
.helpsWith:before {
    content: "... ";
}
@media (max-width: 768px) {
.helpsWith {display:block;}
.helpsWith:before {
    content: "";
}
}

/* RESULTS PAGES formatting, etc. ================================================ */
/*.hidden-xs, .hidden-sm {display: inline-block !important;}*/

.result input {position: absolute; top: 2px; left: 0; width:18px; height:18px; /*border-radius:0; border:3px solid #69F;*/ cursor:pointer;}
.container-servicename {padding:0.25em 0.25em 0.25em 0.4em;}
.results-list p.service {font-size:1em;}
.results-list h3.service a {margin:0; font-size:1.2em; line-height:1.3em;padding:0.25em 0.25em 0.25em 0; }
.results-heading {padding-left:0;}
.row-results-list {border-top:1px solid #dfdfdf; padding:7px 15px 8px 13px; font-size:12px;}
@media (min-width: 768px) {
	.row-results-list {font-size:13px;}
}
.row-results-list .result {padding: 15px;}
.alt {background:/*#ecf5fb;*/}
.tip {margin:1em 0;}
p.distance {margin: 0 0;}
.result-count {font-size:1.25em; font-weight:600; display:inline-block;/*white-space:nowrap;*/}

.star-rating {color:#FC0; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);}
.star-rating-empty {color:#ccc;}
.row-results-list h2 {margin:0 0 0.5em 0; font-size:1.4em; font-weight:600; top:0; left:0;}
h2.agency {display:inline; margin-bottom:0 ;position:relative; font-size:1.4em; font-weight:600; margin-top:15px; left:20px; text-transform:none;}
@media (min-width: 1200px) {
	h2.agency {font-size:1.4em;}	
}
.container-reviewee h2.agency {left:0;}
.service {display:block; margin-bottom:0; font-weight:bold;}
.container-location, .container-contact, .container-description, .container-review {padding-bottom:1em;}
.container-location p.service {font-size:1.1em; font-weight:600;}
.location-name, .address, .phone, .email, .website, .description, .vacancy, .waitinglist { display:block; font-weight:normal; margin-bottom:0;}
.panel-title {font-weight:bold; left:0;}
.add-faves {padding-top:3px;}
.container-results-tabs {margin-bottom:1em;}
.container-results-controls {margin-bottom:1em;}
.container-sort-options {margin-bottom:1em;}
.container-servicename {position:relative;}
.container-servicename input {position:absolute; top:2px; left:0px;}
.container-servicename a.iconm {position:absolute; top:2px; left:-10px; width:32px; height:32px; background-image:url(../images/iconm.png); background-position:top left; text-align:center;}
.container-agency {margin-top:1em; padding:0 1em 0 3em;}
.container-descriptors {margin-top:1em; padding:0 1em 0 3em;}
p.description  {width: 100%;}
sidebar-offcanvas.filters {background-color: #ffffff; border-top: 10px solid #900; padding-bottom: 1em; overflow: hidden;}
.results-sort, .results-check {}
.results-sort {margin-bottom:1em;}
.results-check {}
.col-sm-4.sort-results.pull-right {float:none !important; margin-bottom:1em;}

.container-load-more {margin:15px; }

/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right {
  position:relative;
  padding:15px 15px 15px 25px;
  margin:1em 0 3em;
  color:#000;
  background-color:rgba(255, 255, 255, 1.0);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  border:7px solid #ffffff;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
  background-color:rgba(255, 255, 255, 1.0);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
  margin-left:40px;
  background-color:rgba(255, 255, 255, 1.0);
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
  margin-right:40px;
  background-color:rgba(255, 255, 255, 1.0);
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:rgba(255, 255, 255, 1.0) transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent rgba(255, 255, 255, 1.0);
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
  top:16px;
  left:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent rgba(255, 255, 255, 1.0);
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
  top:16px;
  right:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:15px 0 0 40px; /* vary these values to change the angle of the vertex */
  border-color:transparent rgba(255, 255, 255, 1.0);
}



/* HELPERS */
.inline-block {display:inline-block;}