.banner-spa{width:100%; height:508px;}
.cust-spa-treatment{width:100%; }
.cust-spa-treatment h1{ font-family: 'HeroicCondensedBook'; color:#523629;text-transform:uppercase; font-size:72px;}
.cust-spa-treatment .cust-spa-packages h3 {text-transform: uppercase; margin-bottom:15px;font-family: 'HeroicCondensedBook';font-size: 36px;color: #523629;margin-top: 0px;}
.cust-spa-treatment .head-disc {color: #717271;font-size: 18px;width:82%;}
.cust-spa-treatment p{margin-bottom: 15px; line-height: 1.5555555555;}
.cust-spa-treatment p:last-of-type {
    margin-bottom: 0;
}
.cust-spa-packages{ text-align:center;margin-bottom: 60px; float: left; width: 100%;}
.cust-imgbox {padding: 0px;width: 100%;float: none;margin: 0 auto;}
.cust-imgbox img{width:100%;}
.cust-conta{width:100%; max-width:1340px;}
.cust-hero-spa {padding-bottom: 35px;background-repeat: repeat-x !important;background-position: center bottom;}
#breadcrumbs {padding-top: 60px;font-size: 16px;text-transform: uppercase;}
#breadcrumbs a {color: #717271;margin-right: 4px; text-decoration: none !important;}
.breadcrumb_last {color: #4C8097;margin-left: 4px;}
.row.cust-margin{margin-top:100px;}
.cust-spa-treatment .cust-spa-packages p,
.flexible-services p {font-family:'DINPro-Regular';color:#523629;padding:10px 5px 0 5px;font-size:18px;line-height:20px;margin: 0;}
.container.cust-conta.upper_cls {margin-bottom: 10px;}
.content-grid-description {
    max-width: 850px;
}
/*hover effect css*/
.cust-hover-box { position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }
.cust-hover-box  {
  max-width: 100%;
  overflow: hidden;    
}
.cust-hover-box img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.9s;
}

.cust-hover-box:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.cust-parent {overflow: hidden;
	padding: 5px;
	border: 2px solid #523629;
}
.mob-v{display:none;}
.cust-div-box .spa-package-grid {
    margin-bottom: 0;
}
/*================== 08-06-2018 ====================*/
.beforeAfterCaption h4{
  color: #523629;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.before-after-img-wrapper {
    margin-bottom: 15px;
}
.flexible-section.before-after-section  .row .before-after-grid{
  margin-bottom: 17px;
}
.flexible-section.before-after-section  .row .before-after-grid:nth-child(odd) {
  clear: left;
}
.home-banner-section .bannerContentright{
  text-align: right;
}
.home-banner-section{
  display: block;
}
.page-template-page-gift-certificates .home-banner-section{
  display: block ;
}
.subscription-section #mc_embed_signup .mc-field-group label{
  display: block !important;
}
.subscription-section #mc_embed_signup .mc-field-group input[type="text"] {
  display: inline-block;
  max-width: 330px;
  width: 100%;
  border: 1px solid #a0a0a0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  padding: 0 20px;
  color: #717271;
  font-family: 'HeroicCondensedBook';
  font-size: 24px;
  font-weight: 400;
  text-indent: inherit;
  -webkit-appearance: none;
  vertical-align: middle;
  -moz-appearance: none;
  appearance: none;
  height: 42px;
  margin: 20px 0;
}
.subscription-section #mc_embed_signup .mc-field-group.formTitle {
  display: block;
  width: 100%;
  max-width: inherit;
}
.subscription-section #mc_embed_signup .mc-field-group {
  display: inline-block;
  max-width: 330px;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
  position: absolute;
  bottom: -20px;
  left: 0;
  background: transparent;
}
.page-template-join-mailing-list #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
  position: absolute;
  bottom: -25px;
  padding-left: 0;
  left: 0;
  background: transparent;
  color: red;
  margin-bottom: 0;
  font-size: 14px;
}
.page-template-join-mailing-list .viva-general-form .mc-field-group {
    position: relative;
}
.subscription-section #mc_embed_signup .mc-field-group.submitButton {
  width: 100%;
  max-width: 100px;
}
div#mc_embed_signup_scroll{
  text-align: center;
}
.page-template-join-mailing-list div#mc_embed_signup_scroll{
  text-align: left;
  font-size: 18px;
  font-family: 'DINPro-Regular';
}
.page-template-join-mailing-list .viva-general-form .mc-field-group label {
  font-family: 'DINPro-Bold';
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
}
.page-template-join-mailing-list .viva-general-form .mc-field-group input,.page-template-join-mailing-list .viva-general-form .mc-field-group select{
  font-family: 'DINPro-Regular';
  font-size: 18px;
}
.page-template-join-mailing-list .viva-general-form .mc-field-group.input-group strong{
  font-weight: 700;
  font-family: 'DINPro-Bold';
  font-size: 18px;
}

.page-template-join-mailing-list .viva-general-form span.small-meta.nowrap {
    display: block;
    margin-top: 10px;
}
.page-template-join-mailing-list .viva-general-form .datefield br{
  display: none;
}
.page-template-join-mailing-list  .datefield span.subfield select{
  background: transparent;
  z-index: 9;
  position: relative;
}
.page-template-join-mailing-list span.subfield{
  position: relative;
}
.page-template-join-mailing-list span.subfield{
  position: relative;
}
.page-template-join-mailing-list span.subfield:after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-size: 18px;
}
.page-template-join-mailing-list .viva-general-form .datefield span.subfield {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    max-width: 140px;
    margin-right: 10px;
}
.page-template-join-mailing-list .viva-general-form .datefield span.subfield:
.subscription-section #mc_embed_signup #mce-success-response{
  color: #523629;
}
#mc_embed_signup #mce-success-response{
      color: #523629 !important;
    font-family: "HeroicCondensedBook";
    font-size: 25px;
}
#mc_embed_signup #mce-error-response{
  font-family: "HeroicCondensedBook";
    font-size: 25px;
}
/*=================== End 08-06 ====================*/
.special-bar{
  display: none;
}


@media(max-width: 1150px){
  .subscription-section #mc_embed_signup .mc-field-group{
    max-width: 270px;
  }
}

@media(max-width: 991px){
  .subscription-section #mc_embed_signup .mc-field-group{
    max-width: 200px;
  }
}

@media(max-width:767px){
    .cust-spa-treatment h1 {
        text-align: left;
    }
    #breadcrumbs,.content-grid-description {
        text-align: left;
    }
    
    .cust-spa-treatment .head-disc {width: 100%;}
	/*.cust-spa-treatment h3 {text-align: center;}*/
	/*.cust-spa-treatment h3 {font-size: 50px;}*/
	.cust-spa-treatment .cust-spa-packages p {text-align: center;}
	.cust-spa-treatment p {margin-right: 0;}
	.cust-div-box {width: 100%;margin: 0 ;float: left;}
  .mob-v{display:block;}
  .desktop{display:none;}
  /*mob-hash*/

  .mob-hash{position: absolute;bottom: 21px;}
  .cust-hero-spa {position: relative;}
  .banner-spa {min-height: auto !important;padding-bottom:0px !important;}
  .row.cust-margin {
      margin-top: 30px;
  } 

  .subscription-section #mc_embed_signup .mc-field-group.submitButton {
    width: 100%;
    max-width: inherit;
    margin-top: 18px;
  }
  .subscription-section #mc_embed_signup .mc-field-group{
    max-width: inherit;
  }   
  .subscription-section #mc_embed_signup .mc-field-group input[type="text"] {
    height: 62px;
    padding: 0 16px;
    margin: 18px 0 24px;
    max-width: 100%;
  }
}


@media(max-width:1300px){
  .cust-div-box {width: 100%;margin: 0;float: left;}
}
@media(max-width:1024px){
	.cust-spa-treatment p {margin-right: 0;}
	.cust-div-box {width: 100%;margin: 0;float: left;}
}
@media(max-width: 991px){
  .siteHeader .navbar-header .navbar-toggle{
    margin: 10px 45px 10px 0;
    color: #523629;
  }
  .siteHeader .navbar-header .navbar-toggle svg{
    width: 33px;
    height: 28px;
  }
  .vivaTelMobileIcon {
    position: absolute;
    right: 15px;
    top: 14px;
  }
  .vivaTelMobileIcon svg{
    width: 28px;
    transform: scaleX(-1);
  }
  .vivaTelMobileIcon a {
    font-size: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #523629;
  }
}
@media(max-width: 930px){
  .viva-post-con img[class*="wp-image"] {
    margin-left: -15px;
    width: calc(100% + 30px);
    max-width: inherit;
  }
}
@media(max-width: 767px){
  
}

@media(min-width:992px){
	.row .cust-div-box div:nth-child(4n + 1) {clear: left;}
}

@media(min-width:320px) and (max-width:479px){
	.cust-div-box .col-md-3 {width: 100% !important;}
}

@media(min-width:480px) and (max-width:767px){
	.cust-div-box .col-md-3 {width: 50% !important;float: left;}
	.row div:nth-child(2n+1) {clear: left;}
}

@media(min-width:768px) and (max-width:991px){
	.cust-div-box .col-md-3 {width: 33.333% !important;float: left;}
	.row .cust-div-box div:nth-child(3n+1) {clear: left;}
}
@media(min-width: 768px){
  .subscription-section #mc_embed_signup .mc-field-group input[type="submit"]{
    margin-left: 0px !important;
  }
  .subscription-section #mc_embed_signup .mc-field-group {
    padding: 0 0 0 5px !important;
  }
}
@media (max-width:479px) {
    .cust-spa-treatment .cust-spa-packages h3 {
        height: inherit !important;
    }
}
.service-grid.gc-type .customPurchaseLinks {
        /*border: 2px solid #d9d4c5;*/
    padding: 20px 35px 35px;
}
@media (min-width: 577px){
.three-column-images-section.instantClassicCertSection > .container{
  display: table;
  border-collapse: separate;
  border-spacing: 20px;
}
.three-column-images-section.instantClassicCertSection > .container > .row{
  display: table-row;

}
.three-column-images-section.instantClassicCertSection > .container > .row .service-grid.gc-type{
  display:table-cell;
  border: 2px solid #d9d4c5;
  float: none;
}

.customPurchaseLinks:hover{
  border: none !important;
}
}
@media (max-width:800px){
  .no-mobile{
    display: none;
  }
}
@media (max-width: 992px){
  .dropdown-menu{
    background-color: transparent !important;
  }
  #menu-main-menu > li > .dropdown-menu > li .dropdown-menu li:first-child,
  #menu-main-menu > li > .dropdown-menu > li .dropdown-menu li{
    padding-top: 23px !important;
    padding-bottom: 23px !important;
  }
  #menu-main-menu > li > .dropdown-menu > li .dropdown-menu li:first-child{
    padding-top: 40px !important;
  }
  #menu-main-menu > li > .dropdown-menu > li .dropdown-menu li:last-child{
    padding-bottom: 0 !important;
  }
  .dropdown-menu > li > a{
    padding: 0px 15px 0 32px !important;
    white-space: normal !important;
    line-height: 1 !important;
  }
}
@media (min-width: 992px){
#menu-main-menu li.item-has-mega-menu > .dropdown-menu > li{
  margin-bottom: 30px;
}

#menu-main-menu li.item-has-mega-menu > .dropdown-menu > li.menu-item-type-post_type.menu-item-has-children.dropdown > a{
  margin-bottom: 30px;
}
}
@media (max-width: 991px){
  #menu-main-menu li.item-has-mega-menu > .dropdown-menu .dropdown-menu li a{
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767px){
  .home.twentyseventeen-front-page .home-banner-inner,
  .page-template-page-home-php .home-banner-inner,
  .page-template-page-gift-certificates .home-banner-inner{
    padding-bottom: 57.4vw !important;
}
.buy_gift_certificate{
  margin-top: 20px;
}
}
.buy_gift_certificate:hover{
  background: #8d804d !important;
}
.wp-caption-text{
  font-size: 13px;
  font-style: italic;
  padding: 6px 0;
}
.wp-caption.aligncenter,
img.aligncenter{
  margin: 0 auto;
}
.wp-caption.alignleft,
img.alignleft{
  float: left;
  margin-right: 20px;
}
.wp-caption.alignright,
img.alignright{
  float: right;
  margin-left: 20px;
}

div.fullwidth iframe{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
div.fullwidth{
  position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
}
div.left iframe{
  float: left;
  margin-right: 20px;
}
div.right iframe{
  float: right;
  margin-left: 20px;
}
.place-detail h2{
  color: #523629;
    font-family: 'HeroicCondensedBook';
    font-size: 36px;
    font-weight: 400;
    margin: 0 0 18px;
}
@media (min-width: 992px){
#menu-main-menu li.item-has-mega-menu.full > .dropdown-menu > li{
width: 32%;
}
}
.featured-spa-section > .row:not(.border-off){
  padding-bottom: 45px;
  border-bottom: 1px solid #523629;
  margin-bottom: 80px;
}
.vivaTelMobileIcon a:hover{
    color: #8d804d;
}
#menu-main-menu > li > ul > li.has-two-column > ul > li{
  display: inline-block;
  width: 48%;
}
@media (max-width: 991px){
  #menu-main-menu > li > ul > li.has-two-column > ul > li{
    display: inline-block;
    width: 100%;
  }
}
.menu-item.third{
  width: 32% !important;
}
.menu-item.half{
  width: 48% !important;
}
@media (min-width: 992px){

  .responsive-table tr:nth-child(odd) {
    background: #f4f1eb;
}
}
@media (max-width: 767px){
}
.page-template-page-single-treatment-php .viva-service-section .spa-package-link{
  color: #717271;
}
.page-template-page-single-treatment-php .spa-package-grid:hover .spa-package-img-wrapper {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.page-template-page-single-treatment-php .spa-package-grid:hover h3,
.page-template-page-single-treatment-php .spa-package-grid:hover h3 a{
  color: #8d804d;
}
.page-template-page-single-treatment-php .spa-package-grid:hover .spa-package-content p{
  color: #8d804d;
}
.page-template-page-single-treatment-php .spa-package-content p{
  color: #717271;
}


@media (max-width: 991px){
#menu-main-menu li.item-has-mega-menu > .dropdown-menu > li > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}
#menu-main-menu li > .dropdown-menu > li{
  padding: 23px 0 !important;
}
/*#menu-main-menu li.item-has-mega-menu > .dropdown-menu > li:nth-last-child(2){
  padding-bottom: 0 !important;
}*/
#menu-main-menu li.item-has-mega-menu .has-mega-menu, #menu-main-menu li.item-has-mega-menu .has-mega-menu-special, #menu-main-menu li.item-has-mega-menu .has-mega-menu-span-treatments, #menu-main-menu li.item-has-mega-menu .has-mega-menu-book-online {
    display: none;
}
#menu-main-menu li.item-has-mega-menu > .dropdown-menu > li.bottom-0,
#menu-main-menu li.item-has-mega-menu > .dropdown-menu > li:last-child{
  padding-bottom: 0 !important;
}
}
@media (min-width: 768px){
.page-template-page-gift-certificates .headline-copy-section{
padding-bottom: 0 !important;
}
}
@media (max-width: 767px){
.page-template-page-gift-certificates .headline-copy-section{
padding-bottom: 60px !important;
}
.page-template-page-home- .cta-list.visible-xs{
  padding: 0 30px !important;
}
}

@media(min-width: 992px) {
#menu-main-menu li.item-has-mega-menu.hovered:not(.full) > .dropdown-menu {
    padding-right: 100%;
    min-height: 280px;
}
}
@media(min-width: 1300px) {
#menu-main-menu li.item-has-mega-menu.hovered:not(.full) > .dropdown-menu {
    padding-right: 100%;
    min-height: 330px;
}
}
@media (min-width: 992px){
.click-svg{
  display: none !important;
}
}
@media (max-width: 991px){
.click-svg{
  position: absolute !important;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 999999;
}
.menu-caret{
  z-index: 999;
  pointer-events: none;
}
}

/*@media(min-width:1480px) {
#menu-main-menu li.item-has-mega-menu.hovered > .dropdown-menu {
    min-height: 350px;
}
}*/
.viva-accordian-section h3:after {
    position: absolute;
    bottom: -5px;
    right: 38px;
    content: "\2039" !important;
    color: #523528;
    display: block;
    font-size: 42px;
   transform: rotate(270deg);
  }
  .viva-accordian-section h3.ui-accordion-header-active:after {
    content: "\2039" !important;
    transform: rotate(90deg);
    margin-right: -6px;
}
.viva-post-con p {
    margin-bottom: 30px;
    line-height: 1.5;
}
.viva-post-con p + ul {
    margin-top: -25px;
}

#menu-main-menu > li.button-menu > a, .mobile_menu_ctas .button-menu a{
  font-family: 'DINEngschrift';
  font-size: 20px;
  text-align: center;
  display: inline-block;
  font-weight: normal;
  padding: 12px 30px !important;
  margin: 16px 14px !important;
}
.fixed-header #menu-main-menu > li.button-menu > a{
  padding: 10px 30px !important;
  margin: 9px 14px !important;
}


@media(max-width: 991px) {
  #menu-main-menu > li.button-menu{
    display: none;
  }
  #menu-main-menu > li.mobile_search{
    border-bottom: 0;
  }
  #menu-main-menu > li.mobile_menu_ctas{
    padding-top: 10px;
  }
  .mobile_menu_ctas ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .mobile_menu_ctas ul li{
    width: 48%;
  }
  .mobile_menu_ctas ul li.button-menu a{
    margin: 0 !important;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    padding: 12px 18px !important;
  }
}

@media(max-width: 1370px) {
  #menu-main-menu > li.button-menu > a{
    font-size: 20px;
    padding: 12px 18px !important;
    margin: 26px 5px !important;
  }
  .fixed-header #menu-main-menu > li.button-menu > a{
    padding: 10px 18px !important;
    margin: 14px 5px !important;
  }
  #menu-main-menu > li.viva-tel > a{
    margin-left: 8px;
  }
  #menu-main-menu > li > a{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}



/* Menu button CTA classes.
SCSS found here: https://jsfiddle.net/kshakti/swm5cvep/ */
:root {
  --viva-red: #8C191B;
  --viva-pink: #F6CBC8;
  --viva-coral: #F26E65;
  --viva-cream: #EZE8E2;
  --viva-ltgreen: #A4BEBD;
  --viva-white: #FFFFFF;
  --viva-brown: #523629;
  --viva-teal: #4c8097;
  --viva-gold: #8d804d;
  --viva-navy: #203665;
  --viva-transparent: rgba(0,0,0,0);
}

header .main-site-menu li.button-menu.border-viva-red > a {
  border: 1px solid var(--viva-red);
}

header .main-site-menu li.button-menu.bg-viva-red > a {
  background-color: var(--viva-red) !important;
}

header .main-site-menu li.button-menu.text-viva-red > a {
  color: var(--viva-red) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-red > a:hover {
  color: var(--viva-red) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-red > a:hover {
  background-color: var(--viva-red) !important;
}

header .main-site-menu li.button-menu.border-viva-pink > a {
  border: 1px solid var(--viva-pink);
}

header .main-site-menu li.button-menu.bg-viva-pink > a {
  background-color: var(--viva-pink) !important;
}

header .main-site-menu li.button-menu.text-viva-pink > a {
  color: var(--viva-pink) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-pink > a:hover {
  color: var(--viva-pink) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-pink > a:hover {
  background-color: var(--viva-pink) !important;
}

header .main-site-menu li.button-menu.border-viva-coral > a {
  border: 1px solid var(--viva-coral);
}

header .main-site-menu li.button-menu.bg-viva-coral > a {
  background-color: var(--viva-coral) !important;
}

header .main-site-menu li.button-menu.text-viva-coral > a {
  color: var(--viva-coral) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-coral > a:hover {
  color: var(--viva-coral) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-coral > a:hover {
  background-color: var(--viva-coral) !important;
}

header .main-site-menu li.button-menu.border-viva-cream > a {
  border: 1px solid var(--viva-cream);
}

header .main-site-menu li.button-menu.bg-viva-cream > a {
  background-color: var(--viva-cream) !important;
}

header .main-site-menu li.button-menu.text-viva-cream > a {
  color: var(--viva-cream) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-cream > a:hover {
  color: var(--viva-cream) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-cream > a:hover {
  background-color: var(--viva-cream) !important;
}

header .main-site-menu li.button-menu.border-viva-ltgreen > a {
  border: 1px solid var(--viva-ltgreen);
}

header .main-site-menu li.button-menu.bg-viva-ltgreen > a {
  background-color: var(--viva-ltgreen) !important;
}

header .main-site-menu li.button-menu.text-viva-ltgreen > a {
  color: var(--viva-ltgreen) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-ltgreen > a:hover {
  color: var(--viva-ltgreen) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-ltgreen > a:hover {
  background-color: var(--viva-ltgreen) !important;
}

header .main-site-menu li.button-menu.border-viva-white > a {
  border: 1px solid var(--viva-white);
}

header .main-site-menu li.button-menu.bg-viva-white > a {
  background-color: var(--viva-white) !important;
}

header .main-site-menu li.button-menu.text-viva-white > a {
  color: var(--viva-white) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-white > a:hover {
  color: var(--viva-white) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-white > a:hover {
  background-color: var(--viva-white) !important;
}

header .main-site-menu li.button-menu.border-viva-brown > a {
  border: 1px solid var(--viva-brown);
}

header .main-site-menu li.button-menu.bg-viva-brown > a {
  background-color: var(--viva-brown) !important;
}

header .main-site-menu li.button-menu.text-viva-brown > a {
  color: var(--viva-brown) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-brown > a:hover {
  color: var(--viva-brown) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-brown > a:hover {
  background-color: var(--viva-brown) !important;
}

header .main-site-menu li.button-menu.border-viva-teal > a {
  border: 1px solid var(--viva-teal);
}

header .main-site-menu li.button-menu.bg-viva-teal > a {
  background-color: var(--viva-teal) !important;
}

header .main-site-menu li.button-menu.text-viva-teal > a {
  color: var(--viva-teal) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-teal > a:hover {
  color: var(--viva-teal) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-teal > a:hover {
  background-color: var(--viva-teal) !important;
}

header .main-site-menu li.button-menu.border-viva-gold > a {
  border: 1px solid var(--viva-gold);
}

header .main-site-menu li.button-menu.bg-viva-gold > a {
  background-color: var(--viva-gold) !important;
}

header .main-site-menu li.button-menu.text-viva-gold > a {
  color: var(--viva-gold) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-gold > a:hover {
  color: var(--viva-gold) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-gold > a:hover {
  background-color: var(--viva-gold) !important;
}

header .main-site-menu li.button-menu.border-viva-navy > a {
  border: 1px solid var(--viva-navy);
}

header .main-site-menu li.button-menu.bg-viva-navy > a {
  background-color: var(--viva-navy) !important;
}

header .main-site-menu li.button-menu.text-viva-navy > a {
  color: var(--viva-navy) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-navy > a:hover {
  color: var(--viva-navy) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-navy > a:hover {
  background-color: var(--viva-navy) !important;
}

header .main-site-menu li.button-menu.border-viva-transparent > a {
  border: 1px solid var(--viva-transparent);
}

header .main-site-menu li.button-menu.bg-viva-transparent > a {
  background-color: var(--viva-transparent) !important;
}

header .main-site-menu li.button-menu.text-viva-transparent > a {
  color: var(--viva-transparent) !important;
}

header .main-site-menu li.button-menu.text-hover-viva-transparent > a:hover {
  color: var(--viva-transparent) !important;
}

header .main-site-menu li.button-menu.bg-hover-viva-transparent > a:hover {
  background-color: var(--viva-transparent) !important;
}