@charset "UTF-8";
/* Snazzy Application modules*/
/*
    REM based on 16px base size

8px = 0.5rem
9px = 0.5625rem
10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
22px = 1.375rem
24px = 1.5rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
34px = 2.125rem
36px = 2.25rem
38px = 2.375rem
40px = 2.5rem
*/
@import url("/Content/fonts/sorcustomicomoon.css");
body {
  font-size: 100%; }

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5; }

#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */ }

@media (min-width: 43.75em) {
  #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */ } }

h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */ }

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125; } }

@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */ } }

h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */ }

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25; } }

@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25; } }

h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */ }

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25; } }

@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25; } }

h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111; }

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */ } }

blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */ }

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */ } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/content/fonts/glyphicons-halflings-regular.eot");
  src: url("/content/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/content/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/content/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/content/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); }

md-toolbar:not(.md-menu-toolbar) {
  background-color: #04c4db;
  color: #fff; }

.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  color: #fff;
  font-weight: 700; }

.top-link {
  font-size: 34px;
  color: #222;
  opacity: 0;
  position: fixed;
  right: 20px;
  bottom: 20px;
  text-decoration: none;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
  text-shadow: 0px 0px 4px #fff;
  background: url("/content/images/top.png") no-repeat;
  width: 79px;
  height: 90px;
  z-index: 9675309; }

.content-panel-body {
  width: 300px;
  text-align: left; }

.top-link.active {
  opacity: 0.8; }

.page-content {
  padding: 0 0 2em;
  min-height: 550px; }

#loading-indicator.loading {
  top: 0; }

#loading-indicator {
  background: #fff;
  height: 160px;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: -110px;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 99999; }

#loading-indicator .loading-loader {
  background-image: url("/content/images/snazzy-loader-sm.gif") !important;
  background-repeat: no-repeat;
  display: inline-block;
  height: 160px;
  overflow: hidden;
  text-align: left;
  text-indent: -119988px;
  width: 83px;
  margin-top: 40px; }

.section-title {
  font-family: "Roboto", "sans-serif";
  text-align: center;
  margin: 0px auto 30px; }

.body-content {
  flex: 1;
  min-height: 100%;
  height: 100%;
  background: #fff; }

.section-striped {
  background: repeating-linear-gradient(-55deg, #1D1E25, #1D1E25 2px, #17181A 2px, #17181A 4px); }

span.strikethrough {
  position: relative; }
  span.strikethrough.red {
    border-color: red; }

span.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  transform: rotate(-25deg); }

/*** Angular Effects ***/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .translate-cloak {
  display: none !important; }

.ng-enter {
  z-index: 8888; }

.ng-leave {
  z-index: 8900; }

.field-validation-error, .parsley-equalto, .parsley-custom-error-message {
  margin: .5em 0;
  color: #f44336;
  font-weight: 400;
  transition: all 0.5s ease 0s; }

.field-validation-valid {
  display: none; }

.input-validation-error {
  border: 1px solid #f00;
  background-color: #fee; }

.parsley-required {
  display: none; }

span.postfix, label.postfix {
  background: none;
  border-left: none;
  color: #333;
  border-color: #fff; }

.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: left;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  padding-left: 1rem; }

.lined-heading i {
  margin-right: .5em; }

.lined-heading {
  color: #727375;
  background: #fff;
  border: 1px solid #a8a8a8;
  text-transform: uppercase;
  padding: .5rem 1rem;
  margin: 1rem 0;
  text-align: center;
  position: relative;
  display: table;
  margin: auto;
  z-index: 99; }

/* when hiding the thing */
.ng-hide-add {
  -webkit-animation: 0.5s hide ease;
  animation: 0.5s hide ease; }

/* when showing the thing */
.ng-hide-remove {
  -webkit-animation: 0.5s show ease;
  animation: 0.5s show ease; }

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* ANIMATIONS (FROM ANIMATE.CSS) */
/* flip in */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px); } }

/* light speed out */
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes scaleUp {
  from {
    opacity: 0.3;
    transform: scale(0.8); } }

@-moz-keyframes scaleUp {
  from {
    opacity: 0.3;
    -moz-transform: scale(0.8); } }

@-webkit-keyframes scaleUp {
  from {
    opacity: 0.3;
    -webkit-transform: scale(0.8); } }

@keyframes slideInRight {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }

@-moz-keyframes slideInRight {
  from {
    -moz-transform: translateX(100%); }
  to {
    -moz-transform: translateX(0); } }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0); } }

@keyframes slideInUp {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0); } }

@-moz-keyframes slideInUp {
  from {
    -moz-transform: translateY(100%); }
  to {
    -moz-transform: translateY(0); } }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0); } }

@keyframes slideOutLeft {
  to {
    transform: translateX(-100%); } }

@-moz-keyframes slideOutLeft {
  to {
    -moz-transform: translateX(-100%); } }

@-webkit-keyframes slideOutLeft {
  to {
    -webkit-transform: translateX(-100%); } }

@keyframes asd {
  0% {
    z-index: 2; }
  5% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }
  100% {
    transform: rotateX(0deg); } }

body.play ul li.before .up {
  z-index: 2;
  animation: turn2 .5s linear both; }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(-90deg); } }

.big-snazzy-button {
  font-size: 1.5rem;
  padding: 1rem 3rem; }

.snazzy-button {
  margin: 0;
  font-weight: 700;
  color: #fff; }

.snazzy-button-orange {
  background-color: #F37736 !important;
  color: #fff; }

.snazzy-button-green {
  background-color: #A1C15C !important;
  color: #fff !important; }

.snazzy-button-trial {
  background-color: #04c4db; }

a.md-button.md-primary.snazzy-button-grey, .md-button.md-primary.snazzy-button-grey {
  color: #696969; }

a.md-button.md-primary.snazzy-button-grey, .md-button.md-primary.snazzy-button-green {
  color: #A1C15C; }

html, body {
  height: initial; }

body {
  background: #fff;
  font-family: "Roboto", "sans-serif";
  font-size: 16px;
  line-height: 1.25em;
  font-weight: 400;
  color: #999;
  width: 100%;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 0;
  -webkit-text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased; }

h1, h2, h3, h4 {
  font-family: "Roboto", "sans-serif";
  color: #696969; }

h1, h2, h3, h4 {
  font-family: "Roboto", "sans-serif";
  font-weight: 400; }

p {
  font-weight: 400;
  font-size: 1.1rem; }

ul, ol, dl {
  margin: 0; }

label {
  color: #727375;
  font-weight: 400;
  font-size: 1rem;
  margin-top: 0; }

#cookie-footer {
  position: fixed;
  /* added to support older browsers */
  position: sticky;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  transition: all 0.5s ease-out;
  visibility: hidden;
  z-index: 100000; }
  #cookie-footer #cookie-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 10px; }
    @media only screen and (max-width: 48rem) {
      #cookie-footer #cookie-flex {
        padding: 20px; } }
    #cookie-footer #cookie-flex #cookie-btn {
      margin: 0 !important;
      background-color: #F37736; }
    #cookie-footer #cookie-flex #cookie-message {
      padding: 15px; }
      #cookie-footer #cookie-flex #cookie-message p {
        font-size: 16px;
        margin-bottom: 0;
        color: #272727; }
        @media only screen and (max-width: 24rem) {
          #cookie-footer #cookie-flex #cookie-message p {
            font-size: 12px; } }
      #cookie-footer #cookie-flex #cookie-message a {
        color: #77913c; }
        @media only screen and (max-width: 24rem) {
          #cookie-footer #cookie-flex #cookie-message a {
            font-size: 12px; } }

footer {
  background: #3E474F; }

/*  footer  */
footer .footer h2 {
  font-size: 1.5rem;
  color: #A1C15C;
  margin: .5rem 0; }

footer .footer h3 {
  font-size: .875rem;
  color: #727375;
  font-weight: 700; }

footer .footer p {
  color: #aeaeae; }

footer .footer .row > ul > li {
  color: #696969;
  display: block;
  float: left;
  list-style: none;
  margin-right: 2rem; }

footer .footer .row > ul > li p {
  font-size: .75rem; }

footer .footer .top-footer {
  border-bottom: rgba(0, 0, 0, 0.15) solid 1px; }

footer .footer .top-footer .caption {
  text-align: center;
  margin-top: .5rem; }

footer .footer .mid-footer {
  margin: 1rem 0 0; }

footer .footer .row > ul > li:last-child {
  margin-right: 0; }

footer ul li.links > ul > li {
  display: block;
  width: 100%;
  list-style: none;
  margin-bottom: .5rem; }

footer ul li.links > ul > li:last-child {
  margin-bottom: 0; }

footer .footer .row > ul > li.links li a {
  text-decoration: none;
  display: block;
  color: #fff;
  letter-spacing: .5px;
  text-align: left; }

footer .footer ul.social-links {
  list-style: none;
  margin: .5rem;
  padding: 0;
  text-align: center; }

footer .footer ul.social-links li {
  display: inline;
  padding: 1rem;
  font-size: 2rem;
  color: #727375; }

footer .footer ul.social-links li a {
  color: #727375; }

footer .footer .row > ul > li.about {
  width: 327px; }

footer ul li.about > ul > li {
  display: inline-block;
  margin-right: 20px;
  margin-top: 30px; }

footer ul li.about > ul > li:last-child {
  margin-right: 0; }

footer .copyrights {
  background: #272727;
  display: block;
  padding: 8px 0;
  margin-top: 1rem;
  color: #a8a8a8;
  font-size: .75rem;
  letter-spacing: .5px; }

ul.footer-links {
  list-style: none;
  margin: 0; }

ul.footer-links li a {
  color: #a8a8a8;
  font-size: 1rem; }

.contact-link {
  color: #a8a8a8; }

.contact-link i {
  margin-right: .5rem; }

header {
  position: relative !important; }

.hero {
  font-family: 'Roboto', sans-serif; }
  .hero .caption {
    background: url(/Content/images/home/snazzy-hero.jpg) no-repeat center center;
    min-height: 300px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-top: 1.8em; }
    .hero .caption h1 {
      font-size: 3rem;
      font-weight: 400; }
    .hero .caption h2 {
      font-size: 2.5rem;
      font-weight: 300;
      margin-top: 0;
      margin-bottom: 0;
      line-height: 1.15; }
    .hero .caption h1, .hero .caption h2 {
      color: #fff;
      font-family: "Roboto"; }
    .hero .caption .caption-title {
      position: relative; }
      .hero .caption .caption-title img {
        position: relative;
        top: -35px;
        height: 50px; }
    .hero .caption .snazzy-button {
      margin: 1rem 0; }
    .hero .caption .searchbox {
      padding-top: 3rem; }
    @media screen and (max-width: 48rem) {
      .hero .caption .searchbox {
        padding-top: 2.5rem; }
      .hero .caption h2 {
        line-height: 1.25; } }

.content-section {
  padding: 2em 0; }

.product-offering {
  position: relative;
  text-align: center;
  margin: 3em 0 0; }

.product-offering .product {
  position: relative;
  height: 145px;
  padding: 1.5rem;
  margin: 2em 0; }

.product-offering-brand {
  animation: scaleUp 0.5s both ease-in;
  transition: all 0.5s ease 0s; }

#brands-line-break {
  margin-top: 4rem; }

.brands {
  text-align: center;
  margin: 0 0 3em; }

.brands ul {
  list-style: none;
  margin: 0 0 3em; }

.brands ul li {
  display: inline-block;
  min-height: 50px;
  margin: 1rem 0; }

.product-offering .product h3 {
  text-align: center;
  font-weight: 400; }

.product-offering .product p {
  text-align: center;
  color: #727375; }

.product-offering .product-box .icon {
  height: 90px; }

.product-offering .product-box .content {
  height: 150px; }

.product-offering .cars .product .icon {
  position: absolute;
  top: -85px;
  left: 115px; }

.member-savings {
  background: #323232;
  text-align: center; }

.member-savings h2 {
  text-align: center;
  margin-top: 1.5rem;
  color: #fff; }

.member-benefits ul {
  list-style: none; }

.member-benefits h2 {
  color: #A1C15C;
  text-align: center; }

.member-benefits .icon, .member-benefits .description {
  text-align: center; }

.member-benefits .description h3 {
  font-size: 2rem; }

.member-benefits img {
  margin: .5rem; }

.member-benefits ul li {
  margin-top: 1rem; }

.travel-savings {
  background: #A1C15C;
  padding: 2rem;
  height: 240px; }

.travel-savings h2 {
  color: #fff; }

.green-section-title {
  color: #fff;
  margin: 0 0 2rem; }

.inc-500 p {
  padding: 1rem;
  font-size: 1.25rem; }

/*  Flipper for digits */
ul.flip {
  position: relative;
  /*margin: 5px;*/
  height: 3rem;
  font-size: 1.875rem;
  font-weight: bold;
  list-style: none; }

ul.flip li {
  display: inline-block;
  width: 18px;
  height: 100%;
  border-radius: 6px; }

ul.flip li.active {
  z-index: 2; }

ul.flip li:first-child {
  z-index: 2; }

ul.flip li a {
  display: block;
  height: 100%;
  perspective: 200px; }

ul.flip li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  overflow: hidden; }

ul.flip li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

ul.flip li a div.up {
  transform-origin: 50% 100%;
  top: 0; }

ul.flip li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.4); }

ul.flip li a div.down {
  transform-origin: 50% 0%;
  bottom: 0; }

ul.flip li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px; }

ul.flip li a div.up div.inn {
  top: 0; }

ul.flip li a div.down div.inn {
  bottom: 0; }

/* PLAY */
body.play ul li.before {
  z-index: 3; }

body.play ul li.active {
  animation: asd .5s .5s linear both;
  z-index: 2; }

/* Hot Deals Gallery */
.view {
  height: 220px;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
  margin-bottom: .5em; }

.view .content {
  width: 100%;
  height: 224px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.view img {
  position: relative; }

.view h2 {
  text-transform: uppercase;
  color: #222;
  text-align: center;
  position: relative;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 8px;
  margin: 9px 0 0 0; }

.view p {
  font-size: 1.5rem;
  position: relative;
  color: #333;
  text-align: center;
  margin: 0 auto !important;
  width: 80%;
  border: 1px solid;
  font-weight: 700; }

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 1px #000;
  -moz-box-shadow: 0 0 1px #000;
  box-shadow: 0 0 1px #000; }

.view-box h2, .view-box p {
  opacity: 1; }

.view-box .content {
  height: 110px;
  opacity: .9;
  margin-top: 2rem; }

.view-box h3 {
  background: transparent;
  margin-top: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 2em;
  padding-bottom: 9px; }

.view-box a.info {
  display: none; }

.view-box img {
  opacity: .4;
  width: 100%; }

.medium-block-grid-3 > li {
  padding: 0 0 0 0; }

body.play ul li.active .down {
  z-index: 2;
  animation: turn .5s .5s linear both; }

.slick-dots {
  position: absolute;
  list-style: outside none none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
  bottom: 10px; }

/* SHADOW */
body.play ul li.before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%);
  animation: show .5s linear both; }

body.play ul li.active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%);
  animation: hide .5s .3s linear both; }

/*DOWN*/
body.play ul li.before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
  animation: show .5s linear both; }

body.play ul li.active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
  animation: hide .5s .3s linear both; }

.not-convinced {
  padding: 2rem 0; }

.not-convinced .not-convinced-button {
  padding: 1rem 0; }

#support-banner {
  margin-top: 30px;
  height: 200px;
  width: 100%;
  background-color: #efefef; }
  #support-banner .banner-item {
    padding: 40px 0;
    color: #999;
    text-align: center;
    background-color: #efefef; }
    #support-banner .banner-item h4 {
      font-weight: 400;
      font-size: 24px;
      color: #333436; }
    #support-banner .banner-item img {
      height: 62px;
      margin: 10px auto;
      display: block; }

#testimonials .testimonial-item {
  margin-top: 30px;
  border: 1px solid #a8a8a8;
  box-shadow: -0.5px 0.5px 0px 0px #a8a8a8; }

#testimonials .testimonial-header {
  background-color: #70CCD7;
  height: 70px; }
  #testimonials .testimonial-header .circular-portrait {
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    top: 10px;
    box-shadow: 1px 2px 0px 0px #a8a8a8; }
    #testimonials .testimonial-header .circular-portrait img {
      margin-left: auto;
      margin-right: auto;
      display: block;
      margin-top: 5px;
      max-width: 90%; }

#testimonials .testimonial-body {
  height: 310px; }
  #testimonials .testimonial-body .testimonial-body-content {
    padding-top: 80px; }
    #testimonials .testimonial-body .testimonial-body-content .quote blockquote {
      border: none;
      margin-bottom: 10px;
      font-size: 16px;
      quotes: "“" "”" "‘" "’";
      padding: 0 50px;
      text-align: left;
      color: #272727; }
      #testimonials .testimonial-body .testimonial-body-content .quote blockquote:before, #testimonials .testimonial-body .testimonial-body-content .quote blockquote:after {
        /*Font*/
        font-family: Georgia, serif;
        font-size: 50px;
        font-weight: bold;
        color: #6f6f6f;
        /*Positioning*/
        position: absolute;
        margin-top: -10px; }
      #testimonials .testimonial-body .testimonial-body-content .quote blockquote:before {
        content: open-quote;
        left: 30px; }
      #testimonials .testimonial-body .testimonial-body-content .quote blockquote:after {
        content: close-quote;
        right: 30px; }
    #testimonials .testimonial-body .testimonial-body-content .testiomonial-name {
      text-align: center; }
      #testimonials .testimonial-body .testimonial-body-content .testiomonial-name h4 {
        font-size: 1rem;
        font-weight: 500;
        color: #272727; }
        @media (max-width: 64rem) {
          #testimonials .testimonial-body .testimonial-body-content .testiomonial-name h4 {
            padding: 1rem; } }

@media (min-width: 48rem) {
  #testimonials .testimonial-body .testimonial-body-content .quote {
    min-height: 190px; } }

@media (max-width: 48rem) {
  #testimonials .testimonial-body {
    height: unset !important; } }

#testimonials .row {
  padding: 0; }

.date-search.check-in {
  width: 150px; }

.date-search.check-out {
  width: 150px; }

.adult-search {
  width: 100px; }

.child-search {
  width: 125px; }

#background-spacing-banner {
  margin-top: 2px;
  height: 25px;
  width: 100%;
  text-align: center; }

#see-for-yourself-banner {
  margin-top: 30px;
  height: 200px;
  width: 100%;
  background-color: rgba(112, 204, 215, 0.35);
  text-align: center; }
  #see-for-yourself-banner h4 {
    text-transform: capitalize;
    font-size: 22px; }
  #see-for-yourself-banner > .row > .column:first-of-type {
    padding-top: 30px; }
  #see-for-yourself-banner > .row > .column:last-of-type {
    padding-top: 30px; }
  @media screen and (max-width: 64rem) {
    #see-for-yourself-banner {
      height: 270px; }
      #see-for-yourself-banner > .row > .column:last-of-type {
        padding-top: 60px; } }

.benefits-title {
  padding: 3em 0;
  background: url("/content/Images/Benefits/SnazzyBenefits_Banner.jpg") no-repeat bottom center;
  height: 100% !important;
  min-height: 445px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }
  .benefits-title h1, .benefits-title h2 {
    color: #fff;
    font-family: "Roboto"; }
  .benefits-title h1 {
    font-size: 3rem;
    font-weight: 400;
    text-align: center; }
  .benefits-title h2 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.15; }
  .benefits-title .searchbox {
    padding-top: 2.5rem; }
  @media (max-width: 48rem) {
    .benefits-title h1 {
      font-size: 2rem; }
    .benefits-title h2 {
      font-size: 1.5rem; } }

.benefits-banner {
  min-height: 340px;
  display: flex;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  color: #272727; }
  .benefits-banner .benefits-banner-title {
    margin: 0 auto;
    margin-bottom: 1.5rem; }
  .benefits-banner .benefits-icon {
    font-size: 4.5rem;
    margin-left: auto;
    margin-right: auto;
    color: #70ccd7; }
  .benefits-banner img {
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .benefits-banner p {
    padding: 0 1.5rem;
    font-weight: 300; }
  @media (max-width: 48rem) {
    .benefits-banner .benefits-banner-title {
      margin-top: 1.5rem; } }

.additional-benefits {
  padding: 2rem 0;
  padding-bottom: 0;
  color: #272727;
  clear: both; }
  .additional-benefits .column {
    padding: 2rem; }
    .additional-benefits .column p {
      font-weight: 300; }
  .additional-benefits .additional-benefits-icon {
    background-color: #70ccd7;
    float: left;
    color: white;
    font-size: 3rem;
    padding: 1rem;
    margin-right: 1rem;
    margin-top: 0.75rem;
    border-radius: 40px; }
  @media (max-width: 48rem) {
    .additional-benefits {
      padding: 1rem 0; }
      .additional-benefits .additional-benefits-icon {
        margin-bottom: 3rem; }
      .additional-benefits .column {
        padding: 1rem; }
        .additional-benefits .column p {
          font-size: 1rem; } }

.benefits-items {
  width: 100%; }
  .benefits-items .benefits-item {
    width: 100%;
    margin: -6px 0;
    clear: both; }
    .benefits-items .benefits-item > div {
      width: 50%;
      display: inline-block;
      min-height: 355px; }
    .benefits-items .benefits-item:first-of-type > div {
      border-top: 1px solid #cccccc; }
    .benefits-items .benefits-item:last-of-type > div {
      border-bottom: 1px solid #cccccc; }
    .benefits-items .benefits-item .benefits-image {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      .benefits-items .benefits-item .benefits-image.benefits-1 {
        background-image: url("/Content/images/Benefits/Prices_Image1.jpg");
        float: right; }
      .benefits-items .benefits-item .benefits-image.benefits-2 {
        background-image: url("/Content/images/Benefits/Wholesale_Image2.jpg");
        float: left; }
      .benefits-items .benefits-item .benefits-image.benefits-3 {
        background-image: url("/Content/images/Benefits/Rewards_Image3.jpg");
        float: right; }
    .benefits-items .benefits-item .benefits-description {
      color: #272727; }
      .benefits-items .benefits-item .benefits-description h3 {
        font-size: 2rem; }
      .benefits-items .benefits-item .benefits-description p {
        font-size: 1.4rem;
        font-weight: 300; }
      .benefits-items .benefits-item .benefits-description > div {
        flex: 1;
        display: flex;
        align-items: center;
        max-width: 55%;
        height: 355px; }
    .benefits-items .benefits-item:nth-of-type(1n) .benefit-image, .benefits-items .benefits-item:nth-of-type(1n) .benefits-description > div {
      float: right;
      margin: 0 2.25rem; }
    .benefits-items .benefits-item:nth-of-type(2n) .benefit-image, .benefits-items .benefits-item:nth-of-type(2n) .benefits-description > div {
      float: left;
      margin: 0 3rem; }
  @media (max-width: 64rem) {
    .benefits-items {
      padding: 0;
      padding-bottom: 1rem; }
      .benefits-items .benefits-item > div {
        min-height: unset;
        padding: 1.5rem 0.5rem;
        padding-bottom: 0; }
      .benefits-items .benefits-item .benefits-description {
        width: 100%; }
        .benefits-items .benefits-item .benefits-description > div {
          text-align: center;
          max-width: 100%;
          margin: 0 1rem !important;
          height: unset; }
      .benefits-items .benefits-item .benefits-image {
        display: none; }
      .benefits-items .benefits-item > div {
        border: none !important; } }
  @media (max-width: 48rem) {
    .benefits-items {
      padding: 1rem; }
      .benefits-items .benefits-item > div {
        padding-top: 2rem; } }

.benefits-subheader p {
  font-size: 1.25rem;
  font-weight: 400; }

.benefits-example .computer {
  text-align: center; }

.benefits-example .description p {
  padding: 2em inherit; }

.benefits-perks ul, .benefits-experience ul {
  list-style: none; }

.benefits-perks ul li {
  margin: 1em 0; }

.benefits-perks h2, .benefits-experience h2, .benefits-example h2 {
  color: #A1C15C;
  text-align: center; }

.benefits-perks h3 {
  font-weight: normal;
  text-align: center; }

.benefits-perks p {
  text-align: center; }

.benefits-perks .icon {
  text-align: center;
  vertical-align: middle;
  height: 75px; }

.benefits-perks .icon img {
  max-width: 65px; }

.benefits-perks .icon.car img {
  margin-top: 1rem;
  max-width: 85px; }

.benefits-experience, .benefits-experience h3 {
  font-weight: normal;
  text-align: center; }

.benefits-experience, .benefits-experience p {
  font-weight: normal;
  text-align: left; }

.benefits-experience-box {
  padding: 2em; }

div.line {
  background: #ddd;
  height: 1px;
  margin-bottom: 2rem;
  text-align: center; }

div.line.top {
  margin-bottom: 4rem; }

.triangle-container {
  width: 55px;
  height: 40px;
  left: 50%;
  margin-left: -27px;
  position: relative;
  border-top: 1px solid #fff; }

.triangle {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 40px;
  transform: rotate(45deg);
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: auto;
  width: 40px;
  top: -20px; }

.autorenewterms ol {
  margin: 1.5rem; }

.payment-title h1 {
  color: #A1C15C;
  font-weight: 300;
  text-align: center; }

.payment-title h1.secondary-title {
  color: #727375;
  font-weight: 400; }

.payment fieldset {
  border: none; }

.payment fieldset legend {
  font-family: "Roboto", "sans-serif";
  font-size: 1.5rem;
  font-weight: 400;
  color: #696969;
  background: #FFF none repeat scroll 0% 0%;
  padding: 0px 0.1875rem;
  margin: 0px 0px 0px -0.1875rem; }

.cvv-help i {
  font-size: 1.5rem; }

.promocode-button {
  margin: 1.5rem 0 0; }

.promocode-valid {
  padding: 1.25rem; }

.promocode-valid p {
  font-size: 1.5rem;
  font-weight: 400; }

.promocode-valid p i {
  color: #A1C15C;
  font-size: 2rem;
  margin-left: 1rem; }

.member-price {
  padding: 1rem; }

.member-price span {
  font-size: 2rem;
  color: #A1C15C;
  font-weight: 400; }

ul.parsley-errors-list {
  list-style: none; }

ul.parsley-errors-list li.parsley-type {
  color: #f44336; }

.payment-termsandconditions {
  color: #008cba !important;
  text-transform: none;
  font-size: 1rem;
  font-weight: 400;
  padding: 0;
  margin: 10px 0 0 1px; }

.payment-termsandconditions:hover {
  color: #0078a0 !important; }

#paymenttermsandconditions.md-button.md-default-theme:not([disabled]):hover, #paymenttermsandconditions.md-button:not([disabled]):hover {
  background-color: transparent !important; }

.membership-confirmation {
  padding: 1rem; }

.membership-confirmation h1 {
  padding: 1rem 0 0;
  text-align: center; }

.renewal-content-section {
  padding: 0 0 0; }

.renewal-title {
  padding: 2rem 0 0; }

.renewal-title h1 {
  color: #727375;
  font-weight: 300;
  text-align: center; }

.renewal-subheader {
  margin: 1rem 0 0; }

.renewal-subheader p {
  font-size: 1.25rem;
  font-weight: 400; }

.renewal fieldset {
  border: none;
  padding-top: 0;
  margin-top: 0; }

.renewal fieldset legend {
  font-family: "Roboto", "sans-serif";
  font-size: 1.5rem;
  font-weight: 400;
  color: #696969;
  background: #FFF none repeat scroll 0% 0%;
  padding: 0px 0.1875rem;
  margin: 0px 0px 1rem -0.1875rem; }

.promo-code-message {
  margin: .5rem 0 1rem; }

.promo-code-message.success {
  color: #A1C15C;
  font-weight: 700; }

.promo-code-message.error {
  color: #f44336; }

.joinnow-title h1 {
  color: #727375;
  font-weight: 300;
  text-align: center; }

.unlimited .box, .free-trial .box {
  border: 1px solid #ddd;
  background: #f9f9f9 none repeat scroll 0% 0%;
  padding: 1em;
  margin-top: 1em;
  border-radius: 4px; }

.box h2 {
  color: #696969;
  font-weight: 300; }

.box h2, .box h3 {
  text-align: center; }

.unlimited .join-now-list h2 {
  color: #04c4db;
  font-weight: 700; }

.free-trial .join-now-list h2 {
  color: #727375; }

.unlimited .join-now-list ul li i {
  color: #04c4db; }

.free-trial .join-now-list ul li i {
  color: #727375; }

.join-now-list h4 {
  text-align: center; }

.join-now-list ul {
  list-style: none;
  padding-left: 0px;
  margin-left: 5em; }

.join-now-list ul li {
  font-size: 1.25rem;
  font-weight: 400;
  height: 54px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  position: relative; }

.join-now-list ul li i {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center;
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: 3rem; }

.join-now-list ul li i::before {
  content: "\f046"; }

.free-trial ul li:nth-child(4), .free-trial ul li:nth-child(5) {
  color: #a8a8a8; }

.free-trial ul li:nth-child(4) i::before, .free-trial ul li:nth-child(3) i::before, .free-trial ul li:nth-child(5) i::before {
  color: #a8a8a8;
  content: "\f096"; }

.promo-code-redeem ul {
  list-style: none; }

.promo-code-redeem ul li {
  display: inline;
  padding: .5rem; }

.promo-code-redeem .message {
  text-align: center; }

.promo-code-redeem .message .text {
  font-size: 1.5rem;
  color: #A1C15C; }

.redeem-button {
  padding: inherit .5rem;
  background-color: #A1C15C;
  vertical-align: middle; }

.story-dateline {
  position: relative;
  margin-top: 1rem; }

.ourstory-title h1 {
  color: #727375;
  font-weight: 300;
  text-align: center; }

.ourstory-subheader p {
  font-size: 1.25rem;
  font-weight: 400; }

.story-dateline .story .inner {
  padding: 1.25rem;
  background: #f8f8f8;
  margin: 1.1rem;
  font-weight: 400; }

.story-dateline .story .inner p {
  font-weight: 400; }

.story-dateline .story .inner, .story-dateline .story .inner:before {
  border: 1px solid #eee; }

.story-dateline .icon-container {
  display: none; }

.story-dateline .lined-heading:not(.first) {
  margin-top: 3rem; }

.story-dateline .story h3 {
  color: #A1C15C; }

.story-dateline .story ul {
  list-style: none;
  padding: 0 1rem;
  margin: 1rem; }

.story-dateline .story ul li {
  position: relative; }

.story-dateline .story ul li i::before {
  content: "\f111"; }

.story-dateline .story ul li i {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  color: #A1C15C;
  font-size: .5rem;
  margin: .5rem 0;
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.login-title h1 {
  color: #727375;
  font-weight: 300;
  text-align: center; }

.login-panel {
  text-align: center; }

.login-panel-body {
  width: 300px;
  text-align: left; }

.top-header {
  background: #272727;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); }

.polyglot-language-switcher > .pls-selected-locale {
  text-decoration: none;
  color: #fff !important;
  position: relative; }

.polyglot-language-switcher > .pls-selected-locale::after {
  border-top: 4px solid #fff; }

#languageSelector {
  text-align: left; }

.polyglot-language-switcher ul {
  text-align: left; }

header {
  width: 100%;
  height: 160px;
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 999;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 1px 1px 6px #eee;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 6px #eee;
  -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 6px #eee;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }

header .logo {
  margin: 10px 1rem 0; }

.comarketed header .logo {
  margin: 20px 0 0; }

header a.hamburger {
  margin-top: 2.5em;
  float: right;
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  content: "Menu";
  display: block; }

header a.hamburger {
  height: 25px;
  width: 25px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform-style: preserve-3d;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxNTAgMTUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNTAgMTUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IGZpbGw9IiM5OTk5OTkiIHdpZHRoPSIxNTAiIGhlaWdodD0iMzAiLz4NCjxyZWN0IHk9IjYwIiBmaWxsPSIjOTk5OTk5IiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjMwIi8+DQo8cmVjdCB5PSIxMjAiIGZpbGw9IiM5OTk5OTkiIHdpZHRoPSIxNTAiIGhlaWdodD0iMzAiLz4NCjwvc3ZnPg0K"), none;
  background-position: 0px 0px;
  background-size: 100% 100%;
  content: "Menu";
  display: block;
  padding: 8px; }

.secondary-header {
  height: 124px; }

.top-nav-row {
  display: none; }

.nav-column {
  position: static; }

ul.top-nav {
  list-style: none;
  float: right;
  padding: 6px 0; }
  ul.top-nav .login-link {
    text-transform: uppercase;
    padding: 0 5px;
    color: #A1C15C; }

ul.top-nav li, ul.top-nav li a {
  display: inline; }

.snazzy-button-join {
  margin: 1em 20%;
  padding: 0px 2rem; }

nav {
  position: fixed;
  right: -230px;
  top: 0;
  z-index: 1;
  width: 230px;
  height: 100%;
  background: #04c4db; }

.menu-open nav::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }

.member-nav-wrapper {
  padding: .5rem;
  text-align: center; }

ul li.member-sign-in {
  font-size: 1rem;
  font-weight: 700; }

ul li.member-sign-in a.md-button.md-primary {
  color: #fff;
  display: block; }

ul li.member-sign-in a.md-button.md-primary span {
  font-weight: 700; }

.nav-container {
  background: #04c4db; }

nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }

nav ul.language {
  margin-top: 0px;
  z-index: 9999;
  top: 0px;
  position: absolute;
  right: 0px;
  font-weight: 700;
  width: 100%; }

nav ul.language select {
  background-color: #A1C15C;
  border: medium none;
  font-weight: 700;
  text-align: left;
  color: #fff;
  margin-right: 0; }

nav h2 {
  margin: 0;
  padding: 1em;
  color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  font-size: 2em; }

nav ul li a.navlink {
  display: block;
  padding: 1em 1em 1em 1.2em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-weight: 400; }

nav ul li.active:not(.has-form) a:not(.toggler) {
  color: #fff;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.25); }

nav ul li a:not(.md-button) {
  font-size: 1.25rem; }

.medium-up {
  display: none; }

.medium-down {
  display: block; }

/* Navigation Reveal */
.menu-open .sidebar-effect-reveal .sidebar-pusher {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translate3d(-230px, 0, 0);
  transform: translate3d(-230px, 0, 0); }

.sidebar-effect-reveal nav {
  z-index: 1; }

.sidebar-effect-reveal nav {
  visibility: visible; }

.sidebar-effect-reveal nav:after {
  display: none; }

body.co-marketing .hero .caption {
  margin-top: 1rem; }

body.co-marketing .logo-container {
  width: 50%; }

body.co-marketing .member-buttons-container {
  width: 50%; }

li.join-now-container {
  float: right; }

.co-marketing-promocode-button {
  margin: 0; }

.co-marketing-title h1 {
  color: #727375;
  font-weight: 300;
  text-align: center; }

.co-marketing-title h1.secondary-title {
  color: #A1C15C; }

.co-marketing fieldset {
  border: none; }

.co-marketing fieldset legend {
  font-family: "Roboto", "sans-serif";
  font-size: 1.5rem;
  font-weight: 400;
  color: #696969;
  background: #FFF none repeat scroll 0% 0%;
  padding: 0px 0.1875rem;
  margin: 0px 0px 0px -0.1875rem; }

.comarketed .payment-title h1 {
  font-size: 2.5rem; }

/* Super smallish screens*/
@media only screen and (min-width: 18em) {
  .caption {
    padding-top: 40px !important; }
  html, body {
    -webkit-text-size-adjust: none; }
  .intro-button, .intro-button:visited {
    font-size: 1rem; }
  .intro-button-try, .intro-button-activate {
    float: none;
    white-space: nowrap; }
  .activate {
    margin-bottom: 2rem; }
  .hero .caption h1 {
    font-size: 2rem; }
  .hero .caption h2 {
    font-size: 1.5rem; } }

/* Small Screens ----------- */
@media only screen and (min-width: 24em) {
  body.co-marketing .hero .caption {
    margin-top: 5rem; }
  header .logo {
    float: left;
    margin: 14px 0 0px; }
  footer .footer .row > ul > li {
    width: 30%; }
  .home-section h2, .video-panel h2, .brands h2 {
    font-size: 1.375em;
    font-weight: 400; }
  .intro-button, .intro-button:visited {
    font-size: 1.5rem; }
  .activate {
    margin-bottom: 2rem; }
  .intro-button-try, .intro-button-activate {
    float: none;
    white-space: nowrap; }
  .buttons .try {
    white-space: nowrap; }
  footer .footer-logo img {
    margin-top: 1em; } }

/*Mobile Large 620px*/
@media screen and (min-width: 38.75em) {
  .caption {
    padding-top: 5px !important; }
  .view {
    margin: 0; }
  .buttons .try {
    margin: 0; }
  .hero .caption h1 {
    font-size: 3rem; }
  .hero .caption h2 {
    font-size: 2.5rem; }
  .home-section h2, .video-panel h2, .brands h2 {
    font-size: 1.375em;
    font-weight: 400; }
  .intro-button-try {
    float: left;
    white-space: nowrap; }
  .intro-button-activate {
    float: right;
    white-space: nowrap; }
  .snazzy-button-join {
    margin: 0;
    padding: initial; }
  ul.flip {
    position: relative;
    height: 52px;
    font-size: 2rem;
    font-weight: bold;
    list-style: none; }
  ul.flip li {
    display: inline-block;
    width: 38px;
    height: 100%;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
    border-radius: 6px;
    margin-left: 3px;
    border: 1px solid #666; }
  .story-dateline .icon-container {
    display: block; }
  .story-dateline .icon-container img {
    vertical-align: middle;
    display: block;
    margin: 25% auto 0; }
  .story-dateline:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #eaeaea; }
  /* Arrows */
  .story-dateline .story .inner:before,
  .story-dateline .story .inner:after {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #eee;
    background: #f8f8f8;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .story-dateline .story .inner:before {
    z-index: -1; }
  .story-dateline .story .inner.arrow-top:before,
  .story-dateline .story .inner.arrow-top:after {
    bottom: 100%;
    left: 20px;
    margin-bottom: -7px;
    border-bottom: 0;
    border-right: 0; }
  .story-dateline .story .inner.arrow-bottom:before,
  .story-dateline .story .inner.arrow-bottom:after {
    top: 100%;
    left: 20px;
    margin-top: -7px;
    border-top: 0;
    border-left: 0; }
  .story-dateline .story .inner.arrow-right:before,
  .story-dateline .story .inner.arrow-right:after {
    top: 60px;
    left: 100%;
    margin-left: -40px;
    border-bottom: 0px none;
    border-left: 0px none; }
  .story-dateline .story .inner.arrow-left:before,
  .story-dateline .story .inner.arrow-left:after {
    top: 60px;
    left: 0;
    margin-left: 24px;
    border-top: 0;
    border-right: 0; }
  .benefits-experience-box p > span {
    display: block;
    text-align: center; } }

@media screen and (min-width: 38.75em) and (orientation: landscape) {
  .story-dateline .icon-container img {
    vertical-align: middle;
    display: block;
    margin: 40px auto 0; } }

@media screen and (min-width: 40em) {
  body {
    line-height: 1.375rem; }
  .medium-float-right {
    float: right; }
  .travel-savings {
    height: 215px; }
  #loading-indicator {
    top: -145px;
    height: 160px; }
  #loading-indicator .loading-loader {
    margin-top: 55px; }
  .medium-block-grid-2 > li:nth-child(2n+1) {
    padding: 0 0.9375rem; }
  .product-offering .product .icon {
    position: absolute;
    top: -60px;
    left: 115px; }
  .product-offering .cars .product .icon {
    position: absolute;
    top: -85px;
    left: 105px; } }

/*Tablet Small 740px*/
@media screen and (min-width: 46.25em) {
  /* Navigation */
  header {
    height: 160px; }
  header a.hamburger {
    display: none; }
  .top-nav-row {
    display: block; }
  ul li.member-sign-in {
    display: none; }
  .nav-container {
    background: none; }
  nav {
    position: absolute;
    width: 400px;
    right: 0;
    background: transparent;
    visibility: visible;
    z-index: 80; }
  .sidebar-menu-open nav::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }
  .top-nav-wrapper {
    padding: initial;
    text-align: unset; }
  nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  nav ul li {
    float: left;
    margin-left: 1rem; }
  nav ul li a.navlink {
    letter-spacing: normal;
    display: block;
    padding: initial;
    outline: none;
    box-shadow: none;
    color: #696969;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); }
  nav ul li.active:not(.has-form) a:not(.toggler) {
    color: #04c4db;
    box-shadow: none;
    background: none; }
  nav ul li a, nav ul li a:link {
    box-shadow: none;
    text-decoration: none;
    padding: initial; }
  nav ul li:first-child a {
    box-shadow: none; }
  nav ul li a:hover {
    background: none;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
    color: #04c4db;
    text-decoration: none; }
  ul.nav {
    margin-top: 2.5em;
    list-style: none;
    overflow: hidden;
    float: right; }
  ul.primary {
    margin-top: 2.5em; }
  .nav li a, .nav li a:link {
    color: #696969; }
  .medium-up {
    display: block; }
  .medium-down {
    display: none; }
  /* End Navigation*/
  .hero .caption {
    padding-left: 3.636363636363636%;
    padding-right: 3.636363636363636%; }
  .home-section h2, .video-panel h2, .brands h2 {
    font-size: 2em;
    font-weight: 400; }
  .intro-button-try {
    float: left;
    white-space: nowrap; }
  .intro-button-activate {
    float: right;
    white-space: nowrap; }
  ul.flip {
    position: relative;
    height: 90px;
    font-size: 55px;
    font-weight: bold;
    list-style: outside none none; }
  .view-ninth.active .content {
    height: 110px;
    top: 40px; } }

@media only screen and (min-width: 46.25em) and (orientation: landscape) {
  .sidebar-pusher {
    min-height: 768px; } }

/*Tablet Large 880px */
@media screen and (min-width: 55em) {
  body.co-marketing .hero .caption {
    padding-top: 9rem; }
  nav {
    width: 500px; }
  nav ul li {
    margin-left: 1rem; }
  nav ul.language select {
    background-color: #fff;
    border: none;
    font-weight: 700;
    text-align: left;
    color: #696969; }
  nav ul.language {
    width: 175px; }
  nav ul.language select {
    width: 155px; }
  .benefits-perks h3 {
    font-weight: normal;
    text-align: left; }
  .benefits-perks p {
    text-align: left; }
  .view-box h2, .view-box p {
    opacity: 0; }
  .view-box:hover h2, .view-box:hover p {
    opacity: 1; }
  .view-box:hover .content {
    opacity: 1; }
  .view-box img {
    opacity: 1; }
  .view-box:hover img {
    opacity: .25; }
  .brands ul li {
    display: inline-block;
    min-height: 50px;
    margin: .5rem 0; } }

/*Desktop Small 955px*/
@media screen and (min-width: 59.6875em) {
  .hero .caption {
    padding-left: 3.636363636363636%;
    padding-right: 3.636363636363636%; }
  .hamburger {
    display: none; } }

/*15.5 Desktop Medium 1100px */
@media screen and (min-width: 68.75em) {
  .nav-container {
    height: 124px;
    width: 100%;
    margin: 0px auto;
    max-width: 62.5rem; }
  nav ul li a.navlink {
    letter-spacing: normal;
    display: block;
    padding: inherit;
    padding: initial;
    outline: none;
    box-shadow: none;
    color: #696969;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); }
  nav ul li a, nav ul li a:link {
    box-shadow: none;
    text-decoration: none;
    padding: initial; }
  nav ul li:first-child a {
    box-shadow: none; }
  nav ul li a:hover {
    background: none;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
    color: #04c4db;
    text-decoration: none; }
  nav {
    display: block; }
  ul.nav {
    margin-top: 2.5em;
    list-style: none;
    overflow: hidden;
    float: right; }
  nav ul.primary {
    float: none; }
  nav ul li {
    margin-right: 1.375em; }
  .nav li a, .nav li a:link {
    color: #696969; }
  .footer-wrap.poweredby .footer-links {
    display: inline-block;
    width: 50%; }
  ul.flip {
    float: left; } }

/*15.6 Desktop Large 1240px*/
@media screen and (min-width: 77.5em) {
  /*your code*/ }

/*Desktop X-Large 1403px */
/* Medium Devices */
@media only screen and (min-width: 40em) {
  .caption-title {
    margin-top: 10px; } }

/* Large Devices*/
/* Extra Large Devices */
#as-seen-on {
  padding: 20px; }
  #as-seen-on h4 {
    margin-top: 20px;
    display: inline-block;
    vertical-align: top; }
  #as-seen-on .logos > div {
    display: inline-block; }
  #as-seen-on .logos .logo {
    display: inline-block;
    position: relative; }
    #as-seen-on .logos .logo .img-container {
      height: 60px;
      text-align: center;
      line-height: 60px; }
  @media screen and (max-width: 48rem) {
    #as-seen-on .logos .logo {
      padding-top: 15px; } }

@media only screen and (min-width: 977px) {
  #as-seen-on {
    padding: 50px; }
    #as-seen-on .row .logo + .logo::before {
      content: "";
      background-color: rgba(39, 39, 39, 0.2);
      position: absolute;
      bottom: 15%;
      left: 0;
      height: 70%;
      width: 1px; } }

.searchboxcontainer {
  padding: 0 5px;
  background-color: rgba(77, 77, 77, 0.6);
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  opacity: 1; }
  .searchboxcontainer .inputflightdeparture:after, .searchboxcontainer .inputflightreturn:after {
    font-family: 'FontAwesome';
    color: #727375;
    position: absolute;
    display: inline-block;
    right: 10px;
    top: 13px;
    content: "\f073";
    font-size: 1rem; }
  .searchboxcontainer .search-hotel-button {
    text-transform: capitalize; }
  .searchboxcontainer .inputdestination:before {
    font-family: 'FontAwesome';
    color: #A1C15C;
    position: absolute;
    display: inline-block;
    left: 10px;
    top: 13px;
    content: "\f041";
    font-size: 1.25rem; }
  .searchboxcontainer .inputdestination input {
    font-size: 20px;
    padding-left: 30px; }
  .searchboxcontainer input {
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);*/
    box-shadow: none;
    margin: 6px 0px;
    font-size: 22px;
    color: #272727; }
  .searchboxcontainer .searchbutton button {
    min-height: 37px; }
  .searchboxcontainer > span {
    display: inline-block; }
    .searchboxcontainer > span > * {
      margin: 6px 0px;
      font-weight: 400;
      font-size: 18px;
      border: none; }
  .searchboxcontainer > span:first-of-type {
    padding-right: 2px;
    padding-left: 0; }
  .searchboxcontainer > span:last-of-type {
    padding-right: 0px; }
    .searchboxcontainer > span:last-of-type > button {
      width: 100%;
      border-radius: unset; }
  .searchboxcontainer > span:not(:first-of-type) {
    padding-left: 2px;
    padding-right: 2px; }
  @media screen and (max-width: 48rem) {
    .searchboxcontainer .inputdestination input {
      font-size: 18px; }
    .searchboxcontainer > span:last-of-type > button {
      margin-top: 4px; } }

/*.tilepanel.tetrisview {
    display: none;
}*/
#home-deals {
  display: block;
  text-align: center; }

.tilepanel.tetrisview {
  display: none; }

.tilepanel.miniview {
  display: block; }

.tilepanel {
  display: inline-block; }

.tilegroup {
  line-height: 0;
  font-size: 0px;
  direction: ltr; }
  .tilegroup .tilecol {
    vertical-align: top;
    display: inline-block; }
  .tilegroup .tile.tile2col {
    width: 49.58rem; }
  .tilegroup .tile.tile2row {
    height: 41.25rem; }
  .tilegroup .tilecol + .tilecol {
    margin-left: 1rem; }
  .tilegroup .tilerow + .tilerow {
    margin-top: 1.25rem; }
  .tilegroup .tile {
    position: relative;
    display: inline-block;
    width: 24.16rem;
    height: 20rem;
    margin-top: 0px;
    background-size: cover;
    background-repeat: no-repeat; }
    .tilegroup .tile .image {
      width: 100%;
      height: 100%; }
      .tilegroup .tile .image img {
        width: 100%;
        height: 100%; }
    .tilegroup .tile .info {
      color: white;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      text-align: center;
      line-height: 1.5; }
      .tilegroup .tile .info .title {
        text-transform: uppercase;
        font-size: 26px; }
      .tilegroup .tile .info .savings {
        margin-top: 5px;
        border: 1px solid white;
        font-size: 22px;
        padding: 5px 10px;
        display: inline-block;
        text-transform: capitalize; }

@media screen and (min-width: 75rem) {
  .tilepanel.tetrisview {
    display: block; }
  .tilepanel.miniview {
    display: none; } }

@media only screen and (max-width: 60rem) {
  .tile .image img {
    height: 157px;
    width: 345px; } }

@media only screen and (min-width: 44.19rem) {
  .tilegroup .tile + .tile {
    margin-left: 1.25rem; } }

@media only screen and (max-width: 44.19rem) {
  .tilegroup .tile + .tile {
    margin-top: 1.25rem; }
  .tilegroup .tile {
    display: block;
    margin: 0 auto;
    width: 100%; } }

@media only screen and (max-width: 60rem) and (min-width: 44.19rem) {
  .tile {
    width: 48% !important; } }

@media only screen and (min-width: 60rem) and (max-width: 64rem) {
  .tilegroup .tile {
    width: 28rem; } }

@media (max-width: 48rem) {
  md-dialog.fullscreen-dialog {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0; }
    md-dialog.fullscreen-dialog header {
      position: relative;
      height: unset;
      transition: ease-in;
      height: 100px; }
    md-dialog.fullscreen-dialog md-dialog-content {
      /*overflow: hidden;*/
      height: 100%; }
      md-dialog.fullscreen-dialog md-dialog-content .modal {
        height: 100%; }
        md-dialog.fullscreen-dialog md-dialog-content .modal.create-acount-modal {
          margin: 0 !important;
          padding: 10px; }
          md-dialog.fullscreen-dialog md-dialog-content .modal.create-acount-modal > .row > div:last-of-type {
            height: 100%; } }

@media (min-width: 64rem) {
  .md-dialog-container {
    top: 100px !important;
    /*position: fixed !important;*/
    height: unset !important; } }

.md-dialog-container.results-page {
  background: url(/content/Images/modals/StaticResultsImage.jpg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
  @media (max-width: 64rem) {
    .md-dialog-container.results-page {
      background-size: auto; } }

.modal {
  text-align: center; }
  .modal .modal-header h2 {
    color: #272727;
    font-size: 2rem;
    font-weight: 300; }
  .modal .modal-header strong {
    font-weight: 500; }
  .modal .md-button.full-width-button {
    min-width: 130px; }
  .modal .modal-footer {
    padding-top: 10px;
    padding-bottom: 5px; }
    .modal .modal-footer a.md-button span {
      font-size: 1rem;
      text-transform: capitalize; }
    .modal .modal-footer div:last-of-type p {
      color: #4D4D4D;
      font-size: 1rem;
      display: inline; }
    .modal .modal-footer div:last-of-type a {
      color: #A1C15C;
      text-transform: uppercase; }
  .modal.signup-modal {
    padding: 10px; }
    .modal.signup-modal > div:not(:last-of-type) {
      padding-bottom: 1rem; }
    .modal.signup-modal .modal-content .card-list {
      display: flex;
      flex-wrap: wrap; }
      .modal.signup-modal .modal-content .card-list .plan-card {
        display: flex;
        overflow: hidden; }
        @media (max-width: 48rem) {
          .modal.signup-modal .modal-content .card-list .plan-card:first-of-type {
            padding-top: 30px; } }
        @media (max-width: 48rem) {
          .modal.signup-modal .modal-content .card-list .plan-card.plan-card-classic {
            order: 2; } }
        .modal.signup-modal .modal-content .card-list .plan-card.plan-card-classic .card-divider {
          background-color: #d2d2d2; }
        @media (max-width: 48rem) {
          .modal.signup-modal .modal-content .card-list .plan-card.plan-card-premium {
            order: 1; } }
        .modal.signup-modal .modal-content .card-list .plan-card.plan-card-premium .card-divider {
          background-color: #70CCD7; }
        .modal.signup-modal .modal-content .card-list .plan-card .card {
          border: 1px solid #d2d2d2;
          width: 100%; }
          .modal.signup-modal .modal-content .card-list .plan-card .card .card-divider h2 {
            margin: 0;
            padding: 10px 0;
            color: #272727;
            font-size: 2rem;
            font-weight: 300; }
          .modal.signup-modal .modal-content .card-list .plan-card .card .card-section h2 {
            color: #272727;
            font-size: 2.375rem;
            text-transform: uppercase;
            font-weight: 300;
            margin-bottom: 0;
            margin-top: 10px; }
          .modal.signup-modal .modal-content .card-list .plan-card .card .card-section div {
            padding: 0px 40px; }
            .modal.signup-modal .modal-content .card-list .plan-card .card .card-section div ul {
              line-height: 2.5rem;
              text-align: left;
              color: #999999; }
              .modal.signup-modal .modal-content .card-list .plan-card .card .card-section div ul strong {
                color: #272727; }
          .modal.signup-modal .modal-content .card-list .plan-card .card .card-section a.md-button span {
            text-transform: capitalize; }
          .modal.signup-modal .modal-content .card-list .plan-card .card .card-section div:last-of-type {
            padding-top: 5px;
            padding-bottom: 10px; }
          @media (max-width: 48rem) {
            .modal.signup-modal .modal-content .card-list .plan-card .card .card-divider h2 {
              font-size: 1.75rem; }
            .modal.signup-modal .modal-content .card-list .plan-card .card .card-section h2 {
              font-size: 1.75rem; }
            .modal.signup-modal .modal-content .card-list .plan-card .card .card-section div ul {
              line-height: 1.75rem;
              text-align: justify;
              min-height: unset !important; } }
        .modal.signup-modal .modal-content .card-list .plan-card:first-child {
          margin-left: 0; }
    .modal.signup-modal .modal-footer a {
      text-transform: uppercase; }
  .modal.organic .modal-header {
    padding-top: 0.5rem; }
    .modal.organic .modal-header h2 {
      margin: 0; }
  .modal.organic .modal-content .card-list .plan-card .card .card-section .benefits ul {
    min-height: 120px; }
  @media (max-width: 48rem) {
    .modal.organic {
      padding: 10px; }
      .modal.organic > div:not(:last-of-type) {
        padding-bottom: 10px; }
      .modal.organic > div:last-of-type {
        padding-top: 0;
        padding-bottom: 10px; }
      .modal.organic .modal-header {
        padding: 0; }
      .modal.organic .modal-content .card-list .plan-card .card .card-section div {
        padding: 0px 25px; }
      .modal.organic .modal-content .card-list .plan-card .card .card-section .benefits {
        padding-top: 5px; }
        .modal.organic .modal-content .card-list .plan-card .card .card-section .benefits li {
          list-style-type: none;
          text-align: center;
          padding: 5px 0; }
      .modal.organic .modal-content .card-list .plan-card .card .card-section div:last-of-type {
        padding: 5px 40px;
        padding-bottom: 10px; }
      .modal.organic .modal-content .card-list .plan-card:first-of-type {
        padding-top: 20px; } }
  .modal.create-acount-modal {
    margin: 10px !important;
    display: flex;
    flex-wrap: wrap; }
    .modal.create-acount-modal > .row > div {
      display: flex;
      overflow: hidden; }
      .modal.create-acount-modal > .row > div:last-of-type {
        background-color: rgba(255, 255, 255, 0.8);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
        padding: 10px 0; }
    .modal.create-acount-modal > .row > div .modal-header, .modal.create-acount-modal .modal-content, .modal.create-acount-modal .modal-footer {
      width: 100%; }
    .modal.create-acount-modal .modal-header {
      padding: 0; }
      .modal.create-acount-modal .modal-header h2 {
        padding: 0 2rem; }
    .modal.create-acount-modal .divider {
      padding: 0 20px; }
      .modal.create-acount-modal .divider .divider-line hr {
        border: solid #696969;
        border-width: 1px 0 0; }
    .modal.create-acount-modal .modal-content h3 {
      color: #272727;
      font-size: 1.3rem;
      font-weight: 300;
      word-wrap: break-word;
      padding: 5px 0; }
    .modal.create-acount-modal .modal-content h2 {
      color: #272727;
      font-size: 2rem; }
    .modal.create-acount-modal .modal-content .strikethrough {
      padding: 0 5px; }
    .modal.create-acount-modal .modal-content .per-year h2 {
      font-size: 2.2rem;
      margin: 0; }
    .modal.create-acount-modal .modal-content .per-year h3 {
      font-size: 1.15rem; }
    .modal.create-acount-modal .modal-content .per-year p {
      margin-bottom: 0.5rem;
      font-size: 1rem; }
    .modal.create-acount-modal .modal-content .social-login {
      padding: 2px 10px; }
      .modal.create-acount-modal .modal-content .social-login .social-login-button {
        box-sizing: border-box;
        position: relative;
        width: 15em;
        margin: 0.2em;
        padding: 0 15px 0 45px;
        line-height: 2.25rem;
        border-radius: 0.2em;
        font-size: 1rem;
        color: white;
        /* Facebook */
        /* Google */ }
        .modal.create-acount-modal .modal-content .social-login .social-login-button:before {
          content: "";
          box-sizing: border-box;
          position: absolute;
          top: 0;
          left: 0;
          width: 34px;
          height: 100%; }
        .modal.create-acount-modal .modal-content .social-login .social-login-button:focus {
          outline: none; }
        .modal.create-acount-modal .modal-content .social-login .social-login-button:active {
          box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1); }
        .modal.create-acount-modal .modal-content .social-login .social-login-button.button-facebook {
          background-color: #4C69BA;
          background-image: linear-gradient(#4C69BA, #3B55A0);
          /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
          text-shadow: 0 -1px 0 #354C8C; }
          .modal.create-acount-modal .modal-content .social-login .social-login-button.button-facebook:before {
            border-right: #364e92 1px solid;
            background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png") 6px 6px no-repeat; }
          .modal.create-acount-modal .modal-content .social-login .social-login-button.button-facebook:hover, .modal.create-acount-modal .modal-content .social-login .social-login-button.button-facebook:focus {
            background-color: #5B7BD5;
            background-image: linear-gradient(#5B7BD5, #4864B1); }
        .modal.create-acount-modal .modal-content .social-login .social-login-button.button-google {
          background: #DD4B39; }
          .modal.create-acount-modal .modal-content .social-login .social-login-button.button-google:before {
            border-right: #BB3F30 1px solid;
            background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png") 6px 6px no-repeat; }
          .modal.create-acount-modal .modal-content .social-login .social-login-button.button-google:hover, .modal.create-acount-modal .modal-content .social-login .social-login-button.button-google:focus {
            background: #E74B37; }
    .modal.create-acount-modal .modal-content .classic-login input {
      margin: 0 0 0.25rem 0; }
    .modal.create-acount-modal .modal-footer p {
      margin-bottom: 0; }
    @media (min-width: 48rem) {
      .modal.create-acount-modal {
        background-image: url("/content/images/modals/SignUpModal_All.jpg");
        background-size: cover;
        background-repeat: no-repeat; } }
    @media (max-width: 48rem) {
      .modal.create-acount-modal > div.row {
        padding: 0;
        background-image: url(/content/images/modals/SignUpModal_All.jpg);
        background-size: cover;
        background-repeat: no-repeat; }
        .modal.create-acount-modal > div.row > div:last-of-type {
          display: block;
          position: relative; }
          .modal.create-acount-modal > div.row > div:last-of-type > div {
            padding: 2px 0; }
      .modal.create-acount-modal .divider {
        padding: 5px; }
      .modal.create-acount-modal .modal-header {
        padding: 0; }
      .modal.create-acount-modal .modal-content p {
        margin-bottom: 0.5rem; }
      .modal.create-acount-modal .modal-content h2 {
        font-size: 1.8rem; }
      .modal.create-acount-modal .modal-content .social-login {
        padding: 5px; } }
    @media (max-width: 380px) {
      .modal.create-acount-modal .per-year .modal-header h2 {
        font-size: 1.6rem; }
      .modal.create-acount-modal .per-year .modal-content h3 {
        font-size: 1.25rem; }
      .modal.create-acount-modal .per-year .modal-content p {
        margin-bottom: 0; } }
  .modal.promo-modal .modal-header {
    padding-top: 0.5rem;
    padding-bottom: 0; }
  .modal.promo-modal .divider {
    width: 100%;
    padding: 0 20px;
    max-height: 2rem; }
  .modal.promo-modal .modal-content h2 {
    color: #272727; }
  .modal.promo-modal .modal-content h3 {
    font-size: 1.75rem; }
  .modal.promo-modal .modal-content h2:first-of-type {
    font-weight: 600; }
  .modal.promo-modal .modal-content p {
    color: #272727;
    margin-bottom: 0.5rem; }
  .modal.promo-modal .modal-content .promo-code-container h3 {
    font-size: 1.75rem; }
  .modal.promo-modal .modal-content .promo-code-container .md-button {
    margin: 20px 0;
    min-width: 10rem; }
  .modal.promo-modal .modal-content .promo-code-container .promo-code-item {
    color: #A1C15C;
    font-size: 2rem;
    border: 1px solid #000;
    background-color: white;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 3px;
    padding: 20px;
    width: 60%; }
    @media (min-width: 48rem) and (max-width: 64rem) {
      .modal.promo-modal .modal-content .promo-code-container .promo-code-item {
        width: 45%; } }
    @media (max-width: 48rem) {
      .modal.promo-modal .modal-content .promo-code-container .promo-code-item {
        width: 100%; } }
  @media (max-width: 48rem) {
    .modal.promo-modal .divider {
      max-height: unset; }
    .modal.promo-modal > .row > div:last-of-type {
      display: block;
      position: relative; }
      .modal.promo-modal > .row > div:last-of-type > div {
        padding: 2px 0; }
    .modal.promo-modal .modal-header {
      padding-top: 0; }
      .modal.promo-modal .modal-header h2 {
        font-size: 2rem; }
    .modal.promo-modal .modal-content h2 {
      font-size: 1.75rem; }
    .modal.promo-modal .modal-footer {
      position: absolute;
      bottom: 0;
      left: 0; }
    .modal.promo-modal .divider {
      width: 100%; } }
  @media (max-width: 48rem) {
    .modal > .row > div:last-of-type {
      overflow-y: auto;
      overflow-x: hidden; }
    .modal .modal-footer {
      padding-top: 0; } }

.email-logo-container {
  border: none; }
  .email-logo-container td {
    text-align: left; }

.email-logo-container td {
  text-align: center;
  padding: 1rem; }

.email-button {
  background-color: #F37736 !important;
  color: #fff;
  display: inline-block;
  position: relative;
  cursor: pointer;
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  border: 0;
  padding: 1rem 2rem;
  margin: 6px 8px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.25rem;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  letter-spacing: .01em; }