@font-face {
  font-family: 'Arial';
  src: url("../fonts/ArialMT/ArialMT.eot");
  src: url("../fonts/ArialMT/ArialMT.eot?#iefix") format("embedded-opentype"), url("../fonts/ArialMT/ArialMT.woff") format("woff"), url("../fonts/ArialMT/ArialMT.ttf") format("truetype"), url("../fonts/ArialMT/ArialMT.svg#futuramedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: url("../fonts/Calibri/Calibri.eot");
  src: url("../fonts/Calibri/Calibri.eot?#iefix") format("embedded-opentype"), url("../fonts/Calibri/Calibri.woff") format("woff"), url("../fonts/Calibri/Calibri.ttf") format("truetype"), url("../fonts/Calibri/Calibri.svg#futuramedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
* Remove default margin.
*/
body {
  margin: 0;
  background: #ccc;
}

/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
  display: none;
}

/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
  background-color: transparent;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
  border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
  font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/
dfn {
  font-style: italic;
}

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9.
*/
mark {
  background: #ff0;
  color: #000;
}

/**
* Address inconsistent and variable font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
  border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
  margin: 1em 40px;
}

/**
* Address differences between Firefox and other browsers.
*/
hr {
  box-sizing: content-box;
  height: 0;
}

/**
* Contain overflow in all browsers.
*/
pre {
  overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
  overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
  text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
  line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
*    (include `-moz` to future-proof).
*/
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
  overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
  font-weight: bold;
}

/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*END OF CSS NORMALIZE*/
body {
  font-size: 14px;
  font-family: "Calibri";
  color: #8f8f8f;
}

/* global end */
/* col-xs start */
@media (max-width: 767px) {
  body {
    font-size: 12px;
  }
}
/* col-xs end */
/* col-sm start */
@media (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 12px;
  }
}
/* col-sm end */
/* col-md start */
/* col-md end */
/* col-lg start */
@media (min-width: 1200px) {
  html,
  body {
    height: 100%;
  }

  .wrapper {
    min-height: 100%;
    height: auto;
    margin: 0 auto -90px;
    padding: 0 0 90px;
  }

  footer {
    height: 90px;
  }
}
/* col-lg end */
a {
  color: #d6a12f;
}
a:hover, a:focus {
  color: #fff !important;
  text-decoration: none;
  outline: none;
}

p {
  margin-bottom: 20px;
}

.alignleft {
  float: left;
}

img.alignleft {
  margin-right: 25px;
}

.btn-info {
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  background-color: #464444;
  padding: 10px 15px;
  border: 0px;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .btn-info {
    float: right;
    padding: 10px 70px;
  }
}

/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.custom-select {
  position: relative;
  display: block;
  margin: 7px 0px;
  padding: 0;
}

/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
.custom-select select {
  width: 100%;
  margin: 0;
  background: none;
  border: 1px solid transparent;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  box-sizing: border-box;
  /* Remove select styling */
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  /* Font size must the 16px or larger to prevent iOS page zoom on focus */
  font-size: 1em;
  /* General select styles: change as needed */
  font-weight: bold;
  color: #444;
  padding: .6em 1.9em .5em .8em;
  line-height: 1.3;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
.custom-select::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 8px;
  top: 50%;
  right: 1em;
  margin-top: -4px;
  background-image: url("../images/select-arrow.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  /* This hack make the select behind the arrow clickable in some browsers */
  pointer-events: none;
}

/* Hover style */
.custom-select:hover {
  border: 0px solid #888;
}

/* Focus style */
.custom-select select:focus {
  outline: none;
  background-color: transparent;
  border: 1px solid #aaa;
}

/* Set options to normal weight */
.custom-select option {
  font-weight: normal;
}

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus, .custom-select::after {
  display: none;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none;
  }

  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden;
  }

  .custom-select select {
    width: 105%;
    width: calc(100% + em);
  }
}
/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
a.info {
  color: red;
}

a.info:hover {
  color: blue;
}

.custom-tooltip {
  display: none;
}

a.info:hover + .custom-tooltip {
  display: inline-block;
}

.global-list {
  list-style: none;
  padding-left: 0px;
}

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

header #logo {
  margin: 30px 0px 22px 30px;
  z-index: 99999999999;
  position: absolute;
}
@media only screen and (min-width: 992px) {
  header .navbar-collapse {
    float: left;
  }
}
header .cnss-social-icon {
  padding-left: 0px;
  list-style: none;
  float: right;
}
@media only screen and (max-width: 991px) {
  header .cnss-social-icon {
    margin: 70px 0px 0px;
  }
  header .cnss-social-icon li a img {
    height: 40px;
  }
}
@media only screen and (min-width: 992px) {
  header .cnss-social-icon {
    float: left;
    padding-left: 8px;
    margin-top: 5px;
   margin-right: 20px;
  }
}
header .cnss-social-icon li a {
  display: inline-block;
}
@media only screen and (min-width: 992px) {
  header .cnss-social-icon li a {
    margin: 20px 0px;
  }

  .cnss-social-icon li {
      display: inline-block;
  }
}

@media (max-width: 992px) {
  .navbar-header {
    float: none;
  }

  .navbar-left, .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
    background: #01ad01
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
}
header .dropdown-toggle {
  cursor: pointer;
}
header .navbar-header h3 {
  margin: 0px;
}
@media (min-width: 992px) {
  header > .container {
    padding: 0px;
  }
}
header .navbar-default {
  border-radius: 0px;
}
@media (min-width: 992px) {
  header .navbar-default li.dropdown:hover ul.dropdown-menu {
    display: inline-block;
    margin-top:0;
  }
}
header .navbar-default .navbar-toggle {
  color: #00A99D;
  font-size: 20px;
  padding: 15px 10px;
  border-radius: 0px;
  border: 0px solid red;
  background: transparent none repeat scroll 0% 0%;
}
header .navbar-default .navbar-brand {
  color: #00a99d;
}
@media only screen and (max-width: 992px) {
  header .navbar-default {
    float: left;
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top:1px;
    background-color: transparent;
    border: 0px;
  }


}
@media only screen and (min-width: 992px) {
  header .navbar-default {
    margin: 11px 0px 22px;
    float: right;
    border: 0px solid red;
    background-color: transparent;
  }
}
header .navbar-default ul.navbar-nav .dropdown-menu {
  background-color: #01ad01;
}
@media only screen and (max-width: 991px) {
  header .navbar-default ul.navbar-nav .dropdown-menu {
    border-radius: 5px;
    margin: 0 10px;
  }
  header .navbar-default ul.navbar-nav .dropdown-menu li a {
    font-size: 0.8em !important;
  }
}
@media only screen and (min-width: 992px) {
  header .navbar-default ul.navbar-nav .dropdown-menu {
    border-top: 2px solid #d6a12f;
    margin-top: -25px;
    left: 50%;
    right: auto;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  header .navbar-default ul.navbar-nav .dropdown-menu li + li {
    border-top: 1px dotted #a3a3a3;
  }
  header .navbar-default ul.navbar-nav .dropdown-menu li {
   /* margin: 0px 8px;*/
  }
  header .navbar-default ul.navbar-nav .dropdown-menu li a {
    padding: 8px 10px;
  }
}
header .navbar-default ul.navbar-nav .dropdown-menu li a {
  font-family: "Arial";
  font-size: 1em;
  text-transform: uppercase !important;
  color: #fff !important;
}
header .navbar-default ul.navbar-nav .dropdown-menu li a:hover, header .navbar-default ul.navbar-nav .dropdown-menu li a:focus {
  color: #fff !important;
  background-color: green;
  outline: 0;
}
@media only screen and (min-width: 992px) {
  header .navbar-default ul.navbar-nav > li > a {
          padding: 10px 15px;
  }
}
header .navbar-default ul.navbar-nav > li.current-menu-item > a, header .navbar-default ul.navbar-nav > li.current-menu-item > a:hover, header .navbar-default ul.navbar-nav > li.current-menu-itema:focus {
  color: #fff;
  background-color: transparent;
  outline: 0;
  border-bottom: 1px solid #01ad01;
}
header .navbar-default ul.navbar-nav > li.open > a, header .navbar-default ul.navbar-nav > li.open > a:hover, header .navbar-default ul.navbar-nav > li.open > a:focus {
  color: #d51773;
  background-color: transparent;
  outline: 0;
}
header .navbar-default ul.navbar-nav li a {
  font-family: "Arial";
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
}
header .navbar-default ul.navbar-nav li a:focus, header .navbar-default ul.navbar-nav li a:hover {
  color: #fff;
  background-color: transparent;
  outline: 0;
}
@media only screen and (min-width: 992px) {
  header .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
  }
}

footer {
  background: #e6e6e6;
  color: #8f8f8f;
  padding: 15px 0px;
}
@media only screen and (max-width: 767px) {
  footer > div > .row {
    padding: 0px 15px;
  }
}
@media only screen and (min-width: 768px) {
  footer p {
    line-height: 1em;
    margin: 20px 0px;
  }
}
footer ul {
  list-style: none;
  padding-left: 0px;
}
footer ul li {
  float: left;
}
footer ul#accreditations li + li {
  padding-left: 10px;
}
footer ul#footermenu {
  float: left;
}
@media only screen and (min-width: 768px) {
  footer ul#footermenu {
    margin: 20px 0px;
  }
}
@media only screen and (max-width: 767px) {
  footer ul#footermenu {
    margin: 15px 0px;
  }
  footer ul#footermenu li {
    float: none;
  }
}
@media only screen and (min-width: 768px) {
  footer ul#footermenu li + li {
    border-left: 1px solid #8f8f8f;
  }
}
@media only screen and (min-width: 768px) {
  footer ul#footermenu li {
    line-height: 1em;
  }
}
footer ul#footermenu li a {
  font-size: 1em;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  footer ul#footermenu li a {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 768px) {
  footer ul#footermenu li a {
    padding: 0px 10px;
  }
}
footer ul#footermenu li a:hover, footer ul#footermenu li a:focus {
  text-decoration: none;
  outline: 0;
  color: #d51773;
}

.btn.btn-default {
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    background-color: #01ad01;
    border: 0px solid red;
    padding: 7px 18px;
    line-height: 1em;
    border-radius: 7px;
}

#main-contents {
  padding: 20px 0px;
}
#main-contents #packages-scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 400px;
  padding-right: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #main-contents #packages-scrollable {
    border: 2px solid #d51773;
    padding: 15px !important;
  }
}
@media only screen and (min-width: 768px) {
  #main-contents #packages-scrollable {
    max-height: 700px;
    margin-bottom: 40px;
  }
}
#main-contents ul#packages {
  list-style: none;
  padding-left: 0px;
}
#main-contents ul#packages li h5 {
  font-size: 1.286em;
  color: #d51773;
  font-weight: bold;
  margin-bottom: 15px;
}
#main-contents ul#packages li img {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 15px;
}
#main-contents ul#packages li + li {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
}
#main-contents ul#terms {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 20px;
}
#main-contents ul#terms li {
  display: inline-block;
}
#main-contents ul#terms li p {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  #main-contents ul#terms {
    margin-bottom: 40px;
  }
}
#main-contents ul#services-links {
  padding: 5px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 0px;
  list-style: none;
}
#main-contents ul#services-links li {
  padding: 10px 0px;
  color: #c2c2c2;
}
#main-contents ul#services-links li + li {
  border-top: 1px dotted #c2c2c2;
}
#main-contents ul#services-links li a {
  color: #d6a12f;
  font-size: 1em;
  text-transform: capitalize;
}
#main-contents ul#services-links li a:hover, #main-contents ul#services-links li a:focus {
  text-decoration: none;
  color: #d51773;
  outline: none;
}
#main-contents ul#services-links li i {
  font-size: 8px;
  margin: 0px 5px;
}
#main-contents #tabbed #tab-navs {
  width: 100%;
  display: inline-block;
}
#main-contents #tabbed #tab-navs ul.tabs-navigation {
  padding-left: 0px;
  margin: 25px 0px;
  display: inline-block;
  list-style: none;
}
@media only screen and (min-width: 768px) {
  #main-contents #tabbed #tab-navs ul.tabs-navigation {
    margin: 50px 0px;
  }
}
#main-contents #tabbed #tab-navs ul.tabs-navigation li {
  float: left;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  #main-contents #tabbed #tab-navs ul.tabs-navigation li {
    padding: 15px;
  }
}
#main-contents #tabbed #tab-navs ul.tabs-navigation li + li {
  border-left: 1px solid #c2c2c2;
}
#main-contents #tabbed #tab-navs ul.tabs-navigation li a:hover, #main-contents #tabbed #tab-navs ul.tabs-navigation li a:focus {
  text-decoration: none;
  outline: none;
}
#main-contents #tabbed #tab-navs ul.tabs-navigation li a:hover h3, #main-contents #tabbed #tab-navs ul.tabs-navigation li a:focus h3 {
  color: #d51773;
}
#main-contents #tabbed #tab-navs ul.tabs-navigation li a h3 {
  margin: 0px;
  color: #d6a12f;
}
#main-contents #tabbed #tab-navs ul.tabs-navigation li.active a h3 {
  color: #d51773;
}
@media only screen and (max-width: 768px) {
  #main-contents #tabbed #tab-navs ul.tabs-navigation li a h3 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 480px) {
  #main-contents #tabbed #tab-navs ul.tabs-navigation li a h3 {
    font-size: 1.1em;
  }
}
#main-contents #tabbed .tab-content {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  #main-contents #tabbed .tab-content {
    margin-bottom: 50px;
  }
}
#main-contents h3 {
  font-weight: bold;
  color: #d51773;
  margin-bottom: 15px;
}
#main-contents h4 {
  font-weight: bold;
  color: #d51773;
  font-size: 1.286em;
}
#main-contents .btn {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  #main-contents .btn {
    margin-bottom: 25px;
  }
}
#main-contents .overflow-content {
  max-height: 245px;
  overflow: auto;
  margin: 15px 0px;
  padding-right: 15px;
}

#banner {
  background-size: cover !important;
  background-position: center center !important;
  position: relative;
  height: 200px;
}
@media only screen and (min-width: 992px) {
  #banner {
    height: 760px;
  }
}
@media only screen and (max-width: 767px) {
  #banner {
  /*  margin-top: 55px;*/
  }




}
#banner #banner-caption {
  display: inline-block;
  position: absolute;
  background-color: rgba(255, 221, 83, 0.6);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
}
#banner #banner-caption h2 {
  text-transform: uppercase;
  font-size: 3em;
}

.archive .banner-caption {
  display: none;  
}

@media only screen and (min-width: 768px) {
  #banner #banner-caption h2 {
    font-size: 3.429em;
  }
}
#banner #banner-caption h4 {
  text-transform: capitalize;
  font-size: 1.8em;
}
@media only screen and (min-width: 768px) {
  #banner #banner-caption h4 {
    font-size: 2.143em;
  }
}
#banner #banner-caption .table {
  height: 100%;
}
#banner #banner-caption .table .table-cell {
  vertical-align: middle;
}
#banner #banner-caption .table .table-cell h2 {
  font-weight: bold;
}

ul#branch-list {
  list-style: none;
  padding-left: 0px;
}
ul#branch-list > li {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
ul#branch-list > li h4 {
  margin-bottom: 15px;
}
ul#branch-list > li ul.location-details {
  list-style: none;
  padding-left: 0px;
}
ul#branch-list > li ul.location-details li {
  width: 100%;
  display: inline-block;
}
ul#branch-list > li ul.location-details li i {
  color: #d51773;
  margin-right: 5px;
  float: left;
  line-height: 18px;
}
ul#branch-list > li ul.location-details li span {
  float: left;
}
ul#branch-list > li ul.location-details li a {
  float: left;
  color: #8f8f8f;
}
ul#branch-list h6 {
  font-size: 1em;
  font-weight: bold;
}

form {
  margin-bottom: 20px;
}
form label {
  font-weight: normal;
  margin: 10px 0px;
}
form .form-control {
  border-radius: 0px;
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
}
form input.form-control {
  height: 45px;
}
form input[type="checkbox"] {
  margin: 10px 5px 0px 0px;
}
form .custom-select {
  border: 1px solid #e6e6e6;
}
form .custom-select:focus, form .custom-select:hover {
  border: 1px solid #e6e6e6;
}
form .custom-select select {
  font-weight: normal;
  color: #8f8f8f;
  height: 45px;
}
form .custom-select select:focus, form .custom-select select:hover {
  border: 1px solid #e6e6e6;
}
form textarea {
  resize: none;
  height: 70px;
}
@media only screen and (min-width: 768px) {
  form textarea {
    height: 161px;
  }
}





.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    margin-top: 20px;
}

.widget-title{
  display: none !important;
}

.timeline-Widget {
  width:100%;
}


.navbar-default > ul > ul > ul {
  position: absolute;
  right: 1px;
}

.archive #custom-nav { 
  background-color: #505050!important;
  opacity: 0.9!important;
}