/* - - - - - RESET CSS - - - - - */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* - - - - - END RESET - - - - - */

/* - - - - - MISCELLANEOUS - - - - - */

body {
  background: #FFF;
}

textarea {
  resize: none;
}

.clear {
  clear:both;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.divider {
  display:block;
  margin: 5px auto 30px auto;
}

.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter-left {
  padding-left: 0;
}

.no-gutter-right {
  padding-right: 0;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* - - - - - END MISCELLANEOUS - - - - - */

/* - - - - - TYPOGRAPHY - - - - - */

.center {
  text-align:center;
}

.bold {
  font-weight: bold;
}

strong { font-weight:bold !important; }

h1 {
  font-family: 'Roboto', sans-serif;
  font-weight:700;
  font-size:36px;
  line-height: 1.1;
  color: #333;
  margin-bottom:20px;
}

h1 span {
  color: #37ABDA;
}

h2 {
  font-size: 24px;
  margin: 10px 0px;
}

h3 {
  font-size:20px;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size:16px;
  line-height:20px;
  color: #555;
  padding-bottom:12px;
  text-align: justify;
}

a {
  font-family: 'Roboto', sans-serif;
  color: #37ABDA;
  font-weight:600;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  -ms-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

a:focus,
a:hover {
  text-decoration:none;
  color:#0B6B90;
}

/* - - - - - END TYPOGRAPHY - - - - - */


/* - - - - - START HEADER CSS - - - - - */

header {
  background: #FFF;
  position:relative;
  z-index:100;
}

#topbar {
  background: #373737;
  text-align:right;
}

#topbar h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  color: #37ABDA;
}

.logo {
  margin: 10px 0;
}

/* - - - - - END HEADER CSS- - - - - */


/* - - - - - NAVIGATION MENU CSS - - - - - */

.navbar {
  border: none;
  min-height: 20px;
  margin-bottom: 0;
  z-index: 50;
}

.navbar-default {
  box-shadow: none;
  background-image: none;
  background-color: transparent;
}

.navbar-nav {
  float: none;
  margin: 0 auto;
  display: table;
}

.navbar-nav > li > a {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  padding: 34px 30px;
  border-top: 5px solid white;
  color: #333;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/* top level menu hover state */
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:active,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  border-top: 5px solid #37ABDA;
  color: #37ABDA;
  background: #FFF;
}

.dropdown-menu {
  width: 220px;
  border-top:none;
}

.dropdown-menu > li > a {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #555;
  -webkit-transition: background 0.4s linear;
  -moz-transition: background 0.4s linear;
  -ms-transition: background 0.4s linear;
  -o-transition: background 0.4s linear;
  transition: background 0.4s linear;
}

ul.nav li.dropdown:hover > ul.dropdown-menu li a:hover,
.dropdown-menu > li > a:hover {
  background: #37ABDA;
  color: #FFF;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: none;
}

.navbar-brand {
  display:none;
  font-family: 'Roboto', sans-serif;
  font-weight:500;
  color: #333;
  font-size:18px;
  font-weight:500;
  padding: 15px 15px 15px 0px;
}

/* hamburger border color */
.navbar-toggle {
  border: 1px solid #37ABDA;
  margin-right:0px;
}

/* hamburger beef patty color */
.navbar-toggle .icon-bar {
  background: #37ABDA;
}

/* - - - - - END NAVIGATION MENU - - - - - */


/* - - - - - START IMAGE SECTION CSS - - - - - */

#header-image img,
#carousel-wrapper {
  min-width: 100%;
  z-index:1;
}

.carousel img {
  min-width: 100%;
  max-width: none;
}

#myCarousel .carousel-indicators {
  bottom: 70px;
}

#myCarousel .carousel-indicators li {
  border: 1px solid #37ABDA;
  background: #37ABDA;
  opacity:.5;
}

#myCarousel .carousel-indicators li.active {
  background: #37ABDA;
  opacity: 1;
}

#myCarousel .carousel-control {
  opacity: 1;
  width: 5%;
}

/* Size and color of slider arrows */
#myCarousel .carousel-control .glyphicon-chevron-left,
#myCarousel .carousel-control .glyphicon-chevron-right {
  display:none;
  width: auto;
  height: 25px;
  font-size: 25px;
  color: #FFF;
}

#carousel-wrapper:hover .carousel-control .glyphicon-chevron-left,
#carousel-wrapper:hover .carousel-control .glyphicon-chevron-right {
  display:inline;
  z-index:100;
}

.carousel-control.left,
.carousel-control.right {
  background-image:none;
}

#myCarousel .carousel-control .glyphicon-chevron-left {
  position:absolute;
  left: 60px;
}
#myCarousel .carousel-control .glyphicon-chevron-right {
  position:absolute;
  right: 60px;
}

/* - - - - - - - - START SERVICE-BOXES - - - - - - - - - */

#service-boxes {
  position: relative;
  top: -50px;
  margin-bottom: -50px;
}

.service-box {
  background: #37ABDA;
  text-align: center;
  z-index: 1;
}

.service-box img {
  display:block;
  margin: 26px auto 20px;
  position:relative;
  z-index:3;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.service-box h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 23px;
  color: #FFF;
  padding-bottom: 15px;
  position:relative;
  z-index: 3;
}

.box-1 {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: inset 0 0 0 99999px rgba(255, 255, 255, .1);
  -moz-box-shadow: inset 0 0 0 99999px rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 99999px rgba(255, 255, 255, .1);
}

.box-2 {
  padding-left: 0;
  padding-right: 0;
}

.box-3 {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .1);
}

.hover-overlay {
  background: rgba(0, 0, 0, 0.15);
  opacity: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom:0;
  z-index: 2;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.service-box:hover .hover-overlay  {
  opacity: 1;
}

/* - - - - - - - - END SERVICE-BOXES - - - - - - - - - */

/* - - - - - START INDEX SECTION CSS - - - - - */

#index-section {
  margin:40px 0px;
}

#index-section h1 {
  display: inline-block;
  padding-bottom:5px;
  border-bottom: 1px double #EEE;
  border-width: 5px;
}

/* - - - - - END INDEX SECTION CSS - - - - - */


/* - - - - - START CONTENT BOXES SECTION - - - - - */

#content-boxes {
  padding-bottom: 35px;
}

#content-boxes h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 23px;
  color: #444;
  display:block;
  border-bottom: 1px double #EEE;
  border-width: 5px;
  padding-bottom:4px;
  width: 98%;
  margin-top:0px;
}

#content-boxes .first-word {
  font-weight:bold;
  color: #37ABDA;
}

/* - - - - -  ACCORDIAN SECTION - - - - - */

.accordian .service-wrapper {
  padding-top: 14px;
  border-bottom: 1px solid #EEE;
}

.service-title {
  font-family: 'Roboto', sans-serif;
  font-weight:500;
  font-size: 15px;
  color: #444;
  display: inline-block;
  margin-bottom: 14px;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.service-title .box {
  background: #444;
  color:#FFF;
  display: inline-block;
  font-size: 20px;
  padding-top:4px;
  height:28px;
  width:28px;
  text-align:center;
  margin-right:20px;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.service-title:hover {
  color: #37ABDA;
  text-decoration:none;
}
.service-title:hover > .box {
  background: #37ABDA;
}

.service-wrapper a.open-text {
  color: #37ABDA;
  text-decoration: none;
}

.service-wrapper a > .open-box {
  background: #37ABDA;
}

.target-box {
  display: none;
  padding-bottom:20px;
}

.target-box p {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  text-align:justify;
  color: #999;
  line-height:20px;
}

.target-box div { text-align:right; }

.target-box a {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-align:right;
}

.target-box a:hover {
  text-decoration:none;
}

/* - - - - -  CONSULTATION FORM SECTION - - - - - */

.label-holder {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
}

.consultation-form p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  margin: 22px 0px 16px;
}

.consultation-form label {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #37ABDA;
  margin-top:7px;
}

.captcha-holder {
  margin-top:15px;
}

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.consultation-form input[type="text"],
.consultation-form input[type="email"] {
  height: 28px;
  padding: 4px;
  font-size: 15px;
  border-radius: 0px;
  font-family: "Roboto", sans-serif;
  color: #555;
  border: 2px solid #A1DDF6;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.consultation-form textarea {
  height: 76px;
  padding: 4px;
  font-size: 15px;
  border-radius: 0px;
  font-family: "Roboto", sans-serif;
  color: #555;
  border: 2px solid #A1DDF6;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.consultation-form textarea:focus {
  border-color: #A1DDF6;
}

.consult-btn {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size:15px;
  background: #37ABDA;
  color: #FFF;
  margin-top: 15px;
  padding: 8px 10px;
  float:right;
  border: none;
  box-shadow:none;
}

.consult-btn:active,
a.sidebar-btn:focus {
  position:relative;
  top:1px;
}

/* - - - - -  TESTIMONIALS  - - - - - */

#myTestimonials .carousel-indicators {
  bottom: initial;
  left: initial;
  width: auto;
  top: 6px;
  right: 15px;
}

#myTestimonials .carousel-indicators li {
  border-radius:0px;
  width:6px;
  height:6px;
  border:none;
  background: #BBB;
  margin:0px;
}

#myTestimonials .carousel-indicators li.active {
  border:none;
  background: #37ABDA;
  margin:0px;
}

.testimonials h2 {
  margin-bottom: 25px;
}

.speech-bubble {
  position: relative;
  padding: 30px 25px 25px;
  background: #F1F1F1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.speech-bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0px 30px 20px 0;
  border-color: transparent #F1F1F1;
  display: block;
  width: 0;
  z-index: 1;
  bottom: -20px;
  left: 85%;
}

.corner {
  position:absolute;
  bottom:0;
  left:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 0 28px;
  border-color: transparent transparent transparent #FFF;
}

.speech-bubble p {
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  font-style: italic;
  text-align: justify;
  color: #999;
}

.testimonial-name {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size:15px;
  color: #37ABDA;
  margin:32px 0px 2px;
  padding-bottom:0px;
  text-align:right;
}

.testimonial-company {
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  color: #999;
  text-align:right;
}

/* - - - - - END CONTENT BOXES SECTION - - - - - */


/* - - - - - START INTERACTIONS SECTION - - - - - */

#interactions > .container { border-top:3px solid #EBEBEB; padding: 50px 0px; }

#interactions h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height:18px;
  color: #37ABDA;
  margin-bottom: 0px;
}

#interactions p,
#interactions a {
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:19px;
  line-height: 24px;
  color: #373737;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

#interactions a:hover {
  color:#0B6B90;
  text-decoration:none;
}

/* - - - - - END INTERACTIONS SECTION - - - - - */


/* - - - - - START BREADCRUMBS SECTION - - - - - */

#breadcrumbs > .container {
  padding: 25px 0px 8px 0px;
  border-top: 1px solid #F4F4F4;
}

#breadcrumbs p {
  font-size:15px;
}

/* - - - - - END BREADCRUMBS SECTION - - - - - */

/* - - - - - START CONTENT SECTION - - - - - */

#content {
  padding: 35px 0px 50px;
}

.content-container {
  border-top: 1px double #F4F4F4;
  border-width: 5px;
}

/* Inner page H1 and H2 styling */
#content h1,
#content h2 {
  font-family: 'Roboto', sans-serif;
  font-weight:bold;
  color: #333;
  text-align:left;
  line-height: 28px;
}

#content h1 { font-size: 34px; padding:0px 0px 10px;}
#content h2 { font-size:24px; padding: 10px 0px 0px; margin:0px 0px 8px; }

/* Normal page copy styling */
#content p {
  font-weight:400;
  font-size:16px;
  line-height:21px;
  color:#888;
  text-align:justify;
  padding: 0px 0px 10px;
}

/* the image at the top of inner pages */
#content img.content-image {
  float:left;
  padding-right:15px;
  margin-bottom:0px;
}

#content ol {
  counter-reset:li;
  margin: 15px 0px 15px 35px;
}

#content ol > li {
  position:relative;
  margin:0 0 14px 15px;
  padding:5px 8px;
  list-style:none;
}

#content ol > li:before {
  content:counter(li);
  counter-increment:li;
  position:absolute;
  top:-2px;
  left:-2em;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:8px 12px;
  color:#fff;
  font-family: 'Roboto', sans-serif;
  font-weight:bold;
  background:#37ABDA;
  text-align:center;
  border-radius:20px;
}

#content ol li p {
  margin-bottom:0px;
  padding-bottom:0px;
}

/* List bullet color */
#content ul  {
  list-style-type:disc;
  list-style-position: outside;
  margin:10px 0px 12px 35px;
  color: #37ABDA;
}

#content ul li {
  margin-bottom:5px;
}

#content ul li p,
#content ul li a {
  font-size:16px;
  line-height: 20px;
  padding:0px 0px 0px;
  margin-left:0px;
}

/* list text color */
#content ul li p {
  font-weight:400;
  color:#888;
}

#content ul li a {
  font-weight: 700;
  color: #37ABDA;
}

#content ul li a:hover {
  text-decoration:none;
  color: #0B6B90;
}

/* - - - - - END CONTENT SECTION - - - - - */


/* - - - - - START SIDEBAR CSS - - - - - */

#sidebar {
  padding: 15px 0px 50px 5px;
}

.sidebar-section {
  margin-bottom:20px;
}


#sidebar h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size:18px;
  line-height:22px;
  color: #37ABDA;
  text-align: center;
  padding: 10px 0px 5px;
}

#sidebar p {
  font-size:15px;
  line-height: 20px;
  color:#000;
  padding: 0px 0px 5px 0px;
  text-align:justify;
  margin-bottom:15px;
}

.sidebar-image {
  text-align:center;
  font-size:30px;
  color: #E04A4B;
  padding-right: 5px;
}

.sidebar-image img {
  display:block;
  margin: 0px auto;
}

.sidebar-text {
  padding-right:0px;
  padding-left:0px;
  margin-bottom:25px;
  text-align:right;
}

a.sidebar-btn {
  font-size: 15px;
  color: #FFF;
  background: #37ABDA;
  padding: 5px 12px;
  -webkit-transition: background 0.35s linear;
  -moz-transition: background 0.35s linear;
  -ms-transition: background 0.35s linear;
  -o-transition: background 0.35s linear;
  transition: background 0.35s linear;
}

a.sidebar-btn:hover {
  background: #0B6B90;
}

a.sidebar-btn:active,
a.sidebar-btn:focus {
  position:relative;
  top:1px;
}

/* - - - - - - END SIDEBAR CSS - - - - - */


/* - - - - - FOOTER SECTION CSS - - - - - */

footer {
  background: #000;
}

.footer-column {
  margin-bottom:25px;
}

#footer-top {
  padding:55px 0px 5px;
}

#footer-top h2 {
  font-family: 'Roboto', sans-serif;
  font-size:24px;
  font-weight:400;
  color: #37ABDA;
  padding-bottom:18px;
}

#footer-top p,
#footer-top a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height:32px;
  -webkit-transition: color 0.35s linear;
  -moz-transition: color 0.35s linear;
  -ms-transition: color 0.35s linear;
  -o-transition: color 0.35s linear;
  transition: color 0.35s linear;
}

#footer-top a {
  color:#999;
}

#footer-top p {
  color:#9C9C9C;
  text-align:left;
  padding-bottom:3px;
}

#footer-top i {
  font-size:18px;
  color:#BBB;
  margin-right:8px;
}

#footer-top a:hover {
  text-decoration:none;
  color: #DDD;
}

#footer-top .footer-site-name {
  font-weight:bold;
  color: #BBB;
  font-size:17px;
}

#footer-bottom {
  background: #000;
  text-align:center;
  padding: 0px 10px 20px;
}

#bottom-menu a {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  margin:10px 20px;
  color:#999;
  display:inline-block;
  text-align:center;
  -webkit-transition: color 0.5s linear;
  -moz-transition: color 0.5s linear;
  -ms-transition: color 0.5s linear;
  -o-transition: color 0.5s linear;
  transition: color 0.5s linear;
}

#bottom-menu a:hover {
  color:#DDD;
  text-decoration:none;
}

#copyright {
  margin-top:15px;
  padding-top:15px;
  text-align:left;
  border-top:1px solid #444;
}

/* Copyright section text */
#copyright p {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color:#9C9C9C;
  line-height:22px;
  padding-bottom: 4px;
}

/* Copyright section links */
#copyright a {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #CCC;
}

/* Copyright section link hover */
#copyright a:hover {
  color:#FFF;
  text-decoration:none;
}

.icon-container {
  float:right;
  text-align:center;
}

/* Footer social media icon background color */
.sm-icon-holder {
  display:inline-block;
  position:relative;
  border-radius: 50%;  /* <-- remove this for square icons */
  background: #777;  /* <-- background color there  */
  margin:0px 3px;
  padding:0px 6px;
  -webkit-transition: background .35s linear;
  -moz-transition: background .35s linear;
  -o-transition: background .35s linear;
  -ms-transition: background .35s linear;
  transition: background .35s linear;
}

/* Footer social media icon background hover color */
.sm-icon-holder:hover {
  background:#FFF;
}

.sm-icon-holder img {
  padding: 4px 0px;
  margin-top: 1px;
}

.byf-logo {
  position:relative;
  top: 8px;
}


/* - - - - - END FOOTER SECTION - - - - - */
/* - - - - - - - - - - - - - - - - - - - - */

.site_search_btn {
  margin-left: 0;
  padding-left: 0;
}

/* - - - - - - - - - - - - - START MEDIA QUERIES - - - - - - - - - - - - - */


@media all and (max-width: 1199px) {

  .navbar-nav > li > a {
    font-size: 14px;
    padding: 30px 18px;
  }

  #myCarousel .carousel-indicators {
    bottom: 60px;
  }

  #myCarousel .carousel-control .glyphicon-chevron-left {
    left: 50px;
  }

  #myCarousel .carousel-control .glyphicon-chevron-right {
    right: 50px;
  }

  .service-box h2 {
    font-size: 20px;
  }

}

/* ========================================================================= */

@media all and (max-width: 1015px) {

  .navbar-nav > li > a {
    font-size: 15px;
    padding: 25px;
  }

}

/* ========================================================================= */

@media all and (max-width: 991px) {

  #index-section h1 {
    font-size: 30px;
  }

  .logo-column {
    text-align: center;
  }

  .logo {
    display: inline-block;
    margin-bottom: 0;
  }

  .navbar-nav > li > a {
    border-top: none;
  }

  .navbar .navbar-nav > li > a:hover,
  .navbar .navbar-nav > li > a:active,
  .navbar .navbar-nav > .open > a,
  .navbar .navbar-nav > .open > a:hover,
  .navbar .navbar-nav > .open > a:focus {
    border-top: none;
  }

  #myCarousel .carousel-indicators {
    bottom: 30px;
  }

  #myCarousel .carousel {
    margin-bottom:30px;
  }

  #service-boxes {
    top: -25px;
    margin-bottom: -25px;
  }

  #content {
    padding: 40px 15px 50px;
  }

  .service-box h2 {
    font-size: 23px;
  }

  .consultation-form,
  .testimonials {
    margin-top: 40px;
  }

  #interactions {
    text-align: center;
  }

  #interactions .int-img {
    display: inline-block;
  }

  #interactions h2 {
    margin-bottom: 6px;
  }

  #sidebar {
    padding: 10px 20px 40px 20px;
  }

  #footer-top {
    text-align:center;
  }

  #footer-top p {
    text-align:center;
  }

  #copyright p {
    text-align: center;
  }

  .icon-container {
    float: none;
    margin-bottom: 15px;
    margin-top: 4px;
  }

}

/* ========================================================================= */

@media all and (max-width: 767px) {

  #service-boxes {
    margin-top: 30px;
  }

  #myCarousel .carousel-indicators {
    display:none;
  }

  #service-boxes {
    top: 0;
    margin-bottom: 0;
  }

  #content-boxes h2 {
    margin-top: 20px;
  }

  #index-section {
    margin-bottom: 0px;
  }

  .accordian {
    padding-left: 0;
    padding-right: 0;
  }

  .accordian .service-wrapper {
    padding-top: 8px;
  }

  .service-title {
    margin-bottom: 18px;
    margin-top: 10px;
  }

  .service-title .box {
    display: table-cell;
    float: left;
    position: relative;
    bottom: 7px;
  }

  .label-holder {
    text-align: left;
    margin-bottom: 5px;
    padding-left: 0;
  }

  #consultation .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .consultation-form {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
  }

  .testimonials {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
  }

  #content-boxes {
    padding-bottom: 0;
  }

  #content-boxes h2 {
    width:100%;
  }

  .service-box h2 {
    font-size:23px;
  }

  #interactions > .container {
    padding: 20px 0 40px;
    margin: 0 15px;
    text-align:center;
  }

  #interactions .int-img {
    display: inline-block;
    margin-top:30px;
  }

  #interactions h2 {
    margin-bottom: 5px;
  }

  #sidebar p {
    text-align:center;
  }

  .sidebar-text {
    text-align:center;
  }

  #footer-top {
    padding: 30px 0 5px;
  }

  #footer-top h2 {
    padding-bottom: 0;
  }

  .byf-logo {
    display:none;
  }

  #breadcrumbs > .container {
    margin-right: 15px;
    margin-left: 15px;
  }

  .content-container {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  #content {
    padding-bottom: 0;
  }

  #sidebar {
    padding-bottom: 30px;
  }

  #sidebar h2 {
    margin-bottom: 0;
  }

  .sidebar-image {
    margin-bottom: 5px;
    padding-right: 15px;
  }

  .sidebar-section:first-child {
    border-top: 1px double #F4F4F4;
    border-width: 5px;
    margin-top: 25px;
    padding-top: 20px;
  }

  #copyright p:nth-child(2) {
    padding-bottom:15px;
  }

  #carousel-wrapper:hover .carousel-control .glyphicon-chevron-left,
  #carousel-wrapper:hover .carousel-control .glyphicon-chevron-right {
    display:none;
  }

  .navbar-nav {
    width:100%;
  }

  .navbar-nav > li > a {
    font-weight: 500;
    font-size: 15px;
    padding: 25px 15px;
    border-top: none;
  }

  .navbar .navbar-nav > li > a:hover,
  .navbar .navbar-nav > li > a:active,
  .navbar .navbar-nav > .open > a,
  .navbar .navbar-nav > .open > a:hover,
  .navbar .navbar-nav > .open > a:focus {
    border-top: none;
    color: #FFF;
    background: #37ABDA;
  }

  ul.nav li.dropdown:hover > ul.dropdown-menu li a:hover,
  .dropdown-menu>li>a:hover {
    background: none;
    color: #37ABDA;
  }

  .nav li {
    text-align: center;
  }

  .navbar-brand {
    display:block;
  }

  ul.nav li.dropdown:hover > ul.dropdown-menu li a:hover,
  .dropdown-menu > li > a:hover {
    color: #FFF;
  }

  .navbar .navbar-nav > li > a:hover,
  .navbar .navbar-nav > li > a:active,
  .navbar .navbar-nav > .open > a,
  .navbar .navbar-nav > .open > a:hover,
  .navbar .navbar-nav > .open > a:focus {
    color: #FFF;
  }

}

/* ========================================================================= */

@media all and (max-width:480px) {

  #index-section h1 {
    font-size: 25px;
  }

  .service-box h2 {
    font-size: 20px;
  }

  #content img.content-image {
    float: none;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto 15px;
    display: block;
  }

}

/* ========================================================================= */

/*
- - - - - COLOR REPLACEMENT - BLUE (#37ABDA) - - - - -

a, h1 span, #topbar h2, #interactions h2, #sidebar h2,
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:active,
.navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus,
#content-boxes .first-word,.service-title:hover, .service-wrapper a.open-text,
.consultation-form label, .testimonial-name, #content ul, #content ul li a, #footer-top h2 {
  color: #XXXXXX;
}

.dropdown-menu>li > a:hover,
.navbar-toggle .icon-bar, .dropdown-menu > li > a:hover,
ul.nav li.dropdown:hover > ul.dropdown-menu li a:hover,
#myCarousel .carousel-indicators li, #myCarousel .carousel-indicators li.active,
.service-box, .service-title:hover > .box, .service-wrapper a > .open-box,
.consult-btn, #myTestimonials .carousel-indicators li.active,
#content ol > li:before, a.sidebar-btn {
  background: #XXXXXX;
}

.navbar-toggle,
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:active,
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus, #myCarousel .carousel-indicators li {
  border-color: #XXXXXX;
}

@media (max-width: 767px) {

  .navbar .navbar-nav > li > a:hover,
  .navbar .navbar-nav > li > a:active,
  .navbar .navbar-nav > .open > a,
  .navbar .navbar-nav > .open > a:hover,
  .navbar .navbar-nav > .open > a:focus {
    background: #XXXXXX;
  }

}

/*
- - - - - COLOR REPLACEMENT - DARK BLUE HOVER (#0B6B90) - - - - -

a:focus, a:hover,
#interactions a:hover,
#content ul li a:hover {
  color: #XXXXXX;
}

a.sidebar-btn:hover {
  background: #XXXXXX;
}

*/