.color-pair-1 {
  color: #0C2340;
  background-color: #59CBE8;
}
.color-pair-2 {
  color: #FFFFFF;
  background-color: #0C2340;
}
.color-pair-3 {
  color: #FFFFFF;
  background-color: #555555;
}
.color-pair-4 {
  color: #0C2340;
  background-color: #ffffff;
}
/* Absolute Center Spinner */
#LoadingOverlay {
  z-index: 9999 !important;
}
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.loading:not(:required) {
  font: 0/0 a;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.loading:not(:required):after {
  position: absolute;
  content: '';
  display: block;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  box-shadow: inset 0 30px 30px #0C2340, inset 0 -30px 30px #59CBE8, inset 0 -30px -30px #0C2340, inset 0 30px -30px #59CBE8;
  -o-box-shadow: 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8;
  -ms-box-shadow: 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8;
  -webkit-box-shadow: 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8;
  -moz-box-shadow: 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8;
  animation: cssload-spin ease infinite 4.6s;
  -o-animation: cssload-spin ease infinite 4.6s;
  -ms-animation: cssload-spin ease infinite 4.6s;
  -webkit-animation: cssload-spin ease infinite 4.6s;
  -moz-animation: cssload-spin ease infinite 4.6s;
}
@keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 30px 30px #0C2340, -30px 30px rgba(89, 203, 232, 0.98), -30px -30px #0C2340, 30px -30px #59CBE8;
  }
  25% {
    box-shadow: -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340;
  }
  50% {
    box-shadow: -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8;
  }
  75% {
    box-shadow: 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340;
  }
}
@-o-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 30px 30px #0C2340, -30px 30px rgba(89, 203, 232, 0.98), -30px -30px #0C2340, 30px -30px #59CBE8;
  }
  25% {
    box-shadow: -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340;
  }
  50% {
    box-shadow: -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8;
  }
  75% {
    box-shadow: 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340;
  }
}
@-ms-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 30px 30px #0C2340, -30px 30px rgba(89, 203, 232, 0.98), -30px -30px #0C2340, 30px -30px #59CBE8;
  }
  25% {
    box-shadow: -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340;
  }
  50% {
    box-shadow: -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8;
  }
  75% {
    box-shadow: 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340;
  }
}
@-webkit-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 30px 30px #0C2340, -30px 30px rgba(89, 203, 232, 0.98), -30px -30px #0C2340, 30px -30px #59CBE8;
  }
  25% {
    box-shadow: -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340;
  }
  50% {
    box-shadow: -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8;
  }
  75% {
    box-shadow: 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340;
  }
}
@-moz-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 30px 30px #0C2340, -30px 30px rgba(89, 203, 232, 0.98), -30px -30px #0C2340, 30px -30px #59CBE8;
  }
  25% {
    box-shadow: -30px 30px #59CBE8, -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340;
  }
  50% {
    box-shadow: -30px -30px #0C2340, 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8;
  }
  75% {
    box-shadow: 30px -30px #59CBE8, 30px 30px #0C2340, -30px 30px #59CBE8, -30px -30px #0C2340;
  }
}
html {
  position: relative;
  min-height: 100%;
}
body {
  background-color: #eeeeee;
  font: 300 16px/180% 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #777777;
  margin-bottom: 0;
}
header,
img,
li,
.btn {
  transition: all 0.3s ease;
}
a {
  color: #0C2340;
  text-decoration: none;
  transition: all 0.3s ease;
}
a.btn:hover {
  color: #ffffff;
}
a.btn-light:hover {
  color: #59CBE8;
}
a:hover {
  color: #555555;
  text-decoration: underline;
}
a:active,
a:visited {
  text-decoration: none;
}
a img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
a .link-white {
  color: #ffffff;
  text-decoration: none;
}
a .link-white:hover {
  color: #555555;
  text-decoration: underline;
}
a .link-white:active,
a .link-white:visited {
  text-decoration: none;
}
p,
ul,
ol {
  margin: 0 0 24px 0;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style: disc;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
strong,
b {
  font-weight: 500;
}
em,
i {
  font-style: italic;
}
address {
  margin-bottom: 24px;
}
blockquote {
  clear: both;
  color: #525252;
  background-color: #eeeeee;
  font-size: 22px;
  text-shadow: 0 2px 3px rgba(255, 255, 255, 0.5);
  border-left: none;
  padding: 20px 30px;
  margin: 0 0 24px 0;
  overflow: hidden;
}
hr {
  clear: both;
  display: block;
  background-color: #eeeeee;
  border: 0;
  float: none;
  height: 1px;
  margin: 40px 0;
  width: 100%;
  overflow: hidden;
}
.hr-sm {
  margin: 12px 0;
}
embed,
object,
iframe,
video {
  max-width: 100%;
  margin-bottom: 24px;
}
img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
.orange {
  color: #FF6A39;
}
.red {
  color: #E93C51;
}
.blue {
  color: #59CBE8;
}
.yellow {
  color: #cece03;
}
.gold {
  color: #d5b440;
}
.green {
  color: #00ff00;
}
.white {
  color: #ffffff;
}
div.featured-link {
  background: rgba(0, 0, 0, 0.6);
  padding: 2px;
  margin-top: 5px;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
/*-------------------------------------------------------------------------*/
/* STRUCTURE */
/*-------------------------------------------------------------------------*/
[role="main"] {
  padding-top: 140px;
}
@media (max-width: 992px) {
  [role="main"] {
    padding-top: 0;
  }
}
.content-wrapper {
  background-color: #ffffff;
  padding-top: 70px;
  padding-bottom: 70px;
}
#content-footer {
  clear: both;
}
#content-footer:after {
  content: "";
  display: block;
  height: 640px;
}
footer {
  clear: both;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 640px;
}
@media (max-width: 992px) {
  #content-footer:after {
    content: "";
    display: block;
    height: 840px;
  }
  footer {
    height: 840px;
  }
}
@media (max-width: 767px) {
  #content-footer:after {
    content: "";
    display: block;
    height: 1180px;
  }
  footer {
    height: 1180px;
  }
}
/*-------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------*/
.navbar-fixed-top {
  background-color: #0C2340;
  border: none;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.35);
}
.navbar-default {
  background-color: transparent;
  border: none;
}
.navbar {
  border-radius: 0;
  margin-bottom: 0;
  border: none;
}
.navbar-fixed-top .logo {
  height: 100%;
}
.navbar-fixed-top .logo h1 {
  font-size: 24px;
  line-height: 41px;
  margin: 0;
}
.navbar-fixed-top .logo > a {
  display: block;
  height: 62px;
  margin: 38px 0 40px 0;
}
.navbar-fixed-top .logo > a img {
  max-height: 100%;
  vertical-align: top;
}
/* --- SMALL NAV BAR --- */
.navbar-fixed-top.small {
  top: 0;
}
.navbar-fixed-top.small .logo h1 {
  line-height: 30px;
  margin: 0;
}
.navbar-fixed-top.small .logo > a {
  height: 50px;
  margin: 30px 0;
}
@media (max-width: 1200px) {
  .navbar-fixed-top .logo > a {
    height: 50px;
    margin: 45px 0;
  }
}
@media (max-width: 992px) {
  .navbar {
    margin-left: -15px;
  }
  .navbar-fixed-top {
    position: relative !important;
    height: auto !important;
  }
  .navbar-fixed-top .logo > a {
    height: 56px;
    margin: 23px 0;
  }
  .navbar-fixed-top .desktop-menu {
    display: none;
  }
  .navbar-fixed-top .mobile-menu-toggle {
    display: block;
  }
}
/*-------------------------------------------------------------------------*/
/* MAIN MENU */
/*-------------------------------------------------------------------------*/
#menu-main-icons,
#menu-main {
  clear: both;
}
#menu-main-icons {
  float: right;
  margin-top: 6px;
  padding: 0 20px 0 0;
}
/* --- MENU BASICS --- */
.sf-menu {
  position: relative;
  list-style: none;
  padding: 0;
  float: left;
  margin: 49px 0 0 0;
}
.sf-menu * {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sf-menu li {
  position: relative;
  white-space: nowrap;
  margin-top: 0;
}
.sf-menu li.menu-item-has-children:hover {
  background-color: #0C2340;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.sf-menu li:hover > a {
  color: #555555;
  text-decoration: none;
  background-color: #ffffff;
}
.sf-menu li a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px;
}
.sf-menu li.current {
  background-color: #004d66;
  border-radius: 4px;
}
.sf-menu > li {
  float: left;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 94%;
  right: 0;
  z-index: 99;
  background-color: #eeeeee;
  min-width: 12em;
}
.sf-menu .cs-mega-menu {
  position: inherit;
}
.sf-menu .cs-mega-menu hr {
  background-color: #eeeeee;
}
.sf-menu .cs-mega-menu > ul {
  width: 100%;
  left: 0;
  box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.35);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0;
  padding: 0 5px 15px 5px;
}
.sf-menu .cs-mega-menu > ul > li {
  float: left;
  padding: 0 10px;
}
.sf-menu .cs-mega-menu > ul > li .cs-title {
  background-color: transparent;
  color: #555555;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase !important;
  margin-top: 18px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 6px 8px;
  border: none;
  white-space: normal;
}
.sf-menu .cs-mega-menu > ul > li .cs-title:hover {
  color: inherit;
}
.sf-menu .cs-mega-menu > ul > li .cs-title:after {
  display: none;
}
.sf-menu .cs-mega-menu > ul > li ul {
  clear: both;
  display: block !important;
  position: relative !important;
  left: 0 !important;
  opacity: 1 !important;
  width: 100% !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.sf-menu .cs-mega-menu ul li:hover {
  background-color: transparent;
  transition: all 0.3s ease;
  box-shadow: none;
}
.sf-menu .cs-mega-menu .cs-text {
  color: #555555;
  font-size: 14px;
  padding: 0 8px;
}
.sf-menu .cs-mega-menu p {
  display: block;
  font-size: 11px;
  line-height: 150%;
  margin: 5px 8px 16px 8px;
  white-space: normal;
}
.sf-menu .cs-mega-menu p a {
  position: inherit;
  display: inline;
  color: #0C2340;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 150%;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0;
}
.sf-menu .cs-mega-menu p a:hover {
  text-decoration: underline;
}
.sf-menu .cs-mega-menu .cs-image {
  border-radius: 4px;
  margin: 0 0 -5px 0;
  padding: 12px 10px;
}
.sf-menu .cs-mega-menu a .cs-image {
  border-radius: 4px;
  margin: 0 0 -5px 0;
  padding: 0;
}
.sf-menu .cs-right > ul {
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  left: auto !important;
  right: 0;
}
.sf-menu .cs-left > ul,
.sf-menu .cs-left li {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.sf-menu .cs-left > ul {
  right: auto !important;
  left: 0;
}
.sf-menu ul li ul li .cs-link {
  color: #0C2340;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-radius: 4px;
  line-height: 110%;
  text-decoration: none;
  text-transform: none;
  padding: 7px 8px;
  white-space: normal;
}
.sf-menu ul li ul li .cs-link:hover {
  color: #0C2340;
  background-color: #59CBE8;
  border: none;
  text-decoration: none;
}
.sf-menu .cs-col-2 > ul {
  width: 480px;
}
.sf-menu .cs-col-3 > ul {
  width: 680px;
}
.sf-menu .cs-col-4 > ul {
  width: 830px;
}
.sf-menu .cs-col-5 > ul {
  width: 500px;
}
.sf-menu .cs-col-6 > ul {
  width: 600px;
}
/* --- MAIN MENU STYLES --- */
.loggedin .sf-menu {
  margin: 10px 0 0 0;
}
.small .sf-menu {
  margin: 35px 0 0 0;
}
.small.loggedin .sf-menu {
  margin: 0;
}
#menu-main-icons.sf-menu li a {
  text-transform: none;
}
#menu-main-icons.sf-menu li:hover > a {
  color: #555555;
}
.loggedin .sf-menu li a {
  font-size: 13px;
}
/* --- DROP DOWN ARROWS --- */
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
}
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: rgba(0, 0, 0, 0.5);
}
/* --- MEGAMENUS --- */
sf-menu .cs-left ul:last-child {
  padding-bottom: 1px !important;
}
.cs-left > ul.sub-menu {
  padding-bottom: 0;
}
.cs-left li.menu-item.cs-depth-1 ul.sub-menu {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
ul.sub-menu li.menu-item.cs-depth-2:first-child span.cs-link-desc {
  border-top-right-radius: 4px;
}
ul.sub-menu li.menu-item.cs-depth-2:last-child span.cs-link-desc {
  border-bottom-right-radius: 4px;
}
#menu-main-icons.sf-menu .cs-mega-menu > ul > li .cs-title {
  background-color: transparent;
  color: #555555;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase !important;
  margin-top: 18px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 6px 8px;
  border: none;
  white-space: normal;
}
#menu-main-icons.sf-menu .cs-mega-menu > ul > li .cs-title:hover {
  color: inherit;
}
#menu-main-icons.sf-menu .cs-mega-menu > ul > li .cs-title:after {
  display: none;
}
#menu-main-icons.sf-menu .cs-mega-menu > ul > li ul {
  clear: both;
  display: block !important;
  position: relative !important;
  left: 0 !important;
  opacity: 1 !important;
  width: 100% !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#menu-main-icons.sf-menu ul li ul li .cs-link {
  color: #0C2340;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-radius: 4px;
  line-height: 110%;
  text-decoration: none;
  text-transform: none;
  padding: 7px 8px;
  white-space: normal;
}
#menu-main-icons.sf-menu ul li ul li .cs-link:hover {
  color: #0C2340;
  background-color: #59CBE8;
  border: none;
  text-decoration: none;
}
.cs-left .cs-link.cs-link-depth-2 {
  padding: 0;
  height: 40px;
}
.cs-link-name {
  padding-top: 12px;
  padding-left: 18px;
  float: left;
}
.cs-link-desc {
  height: 100%;
  width: 75%;
  float: left;
  color: #007399;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: 26%;
  padding-top: 12px;
  padding-left: 5px;
  margin-left: 6px;
}
.cs-left a.cs-link:hover .cs-link-desc {
  color: #555555;
}
/* --- QUICK LINK MENUS --- */
.quick-links {
  text-align: right;
  padding: 0 25px 0 0;
}
.quick-links .sf-menu {
  float: right;
  margin: 26px 0 0 0;
}
.quick-links .sf-menu ul {
  min-width: 12em;
}
.quick-links .sf-menu li {
  white-space: nowrap;
  margin-top: 10px;
  margin-right: 3px;
}
.quick-links .sf-menu li:hover,
.quick-links .sf-menu li.sfHover {
  transition: none;
}
.quick-links .telephone {
  color: #ffffff;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 1.0px;
  margin-top: 10px;
}
.small .quick-links .sf-menu {
  margin: 16px 0 0 0;
}
.small .quick-links li.telephone {
  margin: 5px 0 0 0;
}
/* --- MY ACCOUNT MENU DROPDOWN --- */
.menu-myaccount-avatar {
  position: relative;
  background-color: #ffffff;
  border: 4px solid #ECECE8;
  margin: 10px 0 12px 5px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.menu-myaccount-avatar img {
  border: 5px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
.menu-myaccount-avatar span {
  color: #007399;
  font-size: 36px;
  font-weight: 400;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
}
.menu-myaccount-name {
  color: #555555;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  margin: 20px 0 0 20px;
  padding: 0;
}
#menu-main-icons.sf-menu li a.menu-myaccount-account {
  color: #0C2340;
  font-size: 12px !important;
  font-weight: 400;
  border: none;
  border-radius: 4px;
  line-height: 110%;
  text-decoration: none;
  text-transform: uppercase !important;
  margin: 2px 12px;
  padding: 7px 8px 6px 8px;
  white-space: normal;
  width: 125px;
}
#menu-main-icons.sf-menu li a.menu-myaccount-account:hover {
  color: #0C2340;
  background-color: #59CBE8;
  border: none;
  text-decoration: none;
}
/* --- MOBILE TOGGLE ICON --- */
.mobile-menu-toggle {
  /* 	height: 100%; */
  display: none;
  cursor: pointer;
}
.mobile-menu-toggle span {
  display: block;
  background-color: transparent;
  border: none;
  float: right;
  font-size: 28px;
  line-height: 52px;
  margin-top: 23px;
  margin-right: 0;
  text-align: center;
  width: 35px;
  height: 33px;
  border-radius: 4px;
}
.mobile-menu-toggle .sf-menu {
  float: right;
  margin: 10px 0 0 0;
}
.loggedin .mobile-menu-toggle .sf-menu {
  margin: 23px 0 0 0;
}
.mobile-menu-toggle .sf-menu ul {
  min-width: 12em;
}
.mobile-menu-toggle .sf-menu li {
  white-space: nowrap;
  margin-top: 10px;
}
.mobile-menu-toggle .sf-menu li span {
  /* icon size for toggle */
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  margin-top: -1px;
  margin-left: 10px;
}
.mobile-menu-toggle .glyphicon-menu-hamburger:before {
  /* icon color for toggle */
  color: #ffffff;
}
.mobile-menu-toggle .sf-menu li:hover,
.mobile-menu-toggle .sf-menu li.sfHover {
  transition: none;
}
.mobile-menu-toggle .sf-menu li:hover > a {
  color: #ffffff;
  background-color: #777777;
  border-radius: 4px;
  text-decoration: none;
}
.mobile-menu-toggle .sf-menu li a {
  color: #b9b9b9;
  border: 0;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.5;
  border-radius: 3px;
  margin-left: 3px;
  padding: 5px 10px;
}
.mobile-menu-toggle .sf-menu li a.btn {
  color: #ffffff;
}
.mobile-menu-toggle li.telephone {
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 1.2px;
  margin-top: 0;
}
@media (max-width: 420px) {
  .mobile-menu-toggle .hidden-xxs {
    display: none;
  }
  .mobile-menu-toggle .sf-menu li span {
    margin-top: 12px;
  }
  .loggedin .mobile-menu-toggle .sf-menu li span {
    margin-top: 0;
  }
}
/* --- MOBILE MENU --- */
.mobile-menu {
  clear: both;
  display: none;
  background-color: #004d66;
  padding: 0 22px;
}
.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu ul li {
  border-bottom: 1px solid #007399;
  margin: 0;
}
.mobile-menu ul li:last-child {
  border-bottom: none;
}
.mobile-menu ul li span {
  float: right;
  margin-top: 6px;
  margin-right: 14px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1;
}
.mobile-menu ul li a {
  display: block;
  color: rgba(255, 255, 255, 0.72);
  padding: 12px 0 12px 12px;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  padding: 11px 0 12px 12px;
  transition: all 0.4s ease-in-out;
}
.mobile-menu ul li.account-name a {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
  text-decoration: none;
  padding: 11px 0 12px 12px;
  transition: all 0.4s ease-in-out;
}
.mobile-menu ul li a:hover {
  text-decoration: none;
}
.mobile-menu ul li a.active {
  color: #ffffff;
}
.mobile-menu ul li a.active span {
  color: #ffffff;
}
.mobile-menu ul .sub-menu {
  display: none;
}
.mobile-menu ul .sub-menu li {
  border-top: 1px solid #007399;
  border-bottom: 0;
}
.mobile-menu ul .sub-menu li a {
  color: #ffffff;
  padding-left: 32px;
  text-transform: none;
  font-size: 15px;
  font-weight: 300;
}
.mobile-menu ul .sub-menu li li a {
  color: #ffffff;
  padding-left: 52px;
  text-transform: none;
  font-size: 13px;
  font-weight: 300;
}
.mobile-menu li.account-name ul.sub-menu li a {
  font-size: 15px;
}
.mobile-menu .icon-info {
  font-size: 30px;
  margin-right: 7px;
}
/* --- MOBILE SEARCH FORM --- */
.mobile-menu form {
  background: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  margin: 17px 0;
}
.mobile-menu form fieldset {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.mobile-menu form fieldset:after {
  font-family: 'Glyphicons Halflings';
  content: "\e003";
  position: absolute;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.4);
  top: 17px;
  left: 10px;
  font-size: 20px;
}
.mobile-menu form fieldset input {
  border: none;
  background: none;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.4);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  width: 96%;
  height: 40px;
  margin: 10px 0 10px 0;
  padding: 0 0 0 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mobile-menu form fieldset input:focus {
  background: none;
  color: #ffffff;
  font-weight: 300;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mobile-menu form fieldset input::-webkit-input-placeholder {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 300;
}
/*-------------------------------------------------------------------------*/
/* HEADING TAGS */
/*-------------------------------------------------------------------------*/
h1 {
  /* page title */
  color: #555555;
  font-size: 40px;
  font-weight: 300;
  line-height: 120%;
  margin: 0 0 32px 0;
  padding: 0;
}
h2 {
  color: #555555;
  font-size: 34px;
  font-weight: 300;
  line-height: 120%;
  margin: 0 0 6px 0;
  padding: 0;
}
h3 {
  /* paragraph title  - with spacing below */
  color: #555555;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
  margin: 0 0 24px 0;
  padding: 0;
}
h4 {
  /* paragraph title - no spacing below */
  color: #555555;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
  margin: 0 0 6px 0;
  padding: 0;
}
h5 {
  /* smaller title  - with spacing below */
  color: #555555;
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
  margin: 0 0 12px 0;
  padding: 0;
}
h6 {
  /* smaller title - no spacing below */
  color: #555555;
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
  margin: 0;
  padding: 0;
}
h1 a,
h2 a {
  color: #555555;
}
@media (max-width: 767px) {
  h1 {
    font-size: 34px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
}
/*-------------------------------------------------------------------------*/
/* HERO IMAGES  */
/*-------------------------------------------------------------------------*/
/* --- HOMEPAGE --- */
#featured-homepage-image {
  clear: both;
  position: relative;
  background-color: #000000 !important;
  text-align: right;
  width: 100%;
  height: 540px;
}
#featured-homepage-image:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
@media (max-width: 992px) {
  #featured-homepage-image {
    height: 420px;
  }
}
/* --- HOMEPAGE GET STARTED FORM --- */
.featured-getstarted {
  display: inline-block;
  vertical-align: middle;
  width: 500px;
}
.featured-getstarted .form-group {
  float: left;
  text-align: left;
  margin-bottom: 6px;
  padding-right: 40px;
  width: 100%;
}
.featured-getstarted h2 {
  color: #ADD8E6;
  font-size: 36px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
  margin: 0 0 6px 0;
}
.featured-getstarted .form-control {
  border: none;
  border-radius: 4px;
  font-size: 15px;
}
.featured-getstarted .col-xs-12,
.featured-getstarted .col-xs-6 {
  padding-left: 3px;
  padding-right: 3px;
}
.featured-getstarted .btn-dark {
  float: left;
  font-size: 14px;
  line-height: 160%;
  margin-top: 6px;
}
@media (max-width: 640px) {
  .featured-getstarted {
    width: 94%;
  }
  .featured-getstarted .form-group {
    float: none;
    text-align: center;
    margin-bottom: 6px;
    padding-right: 0;
    width: 100%;
  }
}
/* --- LIMITED OFFER BANNER TEXT --- */
#featured-limitedoffer {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#featured-limitedoffer .form-group {
  float: left;
  text-align: left;
  margin-bottom: 6px;
  padding-right: 40px;
  width: 100%;
}
#featured-limitedoffer h2 {
  color: #59CBE8;
  font-size: 36px;
  font-weight: 400;
  line-height: 38px;
  /*text-transform: uppercase;*/
  margin: 0 0 6px 0;
  text-shadow: 3px 3px 3px #0C2340;
  text-align: center;
}
/* --- INTERIOR PAGES --- */
#featured-image-lg {
  clear: both;
  position: relative;
  background-color: #000000 !important;
  width: 100%;
  height: 620px;
}
#featured-image-md {
  clear: both;
  position: relative;
  background-color: #000000 !important;
  width: 100%;
  height: 480px;
}
#featured-image-sm {
  clear: both;
  position: relative;
  background-color: #000000 !important;
  width: 100%;
  height: 360px;
}
/*Promo Css*/
.promo {
  clear: both;
  position: relative;
  background-color: #000000 !important;
  width: 100%;
  height: 260px;
}
.promo img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* Code to place text on top of images */
.promo:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
/*End Promo Css*/
#featured-image-xs {
  clear: both;
  position: relative;
  background-color: #000000 !important;
  width: 100%;
  height: 260px;
}
#featured-image-lg img,
#featured-image-md img,
#featured-image-sm img,
#featured-image-xs img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* Code to place text on top of images */
#featured-image-lg:before,
#featured-image-md:before,
#featured-image-sm:before,
#featured-image-xs:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.featured-image-text {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.featured-image-text p {
  margin-bottom: 0;
}
.featured-image-text .small {
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 100%;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);
}
.promo > .featured-image-text .large {
  font-family: Helvetica;
  font-size: 56px;
}
.featured-image-text .large {
  color: #eeeeee;
  font-family: 'Dancing Script', cursive;
  font-size: 84px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.8);
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .featured-image-text .small {
    font-size: 18px;
  }
  .featured-image-text .large {
    font-size: 54px;
  }
}
/*-------------------------------------------------------------------------*/
/* WHY RTX? */
/*-------------------------------------------------------------------------*/
.whyrtx-primary {
  text-align: center;
}
.whyrtx-primary h1 {
  margin-bottom: 36px;
}
.whyrtx-primary h3 {
  margin-bottom: 6px;
}
.whyrtx-primary .btn,
.whyrtx-primary img {
  margin-bottom: 18px;
}
.whyrtx-primary p {
  padding-left: 22px;
  padding-right: 22px;
}
.whyrtx-primary a {
  color: #0C2340;
  text-decoration: underline;
}
.whyrtx-secondary {
  background-color: #eeeeee;
  font-size: 14px;
  line-height: 170%;
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
}
.whyrtx-secondary img {
  margin-top: 10px;
  margin-bottom: 10px;
}
.whyrtx-secondary h3 {
  margin-bottom: 50px;
}
/*-------------------------------------------------------------------------*/
/* MEMBERSHIP LEVELS */
/*-------------------------------------------------------------------------*/
/* --- MEMBERSHIP TABLES --- */
.levels {
  background-color: #eeeeee;
  font-size: 14px;
  text-align: center;
  line-height: 160%;
  padding-top: 90px;
  padding-bottom: 70px;
}
.levels .btn {
  margin: 0 0 24px 0;
}
.levels .well {
  margin-bottom: 40px;
  padding-right: 32px;
  padding-bottom: 40px;
  padding-left: 32px;
}
.levels .pricing-premium-plus {
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}
/* --- BENEFITS --- */
.benefits {
  background-color: #ffffff;
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
}
.benefits .table {
  font-size: 14px;
  margin-top: 30px;
}
.benefits .table > thead > tr > th,
.benefits .table > tbody > tr > th,
.benefits .table > tfoot > tr > th,
.benefits .table > thead > tr > td,
.benefits .table > tbody > tr > td,
.benefits .table > tfoot > tr > td {
  background-clip: padding-box;
  border-radius: 6px;
  border: 3px solid #ffffff;
  line-height: 200%;
  text-align: center;
  padding: 10px 12px;
}
.benefits .table > thead > tr > th,
.benefits .table > tbody > tr > th,
.benefits .table > tfoot > tr > th {
  text-transform: uppercase;
}
.benefits .table > tbody > tr > td.table-item {
  font-weight: 400;
  text-align: right;
}
.benefits .table > tbody > tr > td.table-basic {
  background-color: #ffffff;
}
.benefits .table > tbody > tr > td.table-premium {
  background-color: #eeeeee;
}
.benefits .table > tbody > tr > td.table-premium-plus {
  color: #0C2340;
  background-color: #59CBE8;
}
.benefits small {
  float: left;
}
/*-------------------------------------------------------------------------*/
/* RESULTS PAGE */
/*-------------------------------------------------------------------------*/
.guide {
  background-color: #eeeeee;
  padding-top: 70px;
  padding-bottom: 70px;
}
.panel {
  margin-bottom: 0;
}
.faqs {
  background-color: #ffffff;
  padding-top: 70px;
  padding-bottom: 70px;
}
.faqs h2 {
  margin-bottom: 30px;
}
.faqs-accordion {
  clear: both;
  position: relative;
  border-top: 1px solid #E0E0DA;
  overflow: hidden;
}
.faqs-accordion .accordion-toggle:after,
.faqs-accordion .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  font-size: 13px;
  content: "Answer \e080";
  text-transform: uppercase;
  float: right;
  color: #555555;
}
.faqs-accordion.active .accordion-toggle:after,
.faqs-accordion.active .accordion-toggle:after {
  /* symbol for "collapsed" panels */
  content: "\e014";
}
.faqs-accordion h6 {
  margin: 0;
  transition: all 1s ease;
}
.faqs-accordion h6 a {
  color: #555555;
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  margin: 0;
  padding: 20px 0;
  transition: all 1s ease;
  cursor: pointer;
}
.faqs-accordion h6 a:hover {
  color: #777777;
  text-decoration: none;
  transition: all 1s ease;
}
.faqs-accordion h6 a span {
  font-weight: 500;
  text-transform: uppercase;
}
.faqs-accordion.active h6 a {
  color: #777777;
}
.faqs-accordion .collapse,
.faqs-accordion .collapsing {
  background-color: #eeeeee;
  border-left: 5px solid #555555;
  padding: 0 30px;
}
.faqs-accordion .collapse-area {
  color: #555555;
  font-size: 15px;
  font-style: italic;
  line-height: 140%;
  padding: 30px 30px 30px 0;
}
/*-------------------------------------------------------------------------*/
/* DESTINATIONS */
/*-------------------------------------------------------------------------*/
.gallery h1 {
  font-size: 32px;
  text-align: center;
}
.gallery .col-xs-1,
.gallery .col-sm-1,
.gallery .col-md-1,
.gallery .col-lg-1,
.gallery .col-xs-2,
.gallery .col-sm-2,
.gallery .col-md-2,
.gallery .col-lg-2,
.gallery .col-xs-3,
.gallery .col-sm-3,
.gallery .col-md-3,
.gallery .col-lg-3,
.gallery .col-xs-4,
.gallery .col-sm-4,
.gallery .col-md-4,
.gallery .col-lg-4,
.gallery .col-xs-5,
.gallery .col-sm-5,
.gallery .col-md-5,
.gallery .col-lg-5,
.gallery .col-xs-6,
.gallery .col-sm-6,
.gallery .col-md-6,
.gallery .col-lg-6,
.gallery .col-xs-7,
.gallery .col-sm-7,
.gallery .col-md-7,
.gallery .col-lg-7,
.gallery .col-xs-8,
.gallery .col-sm-8,
.gallery .col-md-8,
.gallery .col-lg-8,
.gallery .col-xs-9,
.gallery .col-sm-9,
.gallery .col-md-9,
.gallery .col-lg-9,
.gallery .col-xs-10,
.gallery .col-sm-10,
.gallery .col-md-10,
.gallery .col-lg-10,
.gallery .col-xs-11,
.gallery .col-sm-11,
.gallery .col-md-11,
.gallery .col-lg-11,
.gallery .col-xs-12,
.gallery .col-sm-12,
.gallery .col-md-12,
.gallery .col-lg-12 {
  margin-bottom: 14px;
  padding-right: 7px;
  padding-left: 7px;
}
.gallery-image {
  position: relative;
  height: 360px;
}
/* --- HOMEPAGE PROPERTIES IMAGE ROLLOVERS --- */
.gallery img {
  margin: 0;
  transition-property: opacity;
  transition-duration: 0.4s;
}
.gallery .image .inside {
  background: #555555;
  position: relative;
  margin: 0;
  padding: 0;
}
.gallery .image a {
  position: relative;
  display: block;
  margin: 0;
  -webkit-backface-visibility: hidden;
}
.gallery .image a:hover img {
  opacity: .55;
  position: relative;
  -webkit-backface-visibility: hidden;
}
.gallery .image a:hover .title {
  opacity: 1;
  -webkit-backface-visibility: hidden;
}
.gallery .image .title {
  display: block;
  color: #ffffff;
  position: absolute;
  background-image: linear-gradient(-180deg, rgba(70, 70, 64, 0) 0%, #222222 100%);
  font-size: 18px;
  font-weight: 300;
  text-align: right;
  line-height: 100%;
  bottom: 0;
  margin: 0 auto;
  padding: 20px 15px;
  width: 100%;
}
/*-------------------------------------------------------------------------*/
/* LIGHTBOX */
/*-------------------------------------------------------------------------*/
/* Preload images */
body:after {
  content: url(../Content/images/gallery/close.png) url(../Content/images/gallery/loading.gif) url(../Content/images/gallery/prev.png) url(../Content/images/gallery/next.png);
  display: none;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  background-color: #ffffff;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-container {
  padding: 4px;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../Content/images/gallery/loading.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../Content/images/gallery/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../Content/images/gallery/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 15px;
  font-weight: 400;
  line-height: 1em;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 13px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../Content/images/gallery/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*-------------------------------------------------------------------------*/
/* TESTIMONIALS */
/*-------------------------------------------------------------------------*/
.testimonials {
  background-color: #eeeeee;
  font-size: 14px;
  line-height: 170%;
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
}
.testimonials-image {
  margin: 10px auto 18px auto;
  width: 100px;
  height: 100px;
}
.testimonials-image img {
  border-radius: 50%;
}
.testimonials-name {
  color: #555555;
  font-size: 21px;
}
.testimonials-place {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 22px;
}
/*-------------------------------------------------------------------------*/
/* RESULTS PAGE */
/*-------------------------------------------------------------------------*/
#search .chkbxBookable {
  color: white;
  font-weight: 400;
}
.search-box {
  background-color: #ffffff;
  margin-top: 30px;
}
.search-box .balances {
  padding-bottom: 6px;
}
div#backToTop-container {
  position: fixed;
  right: 0;
  bottom: 0;
  text-decoration: underline;
}
.results-calendar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  pointer-events: none;
}
.results-calendar .datepicker .prev,
.results-calendar .datepicker .next {
  display: none;
}
.results-calendar div.datepicker-days table thead tr th.datepicker-switch {
  display: none;
}
.results-calendar td.active.active {
  background-image: none;
  background-color: #0C2340 !important;
  border-radius: 0px;
  font-weight: 500;
}
.results {
  background-color: #eeeeee;
  font-size: 18px;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 0;
}
.results .well {
  background-color: #ffffff;
}
hr.results-divider {
  margin: 20px 0 40px;
}
/* --- RESULTS LISTINGS --- */
.results-listings {
  background-color: #eeeeee;
  font-size: 14px;
  text-align: left;
  padding-top: 0;
  padding-bottom: 70px;
}
.results-listings .well {
  background-color: #ffffff;
  padding: 29px;
}
/* --- RESULTS IMAGES --- */
.results-item .results-image {
  height: 258px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 992px) {
  .results-item .results-image {
    margin-bottom: 30px;
    height: 320px;
  }
  .results-item .results-image {
    height: 320px;
  }
}
.results-item .flex-control-nav {
  display: none;
}
/* --- RESULTS INFO --- */
.results-info {
  padding-left: 20px;
}
@media (max-width: 992px) {
  .results-info {
    padding-left: 0;
  }
}
.results-info h2 {
  font-size: 28px;
  margin-top: 2px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .results-info h2 {
    font-size: 24px;
  }
}
.results-info p {
  line-height: 160%;
  margin: 0 0 16px 0;
}
/* --- DETAILS FOR RESULTS --- */
.results-details .table {
  font-size: 12px;
  margin-bottom: 18px;
}
.results-details .table > thead > tr > th,
.results-details .table > tbody > tr > th,
.results-details .table > tfoot > tr > th,
.results-details .table > thead > tr > td,
.results-details .table > tbody > tr > td,
.results-details .table > tfoot > tr > td {
  border: none;
  line-height: 100%;
  padding: 7px 8px 7px 0;
}
.results-details .season {
  font-weight: 700;
  text-transform: uppercase;
}
.results-details .btn {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .results-details .btn {
    margin-bottom: 60px;
  }
}
.room-details {
  font-size: 1.5em;
}
/* --- PRICING FOR RESULTS --- */
.results-pricing .price {
  line-height: 100%;
  font-size: 12px;
}
.results-pricing .price span {
  color: #555555;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
.results-pricing .btn-price-container {
  justify-content: flex-end;
}
.results-pricing .btn-price-container a,
.results-pricing .btn-price-container button {
  min-width: 100%;
}
.results-pricing .active {
  border: 4px solid #0C2340;
  border-radius: 10px;
  color: #0C2340 !important;
}
.results-pricing .active .price span {
  color: #0C2340 !important;
}
.results-pricing .active-text {
  color: #0C2340 !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
}
.results-pricing img {
  max-width: inherit;
}
.btn.btn-dark.btn-call-to-book:hover {
  background-color: #555555;
  border-color: #555555;
  cursor: default;
}
/*-------------------------------------------------------------------------*/
/* PROFILE */
/*-------------------------------------------------------------------------*/
.profile .dashboard {
  background-color: #eeeeee;
  font-size: 14px;
  line-height: 180%;
  padding-top: 30px;
  padding-bottom: 60px;
}
.dashboard-main {
  margin-bottom: 60px;
}
.dashboard-main .well {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.dashboard-main a {
  font-size: 12px;
  font-weight: 400;
}
.dashboard-main .table {
  font-size: 14px;
  margin-bottom: 12px;
}
.dashboard-main .table > thead > tr > th,
.dashboard-main .table > tbody > tr > th,
.dashboard-main .table > tfoot > tr > th,
.dashboard-main .table > thead > tr > td,
.dashboard-main .table > tbody > tr > td,
.dashboard-main .table > tfoot > tr > td {
  background-color: #ffffff;
  border-top: 3px solid #eeeeee;
  line-height: 200%;
  padding: 10px 12px;
}
.dashboard-main .table > thead > tr > th,
.dashboard-main .table > tbody > tr > th,
.dashboard-main .table > tfoot > tr > th {
  background-color: #f4f4f4;
  font-weight: 400;
  line-height: 120%;
}
/* --- ACCORDION --- */
.profile-accordion {
  clear: both;
  position: relative;
  border-top: 1px solid #E0E0DA;
  overflow: hidden;
}
.profile-accordion.active {
  background-color: #eeeeee;
}
.profile-accordion .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  font-size: 20px;
  content: "\e080";
  float: right;
  color: #b9b9b9;
}
.profile-accordion.active .accordion-toggle:after {
  /* symbol for "collapsed" panels */
  content: "\e114";
}
.profile-accordion h3 {
  margin: 0;
  transition: all 1s ease;
}
.profile-accordion h3 a {
  color: #555555;
  display: block;
  font-size: 22px;
  font-weight: 300;
  margin: 0;
  padding: 30px;
  transition: all 1s ease;
  cursor: pointer;
}
.profile-accordion h3 a:hover {
  background-color: #eeeeee;
  text-decoration: none;
  transition: all 1s ease;
}
.profile-accordion img {
  margin: -3px 7px 0 0;
  padding: 0;
  vertical-align: middle;
}
/* --- MY ACCOUNT --- */
.myaccount {
  padding: 30px 50px 0 50px;
}
.myaccount-balance {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .myaccount-balance {
    margin-left: -15px;
  }
}
.myaccount-highlight {
  color: #007399;
  font-size: 26px;
  line-height: 140%;
}
.myaccount-section-title {
  font-size: 12px;
  font-weight: 300;
  line-height: 130%;
  text-transform: uppercase;
}
.btn-deposits {
  margin-top: 10px;
  font-size: 14px !important;
}
.btn-points {
  margin-left: 10px;
}
.icon-info {
  color: #59CBE8;
}
.credit-tip {
  font-size: 0.8em;
}
.tooltip-inner {
  white-space: pre-wrap;
  text-align: left;
}
table caption {
  font-weight: bold;
  font-size: 1.1em;
}
table.table-borderless,
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
}
#rangeley-alert .alert a {
  color: #8a6d3b;
  text-decoration: underline;
  font-size: 14px;
}
/* --- PERSONAL INFO --- */
.personal-info {
  background-color: #eeeeee;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .personal-info {
    text-align: center;
  }
}
.personal-info-avatar {
  position: relative;
  background-color: #ffffff;
  border: 4px solid #ECECE8;
  margin: 0 0 24px 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .personal-info-avatar {
    margin: 0 auto 24px auto;
  }
}
.personal-info-avatar img {
  border: 5px solid #ffffff !important;
  border-radius: 50%;
}
.personal-info-avatar span {
  color: #007399;
  font-size: 54px;
  font-weight: 400;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
}
.personal-info-name {
  color: #555555;
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 18px;
}
.personal-info-section-title {
  color: #555555;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-transform: uppercase;
}
p.personal-info-section-details {
  margin-bottom: 16px;
}
.modal-table > tbody > tr > td {
  border-color: #b9b9b9 !important;
  border-width: 1px !important;
  padding: 8px 10px !important;
  background-color: #d6eff9 !important;
  color: #555555;
  font-weight: 400;
}
.modal-table > thead > tr > th {
  background-color: #59CBE8 !important;
  padding: 2px 3px !important;
  font-weight: 500 !important;
}
/* MODAL FULLSCREEN */
.modal-fullscreen {
  background: #0C2340;
  color: #ffffff;
  padding-right: 0 !important;
}
.modal-fullscreen .modal-dialog {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 100%;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  height: 100%;
  overflow: auto;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-body,
.modal-fullscreen .modal-footer {
  margin: 0 auto;
  max-width: 720px;
  width: 92%;
}
.modal-fullscreen .modal-header-wide,
.modal-fullscreen .modal-body-wide,
.modal-fullscreen .modal-footer-wide {
  margin: 0 auto;
  max-width: 1080px;
  width: 92%;
}
.modal-fullscreen h1,
.modal-fullscreen h2,
.modal-fullscreen h3,
.modal-fullscreen h4,
.modal-fullscreen h5,
.modal-fullscreen h6 {
  color: #ffffff;
}
.modal-fullscreen .close {
  color: #ffffff;
  font-size: 32px;
  margin-top: 8px;
  opacity: 1.0;
}
@media (max-width: 992px) {
  .modal-fullscreen .close {
    margin-top: 4px;
  }
}
/* --- WEEKS / POINTS --- */
.weeks-points {
  background-color: #ffffff;
  padding: 0 30px;
}
.reservation-history {
  background-color: #eeeeee;
  padding: 0 30px;
}
/* --- REBATES --- */
.rebates {
  background-color: #eeeeee;
  padding: 0 30px;
}
/* --- DEPOSIT HISTORY --- */
.deposit-history {
  background-color: #eeeeee;
  padding: 0 30px;
}
/* --- PAYMENT HISTORY --- */
.payment-history {
  background-color: #ffffff;
  padding: 0 30px;
}
/* --- STAY HISTORY --- */
.stay-history {
  background-color: #ffffff;
  padding: 0 30px;
}
/* --- DOCUMENTS, CUSTOM SECTIONS --- */
.custom-section,
.documents {
  background-color: #eeeeee;
  padding: 0 30px;
}
#documentBrowser span.glyphicon {
  color: #777777;
  font-size: 20px;
}
#documentBrowser li a,
#documentBrowser td a {
  font-size: 1em;
}
#documentBrowser #documentBackArrow {
  position: absolute;
}
#documentBrowser #documentBackArrow span.glyphicon.glyphicon-arrow-up {
  color: #59CBE8;
  right: 14px;
}
#documentBrowser #documentNameColHeader {
  margin-left: 2em;
}
#documentBrowser div.table-responsive,
#documentBrowser div.fixed-table-container {
  border: none;
}
#documentBrowser a {
  cursor: pointer;
}
/*-------------------------------------------------------------------------*/
/* SIDEBAR */
/*-------------------------------------------------------------------------*/
.sidebar {
  font-size: 14px;
  line-height: 160%;
}
.sidebar .well {
  background-color: #ffffff;
  margin-bottom: 8px;
}
.sidebar p {
  margin-bottom: 18px;
}
.sidebar .telephone {
  color: #777777;
  font-size: 20px;
  white-space: nowrap;
}
/* --- SEARCH --- */
.search-accordion {
  background-color: #555555;
  border: 6px solid #ffffff;
  border-radius: 4px;
  margin-bottom: 8px;
  overflow: hidden;
}
.search-accordion.active {
  background-color: #555555;
}
.search-accordion.active .accordion-toggle:after {
  /* symbol for "collapsed" panels */
  content: "\e014";
}
.search-accordion .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  font-size: 20px;
  content: "\2b";
  float: right;
  color: #b9b9b9;
}
.search-accordion h6 a {
  color: #ffffff;
  display: block;
  line-height: 160%;
  padding: 20px;
  cursor: pointer;
}
.search-accordion h6 a:hover {
  background-color: #555555;
  text-decoration: none;
}
.search-accordion img {
  margin: -3px 7px 0 0;
  padding: 0;
  vertical-align: middle;
}
.search-accordion .form-horizontal {
  padding: 0 10px 20px 40px;
}
.search-accordion .form-group {
  margin-bottom: 6px;
  width: 100%;
}
.search-accordion .form-control {
  border: none;
  border-radius: 4px;
  font-size: 15px;
}
.search-accordion .col-md-12,
.search-accordion .col-sm-12,
.search-accordion .col-xs-12,
.search-accordion .col-md-6,
.search-accordion .col-sm-6,
.search-accordion .col-xs-6 {
  padding-left: 3px;
  padding-right: 3px;
}
.search-accordion.refine-search {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .search-accordion.refine-search {
    margin-top: 18px;
  }
}
/* --- PREMIUM DESTINATIONS --- */
.premium-destinations .well {
  padding: unset;
  background-image: url('../Content/images/sidebar.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: 6px solid #ffffff;
  border-radius: 4px;
}
.premium-destinations .well #sidebar-overlay {
  padding: 19px;
  background-image: linear-gradient(rgba(89, 203, 232, 0.5), rgba(89, 203, 232, 0.5));
}
.premium-destinations h6 {
  color: #ffffff;
  line-height: 160%;
  margin: -7px 0 10px 0;
}
.premium-destinations a {
  margin: 0 5px 7px 0;
  text-transform: uppercase;
}
.premium-destinations a.btn-club {
  color: #0C2340;
  background-color: #ffffff;
}
.premium-destinations a.btn-club .sidebar-icon {
  display: initial;
}
.premium-destinations a.btn-club .sidebar-icon-hover {
  display: none;
}
.premium-destinations a.btn-club:hover {
  color: #FFFFFF;
  background-color: #555555;
}
.premium-destinations a.btn-club:hover .sidebar-icon-hover {
  display: initial;
}
.premium-destinations a.btn-club:hover .sidebar-icon {
  display: none;
}
/*-------------------------------------------------------------------------*/
/* ADVERTISEMENT */
/*-------------------------------------------------------------------------*/
.advertisement {
  background-color: #ffffff;
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
}
.advertisement h3 {
  color: #777777;
  margin: 0 0 50px 0;
}
.advertisement h4 {
  font-weight: 400;
  text-transform: uppercase;
  margin: 12px 0 0 0;
}
.advertisement .well {
  background-color: #ffffff;
}
.advertisement .table {
  font-size: 14px;
}
.advertisement .table > thead > tr > th,
.advertisement .table > tbody > tr > th,
.advertisement .table > tfoot > tr > th,
.advertisement .table > thead > tr > td,
.advertisement .table > tbody > tr > td,
.advertisement .table > tfoot > tr > td {
  background-clip: padding-box;
  border-radius: 6px;
  border: 3px solid #ffffff;
  line-height: 200%;
  text-align: center;
  padding: 10px 12px;
}
.advertisement .table > thead > tr > th,
.advertisement .table > tbody > tr > th,
.advertisement .table > tfoot > tr > th {
  text-transform: uppercase;
}
.advertisement .table > tbody > tr > td.table-renewal {
  background-color: #eeeeee;
}
.advertisement .table > tbody > tr > td.table-rebate {
  color: #0C2340;
  background-color: #59CBE8;
}
/* --- SIDEBAR SMALL ADVERTISEMENT --- */
.advertisement-sm a .well {
  color: #0C2340;
  background-color: #59CBE8;
  border: 6px solid #ffffff;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.advertisement-sm a .well .sidebar-icon {
  display: initial;
}
.advertisement-sm a .well .sidebar-icon-hover {
  display: none;
}
.advertisement-sm a .well:hover {
  color: #FFFFFF;
  background-color: #555555;
}
.advertisement-sm a .well:hover .sidebar-icon {
  display: none;
}
.advertisement-sm a .well:hover .sidebar-icon-hover {
  display: initial;
}
.advertisement-sm a .well h4 {
  color: inherit;
}
.advertisement-sm a:hover,
.advertisement-sm a:hover h6,
.advertisement-sm a:focus,
.advertisement-sm a:visited {
  text-decoration: none;
}
/*-------------------------------------------------------------------------*/
/* HOMEPAGE */
/*-------------------------------------------------------------------------*/
/* --- SPECIFIC HOMEPAGE STYLES --- */
.home h3 {
  color: #777777;
  margin: 0 0 50px 0;
}
/* --- HOMEPAGE MESSAGE --- */
.homepage-message {
  background-color: #ffffff;
  font-size: 15px;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
}
.homepage-message h1 {
  margin-bottom: 40px;
}
.homepage-message .btn-light {
  font-size: 24px;
  font-weight: 300;
  line-height: 120%;
  padding: 20px;
  width: 100%;
}
.homepage-message p {
  color: #777777;
  font-style: italic;
  line-height: 130%;
  margin: 8px 0 40px 0;
}
.homepage-message .btn-clear {
  font-size: 13px;
}
@media (min-width: 992px) {
  .homepage-message .col-md-3 {
    width: 30%;
  }
  .homepage-message .col-md-1 {
    width: 5%;
  }
  .homepage-message .col-md-1 img {
    margin-top: 20px;
    vertical-align: middle;
  }
}
@media (max-width: 992px) {
  .homepage-message h1 {
    font-size: 36px;
  }
  .homepage-message .btn-light {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .homepage-message h1 {
    font-size: 30px;
  }
  .homepage-message .btn-light {
    font-size: 24px;
  }
}
/* --- HOMEPAGE PRICING TABLES --- */
.homepage-pricing {
  background-color: #eeeeee;
  font-size: 14px;
  text-align: center;
  line-height: 160%;
  padding-top: 90px;
  padding-bottom: 70px;
}
.homepage-pricing h3 {
  margin: 0 0 100px 0;
}
.homepage-pricing .well {
  margin-bottom: 40px;
  padding-right: 32px;
  padding-bottom: 40px;
  padding-left: 32px;
}
.homepage-pricing .btn {
  margin-top: 10px;
  width: 100%;
}
.pricing-header {
  color: #FFFFFF;
  background-color: #777777;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: -20px -32px 26px -32px;
  padding: 30px 10px;
}
.pricing-title {
  font-size: 24px;
  text-transform: uppercase;
}
.pricing-description {
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.55;
}
.pricing-listing p {
  margin: 0 0 16px 0;
}
.pricing-price {
  font-size: 22px;
  font-weight: 400;
}
.pricing-upgrade-column {
  color: #777777;
  padding-left: 3px;
  padding-right: 3px;
}
.pricing-per {
  font-size: 10px;
  margin-bottom: 15px;
}
.pricing-basic .pricing-header {
  color: #FFFFFF;
  background-color: #777777;
}
.pricing-basic .btn {
  background-color: #777777;
  border-color: #777777;
}
.pricing-premium-plus {
  margin-top: -40px;
  padding-left: 0;
  padding-right: 0;
}
.pricing-premium-plus .pricing-header {
  color: #0C2340;
  background-color: #59CBE8;
}
@media (max-width: 767px) {
  .pricing-premium-plus {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.pricing-premium .pricing-header {
  color: #FFFFFF;
  background-color: #555555;
}
.upgrade-extend-header {
  margin: -20px -20px 26px -20px;
}
@media (max-width: 767px) {
  .homepage-pricing h3 {
    margin: 0 0 60px 0;
  }
}
/* --- HOMEPAGE COMPARE --- */
.homepage-compare {
  background-color: #ffffff;
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
}
.homepage-compare .table {
  font-size: 14px;
  margin-bottom: 50px;
}
.homepage-compare .table > thead > tr > th,
.homepage-compare .table > tbody > tr > th,
.homepage-compare .table > tfoot > tr > th,
.homepage-compare .table > thead > tr > td,
.homepage-compare .table > tbody > tr > td,
.homepage-compare .table > tfoot > tr > td {
  background-clip: padding-box;
  border-radius: 6px;
  border: 3px solid #ffffff;
  line-height: 200%;
  text-align: center;
  padding: 10px 12px;
}
.homepage-compare .table > thead > tr > th,
.homepage-compare .table > tbody > tr > th,
.homepage-compare .table > tfoot > tr > th {
  text-transform: uppercase;
}
.homepage-compare .table > tbody > tr > td.table-item {
  font-weight: 400;
  text-align: right;
}
.homepage-compare .table > tbody > tr > td.table-industry {
  background-color: #eeeeee;
}
.homepage-compare .table > tbody > tr > td.table-rtx {
  color: #0C2340;
  background-color: #59CBE8;
}
.homepage-compare p {
  padding: 0 30px;
}
.homepage-compare-gallery {
  margin-top: 40px;
}
.homepage-compare-gallery-image {
  position: relative;
  margin-bottom: 12px;
  height: 240px;
}
.homepage-background-image-text {
  text-shadow: 2px 2px #000000;
}
/*-------------------------------------------------------------------------*/
/* SIGN IN */
/*-------------------------------------------------------------------------*/
.signin {
  clear: both;
  position: relative;
  background-color: #000000 !important;
  text-align: center;
  margin-top: 40px;
  width: 100%;
}
.signin .backstretch {
  opacity: 0.20;
}
.signin .logo {
  height: 100%;
}
.signin .logo > a {
  display: block;
  height: 70px;
  margin: 0 auto 20px auto;
}
.signin .logo > a img {
  max-height: 100%;
  vertical-align: top;
}
.signin h2 {
  text-align: center;
}
.signin h3 {
  margin-bottom: 20px;
}
.signin h5 {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
}
.signin .gigya-links {
  clear: both;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.signin fieldset {
  padding: 40px;
  background-color: #ffffff;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .signin fieldset {
    padding: 40px 20px;
  }
}
.signin input {
  font-size: 18px;
  margin-bottom: 10px;
}
.signin .signin-links {
  clear: both;
  color: #777777;
  font-size: 13px;
}
.signin .btn {
  margin-bottom: 10px;
  width: 100%;
}
.signin footer {
  clear: both;
  text-align: center;
  line-height: 140%;
  margin-top: 12px;
}
.signin .copyright {
  color: #777777;
  font-size: 13px;
}
.signin .copyright a {
  color: #777777;
}
/*-------------------------------------------------------------------------*/
/* JOIN */
/*-------------------------------------------------------------------------*/
.join form .btn {
  margin-top: 18px;
}
.joinButton {
  padding-top: 35px;
}
.resortInfo {
  padding-top: 35px;
  padding-bottom: 5px;
}
.userInfo {
  padding-bottom: 5px;
}
/*-------------------------------------------------------------------------*/
/* OWNER REGISTRATION */
/*-------------------------------------------------------------------------*/
#signUpHeader {
  margin-bottom: 15px;
}
.signUp-success {
  border-radius: 10px;
  margin-top: 0px !important;
  margin-bottom: 15px !important;
}
.contractOr {
  padding-top: 3em;
}
.contractLookUp {
  padding-top: 34px;
}
@media (max-width: 992px) {
  .contractOr {
    padding-top: 1em;
  }
}
#OwnerRegistration input[type=number]::-webkit-inner-spin-button,
#OwnerRegistration input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
/*-------------------------------------------------------------------------*/
/* FORM COMPONENTS */
/*-------------------------------------------------------------------------*/
.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  margin-top: 7px;
}
.form-control {
  color: #777777;
}
.form-control:focus {
  color: #555555;
}
label {
  font-weight: 500;
  margin-bottom: 0;
  padding-top: 10px;
}
/*-------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------*/
#colophon {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 300;
  margin: 0;
  padding: 80px 0 0 0;
}
#colophon h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 18px 0;
  padding-left: 30px;
}
@media (max-width: 767px) {
  #colophon h3 {
    text-align: center;
    padding-left: 0;
  }
}
#colophon a {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
}
#colophon a:hover {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: underline;
}
#colophon a.btn {
  color: #0C2340;
}
#colophon a.btn:hover {
  color: #ffffff;
  text-decoration: none;
}
/* --- FOOTER LOGO --- */
.logo-footer {
  display: block;
  margin: 0 auto;
  width: 200px;
}
.logo-footer > img {
  max-height: 100%;
}
.social-footer {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 0;
}
.social-footer img {
  margin-right: 3px;
}
.social-footer img:hover {
  opacity: 0.60;
}
/* --- FOOTER COLUMNS --- */
.footer-links ul {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0 0 0 30px;
}
.footer-links li {
  font-size: 14px;
  margin: 0 0 3px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .footer-links ul {
    padding: 0;
  }
  .footer-links li {
    text-align: center;
  }
}
/* --- FOOTER SUPPORT --- */
.footer-support {
  background-color: rgba(214, 239, 249, 0.4);
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  padding: 50px 0;
}
.footer-support .call {
  padding: 0 20px;
}
.footer-support .telephone {
  font-size: 32px;
  letter-spacing: 1px;
  vertical-align: middle;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .footer-support span.call {
    display: none;
  }
  .footer-support span.telephone {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .footer-support .btn-lg {
    margin-bottom: 20px;
  }
}
/* --- COPYRIGHT --- */
.copyright {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  line-height: 180%;
  margin: 20px 0 40px 0;
}
.copyright #toTop {
  line-height: 240%;
}
/*-------------------------------------------------------------------------*/
/* BUTTONS */
/*-------------------------------------------------------------------------*/
.btn {
  text-decoration: none;
  text-transform: uppercase;
}
.btn-default {
  color: #777777;
}
/* --- WHITE --- */
.btn-white {
  color: #0C2340 !important;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: #ffffff !important;
  background-color: #555555;
  border-color: #555555;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}
/* --- DARK --- */
.btn-dark {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
  color: #0C2340;
  background-color: #59CBE8;
  border-color: #59CBE8;
}
.btn-dark:active,
.btn-dark.active {
  background-image: none;
}
.open .dropdown-toggle.btn-dark {
  color: #0C2340;
  background-color: #59CBE8;
  border-color: #0C2340;
  background-image: none;
}
/* --- CLEAR BLUE --- */
.btn-clear-blue {
  color: #0C2340;
  background-color: transparent;
  border-color: #0C2340;
}
.btn-clear-blue:hover,
.btn-clear-blue:focus,
.btn-clear-blue:active,
.btn-clear-blue.active {
  color: #FFFFFF;
  background-color: #0C2340;
  text-decoration: none;
}
.btn-clear-blue:active,
.btn-clear-blue.active {
  background-image: none;
}
.open .dropdown-toggle.btn-clear-blue {
  color: #0C2340;
  background-color: #59CBE8;
  border-color: #0C2340;
  text-decoration: none;
}
.open .dropdown-toggle.btn-clear-blue {
  background-image: none;
}
/* --- CLEAR WHITE --- */
.btn-clear-white {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.btn-clear-white:hover,
.btn-clear-white:focus,
.btn-clear-white:active,
.btn-clear-white.active,
.open .dropdown-toggle.btn-clear-white {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555;
  text-decoration: none;
}
.btn-clear-white:active,
.btn-clear-white.active,
.open .dropdown-toggle.btn-clear-white {
  background-image: none;
}
/*RHS Custom*/
.validation-summary-valid {
  display: none;
}
.validation-summary-errors {
  text-align: left;
}
.spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -88px;
  /* half width of the spinner gif */
  margin-top: -88px;
  /* half height of the spinner gif */
  text-align: center;
  z-index: 1234;
  overflow: hidden;
  width: 176px;
  /* width of the spinner gif */
  height: 178px;
  /*hight of the spinner gif +2px to fix IE8 issue */
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
/* --- DEPOSIT WEEKS --- */
.firstOr {
  padding-top: 10% !important;
}
.secondOr {
  padding-top: 10px !important;
}
.text-center {
  text-align: center;
}
.circularBorder {
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  border-radius: 6px;
  margin-top: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.calendarAddOn {
  background: white !important;
}
.open-datetimepicker {
  color: #0C2340;
}
.btnGroupModal {
  border-color: #ffffff;
}
.btnGroupModal:hover {
  background: #777777;
  color: #ffffff;
}
.btn-group > .btn.active {
  background: #777777 !important;
  color: #ffffff;
}
.form-group > .alert-success-rtx,
.row > .alert-success-rtx {
  background: #41ab98;
  border-color: #ffffff;
  color: #ffffff;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
}
.field-validation-error:before {
  font-family: 'Glyphicons Halflings';
  content: "\e086";
  margin-left: 3px;
  margin-right: 5px;
}
.form-lite .field-validation-error,
span.field-validation-error {
  color: #990000;
}
.modal span.field-validation-error {
  color: #ffffff;
}
/* --- EXTEND WEEKS --- */
#ExtendWeekForm th {
  border-top-style: none;
  text-align: center;
}
#ExtendWeekForm td {
  text-align: center;
}
/* --- EXTEND POINTS --- */
#ExtendPointsForm th {
  border-top-style: none;
  text-align: center;
}
#ExtendPointsForm td {
  text-align: center;
}
/* DepositPointsPanel */
.DepositPointsPanel p {
  margin: 0px !important;
  padding-top: 10px;
}
.AlertDepositPoints {
  margin-bottom: 20px !important;
}
.AlertDepositPoints > .close {
  margin-top: 0 !important;
  color: #b9b9b9 !important;
}
/* Checkout Form */
.available-credits {
  font-size: 1.5em;
  cursor: pointer;
}
.available-credits button.btn.btn-link:hover {
  text-decoration: none;
}
.credit-amount {
  font-weight: 400;
}
#rebateModal h3,
#rebateModal hr {
  margin: 0;
}
#rebateModal span {
  font-size: 1.1em;
}
#rebateModal .btn-done-credits {
  margin-top: 1em;
}
.btn-cancel-credit {
  cursor: pointer;
  text-decoration: none;
  padding-top: 0.2em;
  position: absolute;
  right: -7px;
}
.btn-cancel-credit:hover {
  color: #NaNNaNNaN;
}
#checkout-page .panel-primary.credit-panel {
  border-color: #007399 !important;
}
#checkout-page .panel-heading.credit-panel {
  background-color: #007399 !important;
}
#checkout-page .panel-heading.credit-panel h6 {
  color: #ffffff !important;
}
#checkout-page .click-desc {
  color: #007399 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
}
#checkout-page .panel-body.credit-panel {
  padding: 5px !important;
}
#checkout-page .panel.credit-panel {
  cursor: pointer;
  margin-bottom: 20px !important;
  background-color: #ffffff !important;
  border: 2px solid #007399 !important;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}
.checkout-res-desc {
  color: #555555;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
  margin: 0;
  padding: 0;
}
#checkout-page .optionCheck {
  margin-top: 6px;
  position: absolute;
  left: 7px;
}
.btn-checkout {
  margin-top: 25px;
}
.full-width {
  width: 100% !important;
}
#marketing-pref-table > td {
  vertical-align: middle;
}
#marketing-pref-table .mpt-td {
  width: 25%;
}
#marketing-pref-table .va-t {
  vertical-align: top;
}
#reciept-continue-btn {
  margin-top: 8px;
}
.all-documents {
  color: #000000;
}
/* Usage Reservations */
ul.usage-res.sub-menu {
  margin-top: 15px;
  text-align: center;
}
.usage-res-search h3 {
  font-weight: 500;
  color: #777777;
}
.usage-res-search label {
  font-size: 16px;
}
.usage-res-search span {
  font-size: 14px;
}
.usage-res-search th,
.usage-res-search td {
  text-align: center;
}
.usage-res-search caption {
  text-align: center;
  font-size: 1em;
}
.usage-res-search button.btn.btn-default.btn-check-in-day,
.usage-res-search button.btn.btn-default.btn-check-in-day:hover {
  background-color: #777777 !important;
  color: #ffffff !important;
}
.usage-res-search button.btn.btn-default.btn-check-in-day.active {
  background-color: #333333 !important;
  color: #ffffff !important;
}
.usage-res-search button.btn-link {
  text-decoration: none;
  color: #777777;
  font-size: 18px;
  float: right;
  padding: unset;
}
.usage-res-search .hidden-lg button.btn-link {
  float: right;
  text-decoration: none;
  color: #777777;
  font-size: 18px;
}
.usage-res-search button.btn-link span.glyphicon {
  color: #0C2340;
  font-size: 24px;
  vertical-align: sub;
}
.usage-res-search #resultsContainer thead {
  background-color: #0C2340;
  color: #ffffff;
}
.usage-res-search #resultsContainer th,
.usage-res-search #selected-weeks th {
  font-weight: 500;
}
.usage-res-search #resultsContainer table {
  font-size: 16px;
}
.usage-res-search table#selected-weeks.table.table-striped {
  font-size: 16px;
}
.usage-res-search #selected,
.usage-res-search #remaining {
  color: #0C2340;
  font-weight: 500;
}
.usage-res-search .modal-body h3 {
  color: #555555;
}
.usage-res-search div.accessibility p {
  font-size: 16px;
}
.usage-res-search .form-group > .alert-error-rtx,
.row > .alert-error-rtx {
  background: #ff6666;
  border-color: #ffffff;
  color: #ffffff;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
}
.usage-res-search #usage-res-resort-name {
  font-weight: 500;
  color: #777777;
  font-size: 22px;
  margin-right: 5px;
}
.usage-res-search #btnInfo {
  float: initial;
  vertical-align: unset;
}
.usage-res-search .modal-dialog {
  overflow-y: initial !important;
}
.usage-res-search .modal-body {
  height: calc(-100vh);
  overflow-y: auto;
}
.usage-res-search label.terms-and-conditions {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
  font-weight: normal;
  padding-top: 0;
}
.usage-res-search label.terms-and-conditions input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: sub;
  position: relative;
  top: -1px;
  overflow: hidden;
}
#OwnerID_Email {
  margin-top: -4px;
}
#coolDownCounter {
  font-size: 30px;
  margin-top: 23px;
  padding-bottom: 20px;
}
#clockspan {
  font-size: 30px;
  font-weight: 700;
  color: #0C2340;
}
#usage-reservations h5 {
  margin: 0;
}
#usage-reservations .usage-reservations-ownerid {
  margin-top: 15px;
}
span.usage-res-instructions {
  padding-left: 10px;
  font-size: 17px;
}
#usage-res-table-hdr {
  padding: 5px;
  border: 1px solid #dddddd;
  border-bottom: none;
}
#usage-res-refreshIcon {
  margin-top: 5px;
  margin-right: 5px;
  font-weight: 600;
  cursor: pointer;
}
#resultsTable thead tr th:first-child {
  border-left: 1px solid #dddddd;
}
#resultsTable thead tr th:last-child {
  border-right: 1px solid #dddddd;
}
/* --- Alert Notification --- */
#alertNotification {
  z-index: 10001;
}
#alertNotification div.alert {
  font-size: 18px;
}
#alertNotification div.alert a {
  font-weight: normal;
  text-decoration: underline;
}
/*--Usage Reservation Confirmation Section--*/
#confirmationSection {
  margin-top: 25px !important;
}
/* Premium Plus Magazine Checkbox */
/*-------------------------------------------------------------------------*/
.popover-content {
  color: #000000;
}
/* Total Balance Section */
#txt_ContractId {
  cursor: default;
}
#total-bal-tbl {
  overflow-x: visible;
}
#ddl_contracts {
  height: 37px;
  color: #000000;
}
#total-bal-btnGroup {
  margin-bottom: 15px;
  height: 37px;
}
#total-bal-tbl-title {
  text-decoration: underline;
}
#total-bal-btnGroup .input-group-addon {
  background-color: #ffffff;
}
#total-bal-btnGroup .input-group-addon:hover {
  color: #000000;
  background-color: #eeeeee;
  border-color: #b9b9b9;
}
#total-bal-tbl .tblAlignment {
  padding-left: 10px;
}
#bal-history-tbl {
  color: #000000;
}
.bal-history-payment {
  color: #40bfaa;
}
#bal-history-tbl .tblAlignment {
  padding-left: 10px;
}
#bal-history-tbl thead tr:first-child th:first-child {
  border-radius: 0px;
}
#BalanceHistoryContainer .fixed-table-container {
  border-width: 0;
}
#MakeAdjustmentsContainer input[type=number]::-webkit-inner-spin-button,
#MakeAdjustmentsContainer input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#MakeAdjustmentsContainer hr {
  margin: 0px 0px 10px 0px;
}
#MakeAdjustmentsContainer p {
  margin: 0;
}
#MakeAdjustmentsContainer .txtBox {
  margin-bottom: 10px;
}
#MakeAdjustmentsContainer .checkboxContainer {
  padding-left: 28px;
}
/* Payment */
.pay .pay-contract {
  font-weight: 400;
}
.pay div.panel.panel-default.panel-contract {
  border-top-style: none;
  border-bottom-style: none;
}
.pay ul.nav.nav-pills li a {
  color: #777777;
  font-size: 16px;
  font-weight: 400;
}
.pay ul.nav.nav-pills li.active a {
  color: #0C2340;
  background-color: #59CBE8;
}
.pay div.panel-heading {
  color: #b9b9b9;
  border-color: #b9b9b9;
}
.pay div.panel-heading.payment-heading,
.pay div.panel-heading.payment-heading:hover {
  background-color: #777777;
  color: #ffffff;
}
.pay div.panel-heading .collapse-btn,
.pay div.panel-heading .collapse-btn:hover {
  color: #b9b9b9;
}
.pay div.panel-heading.payment-heading .collapse-btn,
.pay div.panel-heading.payment-heading .collapse-btn:hover {
  color: #ffffff;
}
.pay div.panel-heading.payment-heading .badge,
.pay div.panel-heading.payment-heading:hover .badge {
  margin-right: 5px;
  color: #000000;
  background-color: #ffffff;
}
.pay div.panel-heading .badge,
.pay div.panel-heading:hover .badge {
  margin-right: 5px;
  color: #b9b9b9;
  background-color: #ffffff;
}
.pay hr {
  margin: 0px;
}
.pay .pay-chkbox-container {
  padding-left: 20px;
}
.pay input[type=number]::-webkit-inner-spin-button,
.pay input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.pay .balance-due,
.pay .pay-convenience-fee-amt,
.pay .pay-total {
  padding-right: 13px;
  font-size: 16px;
}
.pay .pay-amount {
  width: 80%;
  font-size: 16px !important;
}
.pay .pay-amount #CartTotal {
  height: 35px;
  font-size: 16px;
}
@font-face {
  font-family: 'micr_emicrenregular';
  src: url('micrenc-webfont.woff2') format('woff2'), url('micrenc-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.pay .check-template-container {
  width: 650px;
  max-width: 100%;
  height: 270px;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.pay .check-template {
  position: relative;
  width: 100%;
  height: 90%;
  min-width: 612px;
  background: #DDDDDD;
  border: 8px solid #DDDDDD;
  box-shadow: inset 0 0 0 3px #999999;
  padding: 15px;
}
.pay .check-template-helpers {
  position: relative;
  width: 100%;
  height: 10%;
  min-width: 612px;
  padding: 0 26px;
}
.pay .check-template-numbers {
  font-size: 1.85em;
  font-family: 'micr_emicrenregular';
}
.pay .kinda-small {
  font-size: 90%;
  line-height: 1.25em;
}
.pay div.px-3.small {
  padding-left: 1rem !important;
  font-size: 80%;
  font-weight: 400;
}
.pay div.row.mt-2.no-gutters {
  margin-top: .5rem !important;
  margin-right: 0;
  margin-left: 0;
}
.pay div.font-weight-bold {
  font-weight: 700 !important;
}
.pay div.mt-3.no-gutters {
  margin-top: 1rem !important;
  margin-right: 0;
  margin-left: 0;
}
.pay div.bankdraft-amount {
  padding-left: .5rem !important;
  height: 100% !important;
  width: 100% !important;
  border: 1px solid #6c757d !important;
  font-size: 80%;
}
.pay div.mt-3.no-gutters {
  margin-top: 1rem !important;
  margin-right: 0;
  margin-left: 0;
}
.pay div.mt-4.no-gutters {
  margin-top: 1.5rem !important;
  margin-right: 0;
  margin-left: 0;
}
.pay div.no-gutters.mt-2 {
  margin-top: .5rem !important;
  margin-right: 0;
  margin-left: 0;
  font-size: 23px;
  padding-bottom: 0;
}
.pay div.kinda-small.px-3 {
  font-size: 90%;
  line-height: 1.25em;
  padding-left: 1rem !important;
}
.pay div.pt-1.no-gutters {
  padding-top: .25rem !important;
  margin-right: 0;
  margin-left: 0;
}
.pay div.col-xs-3.mx-2.border-right.border-left.border-bottom.border-danger {
  margin-left: .5rem !important;
  border-left: 1px solid #dc3545 !important;
  border-bottom: 1px solid #dc3545 !important;
  border-right: 1px solid #dc3545 !important;
}
.pay div.col-xs-5.mx-2.border-right.border-left.border-bottom.border-danger {
  margin-right: .5rem !important;
  border-bottom: 1px solid #dc3545 !important;
  border-right: 1px solid #dc3545 !important;
}
.pay .border-left {
  border-left: 1px solid #dee2e6 !important;
}
.pay .border-right {
  border-right: 1px solid #dee2e6 !important;
}
.pay .border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.pay .border-secondary {
  border-color: #6c757d !important;
}
.pay .date-text {
  font-size: 17px !important;
}
.pay .bankdraft-amount-height {
  height: 28px !important;
}
.normal-wrap {
  white-space: normal !important;
}
.border-top {
  border-top: 1px solid #e3e3e3 !important;
}
.border-bottom {
  border-bottom: 1px solid #e3e3e3 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-right {
  border-right: 1px solid #e3e3e3 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.pt-standard {
  padding-top: 10px;
}
.pb-standard {
  padding-bottom: 20px;
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.ml-1 {
  margin-left: 0.8rem;
}
.mr-3 {
  margin-right: 1rem;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-2 {
  padding: 0.5em !important;
}
.py-2 {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}
.pt-2 {
  padding-top: 0.5em !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-2 {
  padding-right: 0.5em !important;
}
.pt-3 {
  padding-top: 1em !important;
}
.pl-3 {
  padding-left: 1em !important;
}
.pt-4 {
  padding-top: 1.5em !important;
}
.pb-2 {
  padding-bottom: 0.5em !important;
}
.pb-4 {
  padding-bottom: 1.5em !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-2 {
  margin-bottom: 0.5em !important;
}
.mb-3 {
  margin-bottom: 1em !important;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.w-100 {
  width: 100% !important;
}
/* lg */
@media (min-width: 1200px) {
  .pt-lg-0 {
    padding-top: 0 !important;
  }
}
/* md */
@media (min-width: 992px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .pl-md-3 {
    padding-left: 1em !important;
  }
}
/* sm */
@media (min-width: 768px) {
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-sm-right {
    border-right: 1px solid #e3e3e3 !important;
  }
  .px-sm-4 {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
  }
}
.min-w-100 {
  min-width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.btn .badge {
  position: relative;
  top: -2px;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
a.theme-btn-light-1,
button.theme-btn-light-1 {
  color: #0C2340;
  background-color: #59CBE8;
}
a.theme-btn-light-1:hover,
button.theme-btn-light-1:hover {
  color: #0C2340;
  background-color: #ffffff;
}
a.theme-btn-light-2,
button.theme-btn-light-2 {
  color: #0C2340;
  background-color: #59CBE8;
}
a.theme-btn-light-2:hover,
button.theme-btn-light-2:hover {
  color: #FFFFFF;
  background-color: #555555;
}
a.theme-btn-dark-1,
button.theme-btn-dark-1 {
  color: #FFFFFF;
  background-color: #0C2340;
}
a.theme-btn-dark-1:hover,
button.theme-btn-dark-1:hover {
  color: #0C2340;
  background-color: #ffffff;
}
a.theme-btn-dark-2,
button.theme-btn-dark-2 {
  color: #FFFFFF;
  background-color: #555555;
}
a.theme-btn-dark-2:hover,
button.theme-btn-dark-2:hover {
  color: #0C2340;
  background-color: #59CBE8;
}
.sf-menu .navbar-right .theme-btn-light-1 {
  color: #0C2340;
}