/* ----------------------------------------------------- */
/* bespoke build skin

@brand-primary:			    #e59900;
@brand-secondary:       #4877b8;
@brand-tertiary:        #e59900;

@brand-bullet-loaded:   #4877b8;
@brand-bullet-viewed:   darken(@brand-bullet-loaded, 20%);
@brand-slide-bg:        #121212;

@brand-nav:             #e59900;
@brand-preloader:       #e59900;
@brand-recording:       #ef4b54;
@brand-searchbar:       #e59900;
@brand-product-select:  #4877b8;
@brand-product-drag:    #fff;

@brand-stepper-icon:    #374a5e;
*/

@import url("styles/main.min.css");
@import url("styles/modules/modules.min.css");
@import url("styles/modules/modules_helpers.min.css");

/* ----------------------------------------------------- */

@font-face {
	font-family: "Proxima-Nova-Bold";
	src: url(https://vitalityvacations.gryppcorp.com/pub/fonts/Proxima-Nova-Bold.otf) format("opentype");
}
@font-face {
	font-family: "Proxima-Nova-Light";
	src: url(https://vitalityvacations.gryppcorp.com/pub/fonts/Proxima-Nova-Light.otf) format("opentype");
}
@font-face {
	font-family: "Proxima-Nova-Regular";
	src: url(https://vitalityvacations.gryppcorp.com/pub/fonts/Proxima-Nova-Regular.otf) format("opentype");
}

/* ----------------------------------------------------- */

.app-background {
  background-image: url(../brand/site-bg.jpg) !important;
}

/* ----------------------------------------------------- */

.financiallogic_0 #stepper button.equal {
  background-color: rgba(61, 205, 154, 0.8) !important;
  background-image: url(/pub/images/1920x1080/24.png) !important;
  color: #fff;
}
.financiallogic_0 #stepper .stepperInner {
  background-color: rgba(255, 255, 255, 0.7) !important;
}


/* ----------------------------------------------------- */

.resorts-combo .animate-show-hide.ng-show {
  opacity: 1;
}
.resorts-combo .animate-show-hide.ng-hide {
  opacity: 0;
}
.resorts-combo .animate-show-hide.ng-hide-add,
.resorts-combo .animate-show-hide.ng-hide-remove {
  -webkit-transition: opacity 0.2s ease;
  -khtml-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.resorts-combo .centerAlign {
  left: 50%;
  transform: translateX(-50%);
}
.resorts-combo .text-light {
  font-family: "Proxima-Nova-Light";
}
.resorts-combo .text-regular {
  font-family: "Proxima-Nova-Regular";
}
.resorts-combo .text-bold {
  font-family: "Proxima-Nova-Bold";
}
.resorts-combo .resorts-list {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0.5vmax;
  top: 15%;
  list-style: none;
  width: auto;
}
.resorts-combo .resorts-list li {
  -webkit-transition: padding 0.2s ease, width 0.2s ease, height 0.2s ease;
  -khtml-transition: padding 0.2s ease, width 0.2s ease, height 0.2s ease;
  -moz-transition: padding 0.2s ease, width 0.2s ease, height 0.2s ease;
  -ms-transition: padding 0.2s ease, width 0.2s ease, height 0.2s ease;
  -o-transition: padding 0.2s ease, width 0.2s ease, height 0.2s ease;
  transition: padding 0.2s ease, width 0.2s ease, height 0.2s ease;
  width: fit-content;
  min-width: auto;
  overflow: hidden;
  margin-bottom: 0.75vmax;
  overflow-x: hidden;
  padding: 0.5vmax 0.5vmax;
  font-size: 1vmax;
  line-height: 1;
  min-height: 3vmax;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  -webkit-filter: drop-shadow(0.4vmin 0.4vmin 0 rgba(0, 0, 0, 0.4));
  -khtml-filter: drop-shadow(0.4vmin 0.4vmin 0 rgba(0, 0, 0, 0.4));
  -moz-filter: drop-shadow(0.4vmin 0.4vmin 0 rgba(0, 0, 0, 0.4));
  -ms-filter: drop-shadow(0.4vmin 0.4vmin 0 rgba(0, 0, 0, 0.4));
  -o-filter: drop-shadow(0.4vmin 0.4vmin 0 rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0.4vmin 0.4vmin 0 rgba(0, 0, 0, 0.4));
  color: #fff;
}
.resorts-combo .resorts-list li .values {
  line-height: 1.1;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -khtml-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.resorts-combo .resorts-list li .values.extra {
  margin-top: 0.5vmax;
}
.resorts-combo .resorts-list li.selected {
  padding: 0.5vmax 1vmax 1vmax 1vmax;
}
.resorts-combo .resorts-list li.selected p.count {
  margin-bottom: 0.5vmax;
}
.resorts-combo .resorts-list li.selected p.count svg.logo-icon,
.resorts-combo .resorts-list li.selected p.count img.logo-icon {
  -webkit-transition: margin-right 0.2s ease;
  -khtml-transition: margin-right 0.2s ease;
  -moz-transition: margin-right 0.2s ease;
  -ms-transition: margin-right 0.2s ease;
  -o-transition: margin-right 0.2s ease;
  transition: margin-right 0.2s ease;
  margin-right: 1vmax;
  min-width: auto;
}
.resorts-combo .resorts-list li.selected .values {
  opacity: 1;
}
.resorts-combo .resorts-list li p {
  pointer-events: none;
  letter-spacing: 0.02vmin;
  -webkit-transition: width 0.4s ease;
  -khtml-transition: width 0.4s ease;
  -moz-transition: width 0.4s ease;
  -ms-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  transition: width 0.4s ease;
  width: auto !important;
  min-width: auto;
  line-height: 1;
  font-size: 0.75vmax;
  margin: 0;
}
.resorts-combo .resorts-list li p.count {
  line-height: 1;
  font-size: 2vmax;
  margin-bottom: 0;
  -webkit-transition: margin-bottom 0.2s ease;
  -khtml-transition: margin-bottom 0.2s ease;
  -moz-transition: margin-bottom 0.2s ease;
  -ms-transition: margin-bottom 0.2s ease;
  -o-transition: margin-bottom 0.2s ease;
  transition: margin-bottom 0.2s ease;
}
.resorts-combo .resorts-list li p.count svg.logo-icon,
.resorts-combo .resorts-list li p.count img.logo-icon {
  margin-right: 0;
  fill: #fff;
  object-fit: contain;
  max-height: 2.5vmax;
  width: 5vmax;
}
.resorts-combo .resorts-list li.home {
  background-color: rgba(229, 153, 0, 0.8);
}
.resorts-combo .resorts-list li.rci {
  background-color: rgba(128, 13, 4, 0.8);
}
.resorts-combo .resorts-list li.ii {
  background-color: rgba(28, 41, 76, 0.8);
}
.resorts-combo .resorts-list li.top-resorts {
  background-color: rgba(78, 106, 43, 0.8);
}
.resorts-combo .iiInfoWindow,
.resorts-combo .rciInfoWindow {
  width: 120px;
  position: relative;
}
.resorts-combo .iiInfoWindow p,
.resorts-combo .rciInfoWindow p {
  text-align: center;
  display: block;
  width: 100%;
}
.resorts-combo .iiInfoWindow p.title,
.resorts-combo .rciInfoWindow p.title {
  font-size: 16px;
  color: #667a99;
}
.resorts-combo .iiInfoWindow p.count,
.resorts-combo .rciInfoWindow p.count {
  font-size: 12px;
  color: #555;
}
.resorts-combo .iiInfoWindow {
  border: 0.1vmin solid #1c294c;
}
.resorts-combo .rciInfoWindow {
  border: 0.1vmin solid #800d04;
}