/*
===========================================================
Custom CSS styles

See 
/graphic-assets/
folder for PSDs of icon sprites

===========================================================
*/
/*----------------------------------------
Set Font stack
----------------------------------------*/
body {
  font-family: 'Roboto', sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.navbar .navbar-nav,
.feature-box--block,
.call-to-action,
.footer-content .title,
.feature-block--title,
.feature-block--sub {
  font-family: 'Open Sans', sans-serif;
}
/*----------------------------------------
Base styles
----------------------------------------*/
.page-wrapper {
  background-color: #f1f1f1;
}
.nav-pills.nav-stacked:not(.list-style-icons) > li > a::after {
  display: none;
}
a[href^="tel"]:hover,
a[href^="tel"]:focus {
  text-decoration: none;
  cursor: pointer;
}
.alt-bg {
  background-color: #fff;
}
.bg-grey {
  background-color:#f1f1f1;
}
a:focus,
a:hover {
  color: #000;
  text-decoration: none;
}
abbr[data-original-title], abbr[title] {
  border-bottom: none;
}
.navbar.navbar-default {
  background: none;
  border: none;
}
.navbar-toggle {
  margin: 0;
}
h1:not(.has-status),
.h1:not(.has-status),
h2:not(.has-status),
.h2:not(.has-status),
h3:not(.has-status),
.h3:not(.has-status),
h4:not(.has-status),
h5:not(.has-status),
h6:not(.has-status),
.heading:not(.has-status) {
  color: #004f6a;
}
.footer-logo {
  margin-left: -7px;
  max-width: 120px;
}
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.dropdown-menu .menu > .active > a:focus,
.dropdown-menu .menu > .active > a:hover,
body:not(.fixed-header-on) .header--secondary a[href^="tel"],
.call-to-action,
.btn-primary,
.page-wrapper-bg .feature-block,
.page-wrapper-bg .feature-block--title,
.page-wrapper-bg .feature-block--sub {
  color: #fff;
}
.page-wrapper.page-wrapper-bg section {
  background-color: #fff;
}
.feature-block--sub {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 0.5em;
  text-transform: none;    
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
.heading,
.feature-block--title,
.btn-default-transparent,
.btn-primary {
  text-transform: uppercase;
}

strong.heading{
  text-transform: none; 
}

strong.heading::after {
  content: "";
  display: block;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
.heading,
.feature-block--title {
  font-weight: 600;
}
.section-title {
  margin-bottom: 1em;
  margin-top: 1em;
  line-height: 1.4;    
}
.btn-default-transparent {
  border-color:#0191cd;
  color:#0191cd;
}
.btn-footer {
  border-color: #797979;
  color: #797979;
}

.btn-default:focus, 
.btn-default:hover,
.btn-success:focus, 
.btn-success:hover,
.btn-default-transparent:focus,
.btn-default-transparent:hover,
.call-to-action .btn-gray-transparent:hover,
.call-to-action .btn-gray-transparent:focus,
.call-to-action .btn:hover a, 
.call-to-action .btn:focus a,
.btn-primary:hover,
.btn-primary:focus,
.btn-footer:hover,
.btn-footer:focus,
.panel-group .panel-heading a:hover,
.panel-group .panel-heading a:focus{
  background-color: #fec938;
  border-color: #000;
  color: #000;
}
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius:0;
  border-radius: 0;
  text-transform: uppercase;    
}

td .btn {
  margin:0;
  margin-left: 10px;
}

.form-group .radio,
.form-group .checkbox{
  margin-left: 1em;
}

.fixed-header-on .header .logo img {
  max-height: 90px;
}
.header {
  background-color: #18457d;
  border: none;
}
.header--secondary li {
  vertical-align: middle;
}
.header--secondary a[href^="tel"] {
  font-weight: 400;
  white-space: nowrap;
}
h1,
.h1,
.feature-block--title {
  font-size: 1.5em;
}
h2,
.h2 {
  font-size: 1.2em;
}
.feature-block--title {
  margin-bottom: 0.25em;
  line-height: 1.5em;
}
.feature-block--title em {
  font-style: normal;
  font-weight: 100;
  display: block;
}

.feature-block .text-rotate {
  color: #FEC938;

}

.scrollToTop {
  left:5px;
}

.text-empasis {
  font-style: italic;
}
.text--header-sub {
  color: #5c5c5c;
  display: block;
  padding: 0 0 0.2em 0;
  font-weight: 300;
}
.feature-title {
  font-size: 1.8em;
}
.content-primary p,
.content-primary p.lead {
  line-height: 1.7em;
}

.dropup .dropdown-menu {
  z-index: 10000;
}

.content-primary ul:not(.dropdown-menu) li {
  padding-bottom: 0.3em;
}
.call-to-action {
  background-color: #686868;
  font-size: 1.2em;
  font-weight: 300;
}

.call-to-action--body {
  display: inline-block;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.3em;
  margin: 0.25em auto;
  vertical-align: middle;
}

.call-to-action .btn {
  background-color: #449228;
  font-size: 1.2em;
  border-color: #fff;
  font-weight: 400;
}
.call-to-action .btn a {
  color: #fff;
  text-decoration: none;
}
section.call-to-action.highlight-bg,
.call-to-action.highlight-bg {
  background:#fec938;
  color:#000;
  font-size: 1em;
  font-weight: 400;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  max-height: 30vh;
}


.call-to-action.highlight-bg .call-to-action--body {
  font-weight: 400;
}

.btn-text,
.feature-block {
  color: #000;
}
.pg-header-block {
  background-color: rgba(241, 241, 241,0.8);
}

.heading-sub {
  display: inline-block;
  font-weight: 400;
  padding: 0.35em 0 0 0;    
}
.table-hover > tbody > tr:hover td,
.table-hover > tbody > tr:focus td {
  background-color: #ffeec1;
}
.table--has-btn > tbody > tr > td {
  vertical-align: middle;
}

.table-mb-0 .table {
  border-bottom: 0;
  margin-bottom: 0;
}

.pg-title {
  color: #000;
  font-size: 2em;
}
label.error {
  margin-bottom: 1em;
  display: table;
  margin-top: 0.2em;
}
.req::after, 
label.error,
.text-danger{
  color: #F00;
}
textarea.form-control{
  min-height: 9em;
}
.badge-custom {
  min-width: 2em;
  padding: 0.5em;
  background-color: #fec938;
  border-radius: 50%;
  color: #000;
  font-size: 1em;
}
h2.title-reverse,
.title-reverse {
  font-size: 1.2em;
  color: #fff;
  margin: 1.6em 0 0.25em 0;
}
.title-reverse:first-of-type {
  margin-top: 1em;
}

.mt-0 {
  margin-top:0;
}

.mega-menu .title {
  color: #000;
  margin-top: 1.3em;
  font-weight: 600;
}
.mega-menu .menu > li > a {
  padding: 0.5em;
  color: inherit;
  font-weight: 400;
}
.dropdown-menu > li > a.active,
.dropdown-menu > li > a.active:focus, 
.dropdown-menu > li > a.active:hover,
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover,
.mega-menu .menu > li > a.active,
.mega-menu .menu > li > a.active:focus, 
.mega-menu .menu > li > a.active:hover,
.mega-menu .menu > li > a:focus, 
.mega-menu .menu > li > a:hover {
  background-color: #fec938;
  color: #000;
}



.heading-16-bold {font-size:16px; font-weight:600; text-align:left;}
.padding-1200 {padding-right:60px; height:50px; text-align:left;}
.btn-find-more {padding-left:15px; font-size:14px; color:#008DCC; background:url(/images/panel-arrow-blue.png) 0 2px no-repeat;}

h3.heading-16-bold {
  font-size: 1em; 
  text-transform: none;
  color: #777;
}

.btn-close-fixed-footer {
  margin: 0;
  position: absolute;
  right: 0.25em;
  top: 0.25em;
  font-size: 1.5em;

}

/*----------------------------------------
Booking process form styles
----------------------------------------*/
#myform #myview label{
  padding-left: 1.5em;
  text-indent: -0.2em;
}

#myform #myview label input[type="radio"], 
#myform #myview label input[type="checkbox"] {
  margin-left: -1.2em;
  margin-right: 0.3em;
}
#myform #myview p strong:first-of-type {
  color: #004f6a;
  display: block;
  font-size: 1.3em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

#btnNext .has-icon--next{
  line-height: 1;
  font-size: 1.1em;
  padding: 0.7em 1em;
}


.list-group-item-heading {
  line-height: 1.5;
  text-transform: none;
}
/*----------------------------------------
Feature boxes used on home page
----------------------------------------*/
.feature-box--graphical:before {
  background: url(/images/layout-assets/icon-sprite.png) no-repeat center 0; /*Default position*/
  border: none;
  content: "";
  display: block;
  height: 108px;
  overflow:hidden; 
  margin: 0 auto;
  max-width: 180px;
  width: 100%;
}

.graphics-set02 .feature-box--graphical:before {
  background-image:url(/images/layout-assets/icon-sprite-set02.png);
}

.feature-box--graphical-02:before {
  background-position:center -150px;
}
.feature-box--graphical-03:before {
  background-position:center -300px;
}
.feature-box--graphical-title {
  color: #454545;
  font-size: 1.5em;
  margin: 0.8em auto 0.5em;
}
/*----------------------------------------
Feature box section
----------------------------------------*/
.has-gradient-bg {
  background: #0f396f;
  background: -moz-linear-gradient(left, #0f396f 0%, #0f396f 50%, #001b45 79%, #001b45 100%);
  background: -webkit-linear-gradient(left, #0f396f 0%,#0f396f 50%,#001b45 79%,#001b45 100%);
  background: linear-gradient(to right, #0f396f 0%,#0f396f 50%,#001b45 79%,#001b45 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f396f', endColorstr='#001b45',GradientType=1 );
  color: #fff;
}
.feature-box--block-item {
  padding: 0;
}
.feature-box--container .feature-box {
  margin: 0;
  padding: 0.8em 0.8em 1.6em 0.8em;
}
.list-group a,
.icon-list--all a {
  color: #000;
}
.feature-box--container,
.feature-box .icon-list--all a {
  color: #333333;
}
.list-group small {
  color: #7D7D7D;
}
.feature-box .list-group {
  margin: 0;
  list-style: none;
}
/*.feature-box .list-group-item, */
.feature-box .list-group li {
  display: block;
  padding: 0 0 1em;
  background-color: transparent;
  border: none;
  border-radius: 0;
  font-size: 0.9em;
}
.feature-box .list-group li:last-child {
  border-bottom: none;
}
.feature-box--title {
  font-weight: 400;
  font-size: 1.4em;
  margin: 0 0 1.5em;
  text-transform: none;
  color: #454545;
}
.col-lg-2_5 .feature-box--title {
  font-size: 1.2em;
}
.col-lg-2_5 p:not(.feature-box--title) {
  color: #777;
}
.graphic-primary {
  margin: 0 auto 1em 0;
}

/*----------------------------------------
Custom CSS for ipad.html (a stand alone page) from V1 of site
----------------------------------------*/
.padding-1200 {
  margin-bottom: 0.5em;
}

.padding-1200+.btn {
  margin-top: 0;
}

.panel-group .panel-col {
  margin-bottom: 1.5em;
}

.panel-group .panel-heading,
.panel-group .panel-heading a {
  background-color: #0191cd;
  color: #fff;
}
.panel-group .panel-title a{
  padding-left: 2.5em;   
}

.panel-group .panel-title a:before {
  display: block;
  position: absolute;
  font-size: 1.3em;
  line-height: 1;
  left: 18px;
  font-weight: 400;
}

.panel-group .panel-title a[data-toggle="collapse"]:before {
 content: "\002b";
}

.panel-group .panel-title a[aria-expanded="true"]:before {
 content: "\2212";
}


/*----------------------------------------
Nav elements
----------------------------------------*/
.nav-pills.nav-stacked:not(.list-style-icons) > li > a::after {
  right: 0;
}
.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:hover::after,
.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:focus::after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:hover::after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:focus::after {
  right: 5px;
}
/*----------------------------------------
Custom icon styles
----------------------------------------*/
.accordion-title::before,
.collapse-contextual .panel-heading a::after,
.collapse-style-1 .panel-heading a::after,
.collapse-style-2 .panel-heading a::after,
.collapse-style-3 .panel-heading a::after,
.fa,
.fa:before,
.header--secondary a[href^="tel"]:before,
.dropdown > a:before,
.icon-list--all li:before,
.has-icon:before,
.has-icon--next:after{
  font-family: 'Glyphicons Halflings';
  font-size: 1em;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
}
.collapse-style-1 .panel-heading a:after {
  content: "\e082";
}
.collapse-style-1 .panel-heading a.collapsed:after {
  content: "\e081";
}
.fa-chevron-up:before {
  content: "\e113";
  margin-left: 2px;
}
.fa-youtube-play::before {
  content: "\e072";
}
.icon-list--all {
  list-style: none;
  padding-left: 2em;
}
.icon-list--all a {
  color: #777;
}
.icon-list--all li:before,
.header--secondary a[href^="tel"]:before,
.has-icon:before,
.has-icon--next:after{
  display: inline-block;
  font-size: inherit;
  margin-right: 0.5em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.has-icon:before,
.icon-list--all li:before {
  margin-left: -1.5em;
}
.icon-list--all-checked li:before {
  color: #004f6a;
  content: "\e013";
}

.icon-list--all-download li:before{
  content: "\e166";
}


.icon-list--all small {
  display: block;
  margin-left: 2em;
  color: #666;
}



.dropdown > a:before {
  content: "\e252";
  font-size: 0.7em;
  top: 0.25em;
  color: #fff;
  right: 0;
}


.header--secondary a[href^="tel"]:before {
  content: "\e182";
}
/*----------------------------------------
Styles for individual icons
----------------------------------------*/
.has-icon {
  padding-left: 2em;
}
.has-icon small {
  white-space: nowrap;
}
.has-icon:before {
  vertical-align: middle;
}
.has-icon--download {
  white-space: normal;
}
.has-icon--download:before {
  content: "\e166";
}
.has-icon--map-marker:before {
  content: "\e062";
}
.has-icon--next:after, 
.has-icon--back:before {
  vertical-align: top;
}

.has-icon--next::after {
  content: "\e080";
  margin: 0 0 0 0.2em;
}

.has-icon--back {
  line-height: 1;
  font-size: 1.1em;
  padding: 0.7em 1em;
}

.has-icon--back:before {
  content: "\e079";
  margin-left: -0.25em;
  margin-right: 0.25em;
}
/*-------------------------
Custom list group styles
--------------------------*/
.list-group--custom li {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
/*-------------------------
Custom panel styles
--------------------------*/
.panel-custom {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 2em;
}
.panel-custom--heading {
  border: none;
  padding: 1em 2em;
}
.panel-custom--heading .panel-title {
  color: #fff;
  font-size: 1.4em;
}
/*
.panel-custom--heading {
    background-color: #fec938;
    color: #004f6a;
}
.panel-custom:nth-of-type(even) .panel-custom--heading {
    background-color: #0191cd;
    color: #fff;
}
*/

.panel-custom--heading {
  background-color: #0191cd;
  color: #fff;
}

.panel-custom--body {
  background-color: #fff;
  border: none;
  line-height: 1.7;
  padding: 2em;
}
.panel-custom .icon-list--all {
  padding-left: 3em;
}
.panel-custom .icon-list--all li {
  line-height: 1.5;
  margin-bottom: 1em;
}
.panel-custom .icon-list--all li::before {
  margin-left: -2em;
}
.panel-custom .icon-list--all li::before {
  margin-right: 1em;
}
/*-------------------------
Raster icon styles (for social media icons)
--------------------------*/

.icon-item {
  display: inline-block;
  height: 25px;
  margin: 0 0.25em;
  width: 25px;
  background: url(../images/layout-assets/icon-sprite-soc-media.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  opacity: 0.5;
}
.icon-item:focus,
.icon-item:hover {
  opacity: 1;
}
.icon-facebook {
  background-position: 0 0;
}
.icon-twitter {
  background-position: 0 -30px;
}
.icon-linkedin {
  background-position: 0 -60px;
}
.icon-youtube {
  background-position: 0 -90px;
}

.list-inline.has-icon-item > li:first-of-type {
  padding-left: 0;
}
.full-width {
  width: 100%;
}
/*----------------------------------------
Footer
----------------------------------------*/
#footer::after {
  max-height: 30vh;
  display: block;
  content: "";
  width: 100%;
  min-height: 15vh;
}

.footer {
  background-color:transparent;
}
.footer-content {
  font-size: 1.2em;
}
.footer,
.footer a:not(.btn-footer),
.footer-content .nav-pills li a,
{
  color: #ADADAD;
}
.footer-panel,
.footer-panel-heading,
.footer-panel-body {
  background-color: transparent !important;
  border: none;
}
.footer-panel,
.footer-panel + .footer-panel {
  margin-top: 0;
  padding-top: 4px;
}
.footer-panel-heading a,
.footer-panel-heading a:not(.collapsed) {
  font-size: 13px;
  padding: 4px 0;
}
.footer-panel-heading a:after {
  right: 0 !important;
}
.footer-panel-body {
  padding: 0 1em;
}
.footer-panel-body li {
  padding: 0.5em 0;
}
.dark .footer-content .nav-pills > li > a:focus,
.dark .footer-content .nav-pills > li > a:hover,
.dark .footer a:not(.btn):hover,
.dark .footer a:not(.btn):focus,
.dark .footer-panel-heading a:hover,
.dark .footer-panel-heading a:focus,
.dark .footer-panel-heading a:not(.collapsed):hover,
.dark .footer-panel-heading a:not(.collapsed):focus {
  color:#fec938;
  text-decoration: none;
}
.footer-content .nav-pills li a {
  display: inline-block;
  font-size: 0.95em;
  text-transform: none;
  padding: 0;
  line-height: 1.6em;
  margin: 0;
}

.footer a {
  color: #999;
}

.btn-footer {
  background-color: transparent;
  text-transform: uppercase;
}
/*
.btn-footer:hover,
.btn-footer:focus {
    background-color: #fff;
    color: #da3931;
}
*/
.dark .footer-content .title {
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em !important;
  margin-top: 0;
  text-transform: uppercase;
}
.footer-content .title-sub {
  font-size: 1.1em;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.footer-content .title-sub + ul {
  margin-bottom: 1.5em;
}
.subfooter,
.subfooter a {
  border: none;
  color: #7b7b7b;
  padding: 0;
}
.subfooter {
  background-color: #D5D5D5;
}
.subfooter a {
  text-decoration: underline;
}
.subfooter a:hover,
.subfooter a:focus {
  color: #000;
}
.subfooter .container {
  padding-top: 1.5em;
  padding-bottom: 1.3em;
}
.collapse-style-1 {
	margin-top:25px;
	margin-bottom:25px;
}
.collapse-style-1 .panel {
  border-color: #000;
  overflow: hidden;
}
.collapse-style-1 .panel-heading a {
  background-color: #000;
  color: #fff;
}
.collapse-style-1 .panel-heading a.collapsed {
  background-color: #000;
  color: #fff;
}
.collapse-style-1 .panel-heading a.collapsed:hover {
  background-color: #E7E7E7;
  color: #000;   
}
.collapse-style-1 .panel-body {
	padding-top:20px;
}

.blog-hr {
	margin-bottom:35px !important;
}

ul.jaw_widget {
	list-style:none !important;
}

/*
===========================================================
Media Queries
===========================================================
*/
@media (min-width: 480px) {
  .graphic-primary.pull-right {
    margin-left: 1.5em;
    max-width: 50%;
  }
  .has-badge {
    padding-left: 2.5em;
    margin-bottom: 1em;
    padding-top: 0.5em;
  }
  .has-badge .badge-custom {
    margin-left: -2.5em;
    position: absolute;
    margin-top: -0.25em;
  }
}
@media (min-width: 768px) {
  body:not(.fixed-header-on) .page-wrapper:not(.page-wrapper-bg) .header {
    background: url('/images/default-header-bg.jpg') left top repeat-x;
  }
  body:not(.fixed-header-on) .page-wrapper:not(.page-wrapper-bg) .header {
    background-color: #fff;
  }
  .fixed-header-on .main-navigation .navbar-nav > li > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }    
  .navbar {
    min-height: auto;
  }
  .navbar-default .navbar-nav > li > a {
    padding: 0;
  }
  .navbar-default .navbar-nav > li > a.dropdown-toggle {
    padding-right: 1em;
  }
  .header--secondary .list-inline li:last-of-type {
    padding-right: 0;
    padding-left: 1em;
  }
  .header-mast .navbar-nav,
  .header--secondary-links {
    float: none;
    margin-right: -0.75em;
  }
  .navbar-nav {
    margin: 0 auto;
    display: table;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
  }
  a[href^="tel"],
  a[href^="tel"]:hover,
  a[href^="tel"]:focus{
    text-decoration: none;
    cursor: text;
  }

  .call-to-action .btn.md-show-as-text{
    border: none;
    font-size: 1.8em;
    padding: 0;
  }
  .call-to-action .btn.md-show-as-text,
  .call-to-action .btn.md-show-as-text:hover,
  .call-to-action .btn.md-show-as-text:focus,
  .call-to-action .btn.md-show-as-text a[href^="tel"],
  .call-to-action .btn.md-show-as-text:hover a[href^="tel"],
  .call-to-action .btn.md-show-as-text:focus a[href^="tel"] {
    background-color: transparent !important;
    color: #fff !important;
    text-decoration: none!important;
  }        

  .call-to-action.highlight-bg .btn.md-show-as-text a[href^="tel"],
  .call-to-action.highlight-bg .btn.md-show-as-text:hover a[href^="tel"],
  .call-to-action.highlight-bg .btn.md-show-as-text:focus a[href^="tel"]      {
    /*    margin-left: 1em;*/
    color: #000 !important;
  }

  .header--secondary a[href^="tel"] {
    font-size: 1.7em;
  }
  .header--secondary-links {
    text-align: center;
  }

  body:not(.fixed-header-on) .navbar-default .navbar-nav > li > a,
  body:not(.fixed-header-on) .navbar-default .navbar-nav > .active > a,
  body:not(.fixed-header-on) .navbar-default .navbar-nav > .active > a:focus,
  body:not(.fixed-header-on) .navbar-default .navbar-nav > .active > a:hover,
  body:not(.fixed-header-on) .navbar-default .navbar-nav > li > a.active,
  body:not(.fixed-header-on) .header--secondary-links {
    color: #fff;
  }
  body:not(.fixed-header-on) .navbar-default .navbar-nav > li.open > a.dropdown-toggle,
  body:not(.fixed-header-on) .navbar-default .navbar-nav > li > a.dropdown-toggle:focus,
  body:not(.fixed-header-on) .navbar-default .navbar-nav > li > a.dropdown-toggle:hover,     
  body:not(.fixed-header-on) .navbar-default .navbar-nav > li > a:focus,
  body:not(.fixed-header-on) .navbar-default .navbar-nav > li > a:hover {
    color: #fec938
  }
  .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav > .dropdown > .dropdown-toggle,
  .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav > .dropdown > a:before{
    color: #000;

  }
  .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav > .dropdown > a:before { /*Needed to overwrite template CSS*/
    top:0.25em; 
  }

  .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav > .dropdown.open > a::before, 
  .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav > .dropdown.open > .dropdown-toggle{
    color: #09afdf;
  }

  .header--secondary li {
    font-weight: 300;
  }
  .header--secondary a[href^="tel"],
  .header--secondary a[href^="tel"]:before {
    vertical-align: middle;
  }
  .main-navigation .navbar-nav > .dropdown > a:focus,
  .main-navigation .navbar-nav > .open > a,
  .main-navigation .navbar-nav > .open > a:focus,
  .main-navigation .navbar-nav > .open > a:hover {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
  }
  .fixed-header-on .header--secondary a[href^="tel"],
  .fixed-header-on .header--secondary a[href^="tel"]:hover,
  .fixed-header-on .header--secondary a[href^="tel"]:focus,    
  .feature-box--container a[href^="tel"],
  .feature-box--container a[href^="tel"]:hover,
  .feature-box--container a[href^="tel"]:focus,
  .feature-box--container a.btn[href^="tel"],
  .feature-box--container a.btn[href^="tel"]:hover,
  .feature-box--container a.btn[href^="tel"]:focus {
    color: #000;
  }
  .content-primary a[href^="tel"],
  .content-primary a[href^="tel"]:hover,
  .content-primary a[href^="tel"]:focus,
  .content-primary a.btn[href^="tel"],
  .content-primary a.btn[href^="tel"]:hover,
  .content-primary a.btn[href^="tel"]:focus {
    color: rgb(119, 119, 119);
  }
  .content-primary a.btn[href^="tel"],
  .content-primary a.btn[href^="tel"]:hover,
  .content-primary a.btn[href^="tel"]:focus {
    background-color: transparent;
    border-color: transparent;
  }
  .content-primary a.btn[href^="tel"] {
    margin: 0;
    padding: 0;
  }
  .content-primary a.lead[href^="tel"] {
    font-size: 1.6em;
  }

  .content-primary .dl-horizontal dt {
    max-width: 6em;
    white-space: normal;
  }    
  .content-primary .dl-horizontal dd {
    margin-left: 7em;
  }    

  .testimonial blockquote:after {
    font-size: 5em;
    left: -0.25em;
  }    

  h1,
  .h1,
  .feature-block--title {
    font-size: 2.1em;
  }
  h2:not([class]),
  .h2:not([class]) {
    font-size: 1.6em;
  }

  h1 span.heading-sub {
    padding: 0 0 0 1em;
  }

  .dark .footer-content .nav-pills > li a[href^="tel"],
  .dark .footer-content .nav-pills > li a[href^="tel"]:hover,
  .dark .footer-content .nav-pills > li a[href^="tel"]:focus {
    color: #777777;
  }
  .navbar-nav > li > a.active,
  .navbar-nav > li.active {
    border-bottom: 2px solid #000;
    padding-bottom: 0.2em;
  }
  body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav > li > a.active,
  body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav > li.active {
    border-bottom-color: #fff;
  } 
  .pg-title {
    font-size: 2.5em;
  }

  .table > tbody > tr > td, 
  .table > tbody > tr > th, 
  .table > tfoot > tr > td, 
  .table > tfoot > tr > th, 
  .table > thead > tr > td, 
  .table > thead > tr > th {
    padding-right: 8px;
    padding-left: 8px;
  }
  #fixedFooter .title.call-to-action--body {
    font-size: 1.5em;
  }

}
/*----------------------------------------
(min-width: 768px) and (max-width:991px)
----------------------------------------*/
/*----------------------------------------
SM-MD mid point
----------------------------------------*/
@media (min-width: 768px) and (max-width:991px) {
  .navbar-default .navbar-nav > li > a {
    padding: 0;
    margin: 0;
  }
  body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav > li > a.dropdown-toggle,
  body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav > li > a.dropdown-toggle:hover,
  body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav > li > a.dropdown-toggle:focus {
    border-top-color: transparent; /*Overwrite template CSS*/
  }    
  .header .navbar-nav {
    text-align: center;
  }
  .pg-home .feature-block {
    text-align: center;
  }
  #logo {
    margin: 1em auto;
    display: block;
  }
  .nav-feature li {
    font-size: 0.9em;
    white-space: nowrap;
  }
  .header-left {
    padding-top: 1.2em;
  }
  .image-box--title {
    font-size: 0.9em;
  }
  .text-center-sm {
    text-align: center;
  }
  .navbar-nav > li {
    margin: 0 0.5em 0.5em 0.5em;
    display: inline-block;
    float: none;
/*
        margin: 0 0.25em 0.5em 0.25em;
        display: inline-block;
        */
      }
      .feature-box--graphical-title {
        font-size: 1.2em;
      }

      .nav-block {
        padding-left: 0;
      }

    }
/*----------------------------------------
min-width: 992px
----------------------------------------*/
@media (min-width: 992px) {
/*
    #logo_img {
        background-color: rgba(0, 0, 0, 0.7);
    }    
    */
    body:not(.fixed-header-on) .page-wrapper:not(.page-wrapper-bg) .header .logo img#logo_img,
    body.fixed-header-on .page-wrapper.page-wrapper-bg .header .logo img#logo_img{
      max-height: 90px; /*Does not apply to the home page - untill the visitor starts scrolling down the home page*/
    } 
    body:not(.fixed-header-on) .page-wrapper.page-wrapper-bg .navbar-nav {
      margin-top: 1em;
    }
    .page-wrapper.page-wrapper-bg {
      background:#18437A url(/images/graphic-feature-lg.jpg) no-repeat center top;
    }
    body:not(.fixed-header-on) .page-wrapper.page-wrapper-bg .banner.feature-block {
      -moz-transition: height 1s ease;
      -webkit-transition: height 1s ease;
      -o-transition: height 1s ease;
      transition: height 1s ease;           
      /*        height: 680px;*/
      height: 550px;
      margin-top: 3%;
    }
    .fixed-header-on .page-wrapper.page-wrapper-bg .banner.feature-block {
      height: 280px;
    }
    
    .fixed-header-on .scroll-to-target {
      margin-top: 3em;
    }
    
    .bg-graphic-secondary {
      padding: 0;
    }
    .bg-graphic-secondary2 {
      padding: 0;
    }
    .bg-graphic-secondary3 {
      padding: 0;
    }
    .bg-graphic-secondary:before {
      background: url(/images/video-banner-lg-03.jpg) no-repeat right 0/cover;
      content: "";
      position: relative;
      min-height: 650px;
      width: 200%;
      float: right; /*The default*/
    }
    .bg-graphic-secondary2:before {
      background: url(/images/bg-graphic-secondary-bus-v03.jpg) no-repeat 0 0/contain;
      content: "";
      position: relative;
      min-height: 650px;
      width: 220%;
      float: right; /*The default*/
    }
    .bg-graphic-secondary3:before {
     background: url(/images/bg-graphic-secondary-truck.jpg) no-repeat 0 0/contain;
     content: "";
     position: relative;
     min-height: 650px;
     width: 200%;
     float: right; /*The default*/
   }
   .bg-graphic-secondary-left:before {
    float: left;
  }
  
  .bg-graphic-secondary--forklift:before {
    background: url(/images/feature-bg--forklift.jpg) no-repeat right 0/cover;
    min-height: 600px;
  }

  .bg-graphic-secondary--motorcycle:before {
    background: url(/images/feature-bg-motorcycle.jpg) no-repeat 0 bottom/cover;
    opacity: 0.9;
  }    
  
  .custom-btn--md {
    background-color: transparent;
    position: absolute;
    right: 40%;
    top: 40%;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -900%;
    white-space: nowrap;        
  }
  .custom-btn--md,
  .custom-btn--md:hover,
  .custom-btn--md:focus {
    border:5px solid #fff;
  }
  .has-icon--play:before {
    content: "\e072";
    color: #fff;
    margin: 0;
    position: absolute;
    top: 25px;
    left: 22px;
    font-size: 40px;
    width: 50px;
    height: 50px;
    z-index: 100;
    text-indent: 0;
  }    
  .padding-md-h {
    padding-right:2em;
    padding-left:2em;
  }
  .intro-block {
    overflow: hidden;
    padding: 0;
  }
  .intro-block .content-primary {
    margin-top: 7em;
  }
/*
    .header-mast {
        padding-top: 1.4em;
        padding-bottom: 1.2em;
    }
    */
    .header-left {
      padding-top: 0;
    }
    .navbar-nav > li {
      margin-left: 0.75em;
    }
    .header--secondary-links {
      text-align: right;
    }    
    .header--secondary .btn {
      margin: 0;
    }
    .mega-menu.narrow .dropdown-menu {
      width: 75%;
    }    
    
/*
    .feature-block--title {
        margin-top: 1em;
    }
    */
    body.fixed-header-on .page-wrapper.page-wrapper-bg .header,
    body.fixed-header-on .page-wrapper:not(.page-wrapper-bg) .header.fixed:not(.dark) {
      background-color: #fff;
      /*        background-color: transparent;*/
    }
    body:not(.fixed-header-on) .page-wrapper.page-wrapper-bg .header {
      background-color: transparent;
    }    
    .feature-box--block-item {
      float: none;
      display: table-cell;
    }    
    .feature-box--container .feature-box {
      padding: 0 4em;
    }    
    .feature-box--block-item:nth-of-type(2n) {
      border-left: 1px solid #444;
      border-right: 1px solid #444;
    }
    .feature-box--title {
      font-size: 1.6em;
    }
    .md-h-margin-clear {
      margin-right: 0;
      margin-left: 0;
    }
    .md-half-width {
      max-width: 50%;
    }
    .pg-header-block {
      position: absolute;
      width: 100%;
      z-index: 100;
    }
    
    .pos-static {
      position: static;
    }
    
    .content-body {
      padding: 2em;
    }
    .footer-inner {
      padding: 0 2em;
    }
    #footer::after {
      min-height: 10vh;
    }
    .btn-close-fixed-footer {
      right: 1em;
      font-size: 1.8em;
    }       
  }
/*----------------------------------------
(min-width: 992px) and (max-width:1199px)
----------------------------------------*/
@media (min-width: 992px) and (max-width:1199px) {
  .col-content {
    padding: 2em 1em 2em 3em;
    font-size: 1.1em;
  }
  .image-box--title {
    font-size: 1.2em;
  }
  .bg-graphic-secondary:before {
    min-height: 750px;
  }
  #footer::after {
    min-height: 15vh;
  }
}
/*----------------------------------------
min-width:1200px
----------------------------------------*/
@media (min-width:1200px) {
  .page-wrapper.page-wrapper-bg {
    background-size:cover;
    background-attachment: fixed;
  }    
  .banner {
    background-size: cover;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 0.9em;
    /*        font-size: 1em;*/
    padding: 0;
  }
  .pg-home .feature-block {
    background-size: cover;
  }
  .col-lg-2_5 {
    width: 20%;
    margin-left: 0;
  }
  .col-lg-2_5 .feature-box {
    min-height: 270px;
  }
  .main-navigation .navbar-nav > li {
    margin: 0 0 0 1.2em;
  }
  .col-content {
    padding: 3em 1em 3em 3em;
    font-size: 1.2em;
  } 
  .site-content {
    padding-right:30px;
  }
  .title.call-to-action--body {
    margin-right: 0.25em;
  }
  #fixedFooter .title.call-to-action--body {
    margin-right: 1em;
  }
}
@media (min-width:1400px) {
  .page-wrapper.page-wrapper-bg {
    background-size: cover;
  }
  .page-wrapper.page-wrapper-bg .banner.feature-block {
    margin-top: 3%;
  }
}
/*----------------------------------------
max-width: 991px - point where the main nav
switches to collapsed mode.
----------------------------------------*/
@media (max-width: 991px) {
  .page-wrapper.page-wrapper-bg .banner.feature-block{
    background:transparent url(/images/graphic-feature-sm.jpg) no-repeat center/cover;
  } 
  .page-wrapper.page-wrapper-bg .banner.feature-block .container {
    padding: 2em 4em;
    background-color: #0006;
    width: 100%;
  }
    /*----------------------------------------
    Custom main nav styles. Sets nav breakpoint to 991px
    ----------------------------------------*/
    /*Pull Right*/
    .header .dropdown-menu.pull-right {
      float: none !important;
    }
    .header .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px;
    }
    .header .dropdown-menu.no-bottom-space {
      padding-bottom: 0;
    }
    /*Pull Right*/
    .header .dropdown-menu.pull-right {
      float: none !important;
    }
    .header .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px;
    }
    .header .navbar-nav .open .dropdown-menu > li > a:hover,
    .header .navbar-nav .open .dropdown-menu > li > a:focus {
      background-image: none;
    }
    .header .dropdown-menu.no-bottom-space {
      padding-bottom: 0;
    }
    .pg-home .feature-block {
      padding-top: 28%;
      padding-bottom: 2em;
    }
    /*----------------------------------------
    Banner body styles when banner element has text content
    ----------------------------------------*/
    .banner-body {
      text-align: center;
      margin-bottom: 2em;
    }
    .main-container.content-primary {
      padding-top: 1.5em;
    }
    .has-gradient-bg {
      padding-top: 2em;
      padding-bottom: 2em;
    }
    .intro-block .content-primary {
      padding-bottom: 2em;
    }
    .feature-block--title em {
      display: block;
    }
    /*----------------------------------------
    Stack table cells
    ----------------------------------------*/
    
    table.xs-stack-table thead {
      display: none;
    }
    table.xs-stack-table tr {
      border-bottom-color: #222;
    }

    
    .table-responsive table.xs-stack-table td,
    table.xs-stack-table td {
      display: block;
      white-space: normal !important;
    }
    
    
    table.xs-stack-table td::before {
      content: attr(data-title);
      margin-right: 1em;
      font-weight: 400;
      color: #000;
      display: block;
      font-size: 0.9em;
    }
    
    table.xs-stack-table td[data-title="Course Name"] {
      font-size: 1.1em;
      background: #D8D8D8 !important;
      color: #111;
    }
    table.xs-stack-table td[data-title="Course Name"]:before {
      display: none;
    }
    .btn.md-show-as-text {
      display: table;
      margin: auto;
    }

    #fixedFooter {
      min-height: 15vh;
    }


  }
  @media (max-width:767px) {
    .navbar {
      min-height: auto;
    }    
    .navbar .title-navbar {
      float: left;
      text-transform: uppercase;
      font-size: 0.9em;
      margin-right: 0.5em;
      color: #fff;
      margin-top: 0.3em;
    }
    .navbar .navbar-icon {
      float: right;
      padding-top: 5px;
    }
    .navbar-default .navbar-toggle .icon-bar {
      width: 1.7em;
      height: 3px;
      border-radius: 1px;
      background-color: #fff;
    }
    .navbar-default .navbar-toggle {
      border-color: transparent;
      border-radius: 0
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
      background-color: #fff;
      border-color: #fff;
    }
    .navbar-default .navbar-toggle:focus .icon-bar,
    .navbar-default .navbar-toggle:hover .icon-bar {
      background-color: #000;
    }
    .navbar-default .navbar-toggle:focus .title-navbar,
    .navbar-default .navbar-toggle:hover .title-navbar {
      color: #000;
    }
    .navbar-default .navbar-nav > .dropdown.open > a::before {
      color: #fff;
    }
    .header .navbar-collapse {
      padding-right: 0;
      padding-left: 0;
    }
    .header .navbar-collapse.collapse.in {
      display: block !important;
      overflow-y: auto !important;
      padding-right: 0;
      padding-left: 0;
    }    
    .navbar-collapse {
      box-shadow: none;
    }
    .navbar-default .navbar-collapse,
    .navbar-collapse {
      border: none;
    }
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover,
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a.active,
    .header:not(.dark) .active.dropdown > a:before,
    .header.centered:not(.dark) .active.dropdown > a:before,
    .nav .open > a,
    .nav .open > a:focus,
    .nav .open > a:hover {
      color: #000;
      background: #fec938;
    }    
    .xs-full-width {
      width: 100%;
    }
    .header-mast {
      padding-top: 0.25em;
      padding-bottom: 0.25em;
    }
    .header--secondary a[href^="tel"] {
      border: 1px solid #fff;
      color: #fff;
      transition: all .2s ease-in-out;
      padding: 0.5em 1em;
      margin: 0 auto;
      display: block;
    }
    .header--secondary a[href^="tel"]:hover,
    .header--secondary a[href^="tel"]:focus {
      background-color: #fec938;
      border-color: #fec938;
      color: #000;
    }
    #logo_img {
      margin-top: 0.1em;
      max-height: 65px;
    }
    .header-logo--link {
      position: absolute;
      z-index: 10000;
      max-width: 150px;
      text-align: center;
    }
    .header--secondary-links {
      margin-top: 0;
      margin-bottom: 0;
      position: absolute;
      right: 8em;
      text-align: center;
      z-index: 1000;
    }
    li.header--secondary-item {
      display: table;
      font-size: 0.8em;
      color: #fff;
      margin: 0.15em auto 0.2em;
    }
    .header .navbar-nav {
      margin: 1em 0;
      float: none !important;
      background-color: #fafafa;
      border-top: none;
    }
    .header .navbar-nav > li {
      float: none;
    }
    .header .navbar-nav > li > a {
      padding: 9px 25px;
    }
    .header .navbar-nav > li a {
      border-bottom: solid 1px #eee;
    }
    .header .navbar-nav > li > a:focus {
      background: none;
    }
    .header .dropdown .dropdown-submenu > a {
      font-size: 13px;
      color: #555 !important;
      text-transform: uppercase;
    }
    /* Mobile menu
    ------------------------------ */
    .navbar.navbar-default {
/*
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        */
        margin: 10px 0 15px;
        font-weight: 400;
      }
      /* active item */
      .navbar-default .navbar-nav > li > a.active,
      .navbar-default .navbar-nav > li > a.active:hover,
      .navbar-default .navbar-nav > li > a.active:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .active > a:focus,
      .navbar-default .navbar-nav .open a.dropdown-toggle,
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fec938;
        background-color: #000;
      }
      /* first level item */
      .navbar-default .navbar-nav > li > a {
        border-bottom: 1px solid #f3f3f3;
      }
      .navbar-default .navbar-nav > li:last-child > a {
        border-bottom: 1px solid transparent;
      }
      /* second level menu */
      .navbar-default .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
      }
      /* second level item */
      .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 12px 15px 12px 40px;
        color: #333333;
        border-color: #f9f9f9;
      }
      /* second level item on hover/focus */
      .navbar-default .navbar-nav .open .dropdown-menu > li > a.active,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #da3931;
      }
      .dropdown > a:before,
      .header.centered .dropdown > a:before {
        color: #999999;
        top: 14px;
        right: 32px;
      }
      .dropdown .dropdown > a:before,
      .header.centered .dropdown .dropdown > a:before {
        right: 36px;
      }
      .alert-feature .alert-icon {
        padding-left: inherit;
      }
      .table-responsive .table:not(.table-bordered) {
        border-bottom: none;
      }
      .call-to-action.highlight-bg .call-to-action--body {
        font-size: 1em;
        font-weight: 400;
      }    

    }
    @media (min-width:480px) and (max-width:767px) {
      .header--secondary a[href^="tel"] {
        font-size: 1.1em;
      }    
    }
    @media (min-width:480px) and (max-width:991px) {
      /*Centre last item in a gallery grid IF the gallery has an odd number of images. Used when gallery is in 2 cols */
      .row.grid-block > div:nth-last-of-type(1):nth-of-type(2n+1),
      .col-lg-2_5:nth-last-of-type(1):nth-of-type(2n+1) {
        margin-left: 25%;
      }
    }
/*----------------------------------------
max-width:519px
----------------------------------------*/
@media (max-width:519px) {
  table.xs-stack-table td .btn {
    margin-top: 1em;
    display: block;
  }  
}
/*----------------------------------------
max-width:479px
----------------------------------------*/
@media (max-width:479px) {
  .call-to-action .btn {
    font-size: 1.3em;
  }
  .xs-stack,
  .graphic-primary.pull-right {
    float: none !important;
    margin-left: 0;
    width: 100%;
    position: static;
  }

  .footer-content .logo {
    max-width: 100%;
  }
  .pull-left.xs-stack {
    margin-right: auto;
    margin-left: auto;
  }
  .text-center-xs {
    text-align: center;
  }
  .nav-feature li {
    font-size: 0.9em;
  }
  .nav-feature a:before {
    display: table;
    margin: 0 auto 0.6em;
  }
  .nav-feature a {
    padding: 0.5em;
    text-align: center;
  }
  .header--secondary .list-inline li {
    margin: 0 auto;
  }
  .header--secondary a[href^="tel"] {
    width: 2em;
    overflow: hidden;
    font-size: 1.5em;
    height: 2em;
    padding: 0.5em;
    vertical-align: middle;
    line-height: 1em;
    border-radius: 0;
    border-width: 1px;
    margin: 0.12em 0 0;
  }
  .header--secondary-links {
    margin-top: -0.25em;
  }
  .badge-custom {
    display: table;
    margin: 0 auto;
  }
  .content-primary .btn {
    white-space: normal;
  }
  .page-wrapper.page-wrapper-bg .banner.feature-block .container {
    padding-right: 1em;
    padding-left: 1em;
  }

  .mega-menu div[class^="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  .panel-custom--heading,
  .panel-custom--body {
    padding-right: 1em;
    padding-left: 1em;
  }
  section.call-to-action.highlight-bg, 
  .call-to-action.highlight-bg {
    /*padding: 0.5em;*/
    padding: 2rem 0 5rem 0;
  }   
  .btn.md-show-as-text {
    display: table;
    margin: auto;
    font-size: 1em;
    padding: 0.3em 0.5em;
  }

}


/* custom css for jquery autocomplte */

.ui-menu .ui-menu-item {
  background-color:#fff;

}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  background-color:#428bca;
  color:#ffffff;
}

.ui-autocomplete {
  border: 1px solid #ddd;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eff5f5;
/*    opacity: 1;
    border: none;
    cursor: default;
    box-shadow: none;*/
  }

  .table-calendar-list {
    font-size: 13px;
    padding-right: 6px;
    padding-left: 6px;
  }
  /* Gift Voucher Start 2019-11-27 */
  .gv-box {
    position: relative;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    margin: 30px auto;
  }
  .gv-box .gv-box-img {}
  .gv-box:after {
    content: '';
    background-color: rgba(254,201,56,0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    z-index: 1;
    display: none;
  }
  .gv-box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: table;
    z-index: 999;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  .gv-box a h2 {
    padding: 0;
    margin: 0;
    color: #000000;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    display: none;
    vertical-align: middle;
    text-align: center;
  }
  .gv-box:hover:after {
    display: block;
  }
  .gv-box:hover a h2 {
    display: table-cell;
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  .img-thumb {
    width: 250px;
    height: auto;
  }
  .mt-5 {
    margin-top: 5px;
  }
  .mb-5 {
    margin-bottom: 5px;
  }
  .mt-10 {
    margin-top: 10px;
  }
  .mb-10 {
    margin-bottom: 10px;
  }
  .mb-20 {
    margin-bottom: 10px;
  }
  .mx-auto {
    margin-right: auto;
    margin-left: auto;
  }

  .type-hv-only li:not(.type-hv) {
    display: none;
  }

  #fixedFooter.pos-unfixed {
    position: static;
  }
  .blog #footer::after,
  .pos-unfixed .btn-close-fixed-footer,
  #footer.pos-unfixed::after {
    display: none !important;
  }

  #fixedFooter:not(.pos-unfixed) {
    background-color: #fec938f0;
  }

  a.myac:link, a.myac:active, a.myac:visited { color:#ffffff ;}
  a.myac:hover { color: #FEC938; }

  /* Updated by AD - 2022-03-03 */
  #logo.jds-logo {
    display: inline-block;
    width: 100%;
  }
  #logo.jds-logo .jds-header-logo-link {
    display: inline-block;
    width: 100%;
  }
  #logo.jds-logo .jds-logo-inner .jds-header-logo-link #logo_img {
    height: auto;
  }
  #logo.jds-logo .jds-logo-inner .jds-header-logo-link #logo_img.jds-light {
    display: block;
  }
  #logo.jds-logo .jds-logo-inner .jds-header-logo-link #logo_img.jds-dark {
    display: none;
  }
  .fixed-header-on #logo.jds-logo .jds-logo-inner .jds-header-logo-link #logo_img.jds-light {
    display: none;
  }
  .fixed-header-on #logo.jds-logo .jds-logo-inner .jds-header-logo-link #logo_img.jds-dark {
    display: block;
  }
  .jds-header-inner {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    height: 100%;
  }
  .jds-header-inner .jds-header-phone {}

  .jds-footer-cta {
    display: none;
  }

  footer#footer .footer-logo {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    width: 250px;
    height: auto;
  }

  /* Updated end by AD - 2022-03-03 */

/* Media Query Start /*
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Updated start by AD - 2022-03-03 */
  #logo.jds-logo {
    display: table;
    height: 100px;
  }
  #logo.jds-logo .jds-logo-inner {
    display: table-cell;
    vertical-align: middle;
  }
  #logo.jds-logo .jds-logo-inner .jds-header-logo-link {
    width: auto;
  }
  #logo.jds-logo .jds-logo-inner .jds-header-logo-link #logo_img {}
  .jds-header-inner {
    height: 100px;
  }
  /* Updated end by AD - 2022-03-03 */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  /* update by AD - 2022-03-03 */
  #logo.jds-logo .jds-logo-inner {
    padding-top: 15px;
  }
  #logo.jds-logo .jds-logo-inner .jds-header-logo-link {
    position: relative;
    max-width: initial;
    text-align: initial;
    display: inline-block;
    width: 100%;
  }
  #logo.jds-logo .jds-logo-inner .jds-header-logo-link #logo_img {
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    width: 250px;
  }
  .jds-header-inner {
    position: relative;
  }
  .jds-header-inner .jds-header-links .jds-header-phone {
    display: none;
  }
  .jds-header-inner .jds-header-links {
    position: absolute;
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 0;
    right: auto;
    top: 20px;
  }
  .jds-header-inner .jds-header-links .jds-header-login {}
  .jds-footer-cta {
    display: block;
    position: fixed;
    bottom: 40px;
    z-index: 99999;
    left: 10px;
  }
  .jds-footer-cta a {}
  .jds-footer-cta a .jds-fcta-icon {}
  .jds-footer-cta a .jds-fcta-icon:before {
    content: "\e182";
    font-family: 'Glyphicons Halflings';
    font-size: 20px;
    color: white;
    font-weight: bold;
    padding: 12px 14px;
    background-color: green;
    border-radius: 50px;
  }
  /* update end by AD - 2022-03-03 */
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .img-thumb-small {
    width: 250px;
    height: auto;
  }
  /* update start by AD - 2022-03-04 */
  #logo.jds-logo .jds-logo-inner {
    text-align: center;
  }  
  /* update end by AD - 2022-03-04 */
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* update start by AD - 2022-03-04 */
  #logo.jds-logo .jds-logo-inner .jds-header-logo-link #logo_img {
    width: 400px;
  }
  /* update end by AD - 2022-03-04 */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* Gift Voucher Start 2019-11-27 */