@charset "UTF-8";
/*  

   _____ _       _              _____  _____ _____ 
  / ___/| (•)   | |           / ____// ____/ ____/  v 3.0
 | (___ | |_  __| | ___ ____ | |    | (___| (___  
  \___ \| | |/ _` |/ _ / __/ | |     \___ \ ___ \ 
  ____) | | | (_| |  __\__ \ | |____ ____) |___) |
 /_____/|_|_|\__,_|\___/___/  \_____/_____/_____/                               


This file contains styles required for the proper functionality and display
of your Slides Project.


https://designmodo.com/slides/ */
/* CSS RESET */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import "../bower_components/cookieconsent/build/cookieconsent.min.css";
@import "../bower_components/Datedropper3-master/datedropper.min.css";
html, body, div, span, applet, object, iframe, h1, h2, .showcase li .sc strong, h3, h4, h5, h6, p, hr, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

b, strong {
  font-weight: 600;
}

html {
  position: static !important;
  top: 0 !important;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* Additional Fonts: 
.raleway {
  font-family:Raleway, sans-serif !important;
}
.sourceSans {
  font-family:"Source Sans Pro", sans-serif !important;
}
.playfair {
  font-family:"Playfair Display", serif !important;
}
.georgia {
  font-family:Georgia, serif !important;
} */
/***
 *      __  __
 *     |  \/  |     ( )
 *     | \  / | __ _ _ _ __
 *     | |\/| |/ _` | | '_ \
 *     | |  | | (_| | | | | |
 *     |_|  |_|\__,_|_|_| |_|
 *
 *
 */
html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  backface-visibility: hidden;
}

body {
  position: absolute;
  width: 100%;
  height: 100%;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

html.scrollable,
html.scrollable body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

img {
  max-width: 100%;
  display: inline-block;
}

img.rounded {
  border-radius: 3px;
}

.slides {
  color: #fff;
  fill: #fff;
  font-family: "Source Sans Pro", sans-serif;
  background: #111;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

.safari.retina .slides {
  -webkit-font-smoothing: subpixel-antialiased;
}

.slides.bodyWhite {
  background: #fff;
}

.slides.desktopSwipe {
  cursor: -webkit-grab;
}

.slides.desktopSwipe:active {
  cursor: -webkit-grabbing;
}

.slides.desktopSwipe .slide .container .wrap {
  cursor: inherit;
}

/* typography */
a {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  transition: 0.35s;
}
a.underline {
  text-decoration: underline;
}
a:hover {
  transition: 0.15s;
  opacity: 0.8;
}

h1, .h1 {
  font-size: 52px;
  line-height: 1.05;
  font-weight: 300;
  margin-bottom: 20px;
  letter-spacing: -0.036em;
}
h1.big, .h1.big {
  font-size: 70px;
  line-height: 1;
}
h1.huge, .h1.huge {
  font-size: 100px;
  line-height: 1;
  letter-spacing: -0.04em;
  margin-bottom: 40px;
}
h1.small, .h1.small, .showcase li .sc strong.h1 {
  font-size: 46px;
}
h1.micro, .h1.micro {
  font-size: 34px;
}

h2, .showcase li .sc strong,
.h2 {
  font-size: 35px;
  line-height: 1.17;
  margin-bottom: 15px;
  font-weight: 400;
}
h2.uppercase, .showcase li .sc strong.uppercase,
.h2.uppercase {
  letter-spacing: 0.2em !important;
}
h2.small, .showcase li .sc strong,
.h2.small {
  font-size: 23px;
}
h2.micro, .showcase li .sc strong.micro,
.h2.micro {
  font-size: 19px;
}
h2.huge, .showcase li .sc strong.huge,
.h2.huge {
  font-size: 45px;
}

h3,
.h3 {
  font-size: 22px;
  margin-bottom: 12px;
  font-weight: 600;
}
h3.large,
.h3.large {
  font-size: 32px;
}
h3.big,
.h3.big {
  font-size: 24px;
}
h3.small,
.h3.small,
.showcase li .sc strong.h3 {
  font-size: 20px;
}
h3.micro,
.h3.micro {
  font-size: 16px;
}
h3 + h1,
h3 + .h1,
.h3 + h1,
.h3 + .h1 {
  margin-top: 30px;
}

h4,
.h4 {
  font-size: 22px;
  margin-bottom: 10px;
}
h4.small,
.h4.small,
.showcase li .sc strong.h4 {
  font-size: 13px;
}
h4.micro,
.h4.micro {
  font-size: 5px;
}

h5,
.h5 {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 3px;
}
p,
.p {
  font-size: 24px;
  line-height: 1.385;
  margin-bottom: 30px;
}
p.hero,
.p.hero {
  font-size: 36px;
  line-height: 1.25;
  letter-spacing: -1px;
  font-weight: 300;
  margin-bottom: 25px;
}
p.large,
.p.large {
  font-size: 32px;
  line-height: 1.4;
}
p.small,
.p.small,
.showcase li .sc strong.p {
  font-size: 22px;
  line-height: 1.36;
  margin-bottom: 20px;
}
p.tiny,
.p.tiny {
  font-size: 20px;
  line-height: 1.29441;
  margin-bottom: 20px;
}
p.micro,
.p.micro {
  font-size: 17px;
  line-height: 1.22727273;
  margin-bottom: 20px;
  margin-top: 2px;
}
p:not(.hero) + p,
.p:not(.hero) + p {
  margin-top: -20px;
}
p + h2, .showcase li .sc p + strong,
p + .h2,
.p + h2,
.showcase li .sc .p + strong,
.p + .h2 {
  margin-top: 60px;
}

small {
  font-size: 17px;
  line-height: 1.3;
}
small .small, small .showcase li .sc strong, .showcase li .sc small strong {
  font-size: 14px;
  line-height: 1.28;
}

.uppercase {
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  text-indent: 0.1em !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
  h1,
  .h1,
  h1.huge,
  .h1.huge,
  h1.big,
  .h1.big {
    font-size: 52px;
    margin-bottom: 20px;
  }
  p.hero {
    font-size: 32px;
  }
  h1.small,
  .h1.small,
  .showcase li .sc strong.h1 {
    font-size: 40px;
  }
  .mobileCrop {
    margin: 0 !important;
  }
  .mobileCropBottom {
    margin-bottom: 0 !important;
  }
  .mobileCropTop {
    margin-top: 0 !important;
  }
  .mobileCropLeft {
    margin-left: 0 !important;
  }
  .mobileCropRight {
    margin-right: 0 !important;
  }
}
@media (max-width: 319px) {
  h1.huge,
  .h1.huge,
  h1.big,
  .h1.big {
    font-size: 50px;
  }
}
/* buttons */
.button, #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm input[type=submit] {
  display: inline-block;
  border-radius: 3px;
  padding: 13px 22px 16px;
  color: #fff;
  border: none;
  outline: none;
  text-decoration: none;
  background: #202020;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  backface-visibility: hidden;
  position: relative;
  white-space: nowrap;
  transform: translate3d(0, 0, 0);
  box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  margin-bottom: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.25s;
}
.slide .button, .slide #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .slide a, .slide #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LoginForm .slide input[type=submit], .slide #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .slide a, .slide #MemberLoginForm_LostPasswordForm input[type=submit], #MemberLoginForm_LostPasswordForm .slide input[type=submit] {
  margin-left: 7px;
  margin-right: 7px;
}
.slide .button.small, .slide #MemberLoginForm_LoginForm a.small, #MemberLoginForm_LoginForm .slide a.small, .slide #MemberLoginForm_LoginForm input.small[type=submit], #MemberLoginForm_LoginForm .slide input.small[type=submit], .slide #MemberLoginForm_LostPasswordForm a.small, #MemberLoginForm_LostPasswordForm .slide a.small, .slide #MemberLoginForm_LostPasswordForm input.small[type=submit], #MemberLoginForm_LostPasswordForm .slide input.small[type=submit], .slide .showcase li .sc strong.button, .showcase li .sc .slide strong.button {
  margin-left: 4px;
  margin-right: 4px;
}
.button .material-icons, #MemberLoginForm_LoginForm a .material-icons, #MemberLoginForm_LoginForm input[type=submit] .material-icons, #MemberLoginForm_LostPasswordForm a .material-icons, #MemberLoginForm_LostPasswordForm input[type=submit] .material-icons {
  vertical-align: bottom;
  margin-right: 11px;
}
.button .material-icons.right, #MemberLoginForm_LoginForm a .material-icons.right, #MemberLoginForm_LoginForm input[type=submit] .material-icons.right, #MemberLoginForm_LostPasswordForm a .material-icons.right, #MemberLoginForm_LostPasswordForm input[type=submit] .material-icons.right {
  margin-left: 11px;
  margin-right: 0px;
}
.button svg, #MemberLoginForm_LoginForm a svg, #MemberLoginForm_LoginForm input[type=submit] svg, #MemberLoginForm_LostPasswordForm a svg, #MemberLoginForm_LostPasswordForm input[type=submit] svg {
  width: 22px;
  height: 22px;
  vertical-align: bottom;
  margin-right: 14px;
  pointer-events: none !important;
  position: relative;
}
.button svg *, #MemberLoginForm_LoginForm a svg *, #MemberLoginForm_LoginForm input[type=submit] svg *, #MemberLoginForm_LostPasswordForm a svg *, #MemberLoginForm_LostPasswordForm input[type=submit] svg * {
  pointer-events: none !important;
}
.button.actionButton, #MemberLoginForm_LoginForm a.actionButton, #MemberLoginForm_LoginForm input.actionButton[type=submit], #MemberLoginForm_LostPasswordForm a.actionButton, #MemberLoginForm_LostPasswordForm input.actionButton[type=submit] {
  display: inline-block;
  height: 50px;
  width: 50px;
  padding: 14px;
  border-radius: 25px;
  z-index: 999;
  background: rgba(40, 40, 40, 0.6);
  line-height: 1;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
  cursor: pointer;
  touch-action: manipulation;
  vertical-align: top;
}
.button.actionButton .material-icons, #MemberLoginForm_LoginForm a.actionButton .material-icons, #MemberLoginForm_LoginForm input.actionButton[type=submit] .material-icons, #MemberLoginForm_LostPasswordForm a.actionButton .material-icons, #MemberLoginForm_LostPasswordForm input.actionButton[type=submit] .material-icons {
  margin: 0;
  position: relative;
  left: -2px;
  top: -2px;
  font-size: 26px;
}
.button.actionButton.stroke, #MemberLoginForm_LoginForm a.actionButton.stroke, #MemberLoginForm_LoginForm input.actionButton.stroke[type=submit], #MemberLoginForm_LostPasswordForm a.actionButton.stroke, #MemberLoginForm_LostPasswordForm input.actionButton.stroke[type=submit] {
  box-shadow: none;
}
.button.actionButton:hover, #MemberLoginForm_LoginForm a.actionButton:hover, #MemberLoginForm_LoginForm input.actionButton[type=submit]:hover, #MemberLoginForm_LostPasswordForm a.actionButton:hover, #MemberLoginForm_LostPasswordForm input.actionButton[type=submit]:hover {
  background: rgba(41, 41, 41, 0.8);
}
.button.actionButton.rounded, #MemberLoginForm_LoginForm a.actionButton.rounded, #MemberLoginForm_LoginForm input.actionButton.rounded[type=submit], #MemberLoginForm_LostPasswordForm a.actionButton.rounded, #MemberLoginForm_LostPasswordForm input.actionButton.rounded[type=submit] {
  border-radius: 6px;
}
.button.actionButton.rectangular, #MemberLoginForm_LoginForm a.actionButton.rectangular, #MemberLoginForm_LoginForm input.actionButton.rectangular[type=submit], #MemberLoginForm_LostPasswordForm a.actionButton.rectangular, #MemberLoginForm_LostPasswordForm input.actionButton.rectangular[type=submit] {
  border-radius: 2px;
}
.button.actionButton svg, #MemberLoginForm_LoginForm a.actionButton svg, #MemberLoginForm_LoginForm input.actionButton[type=submit] svg, #MemberLoginForm_LostPasswordForm a.actionButton svg, #MemberLoginForm_LostPasswordForm input.actionButton[type=submit] svg, .slide.whiteSlide .button.actionButton svg {
  fill: #fff;
}
.button.actionButton.sound [class*=sound-], #MemberLoginForm_LoginForm a.actionButton.sound [class*=sound-], #MemberLoginForm_LoginForm input.actionButton.sound[type=submit] [class*=sound-], #MemberLoginForm_LostPasswordForm a.actionButton.sound [class*=sound-], #MemberLoginForm_LostPasswordForm input.actionButton.sound[type=submit] [class*=sound-] {
  position: absolute;
  opacity: 0;
  transition: 0.5s;
  left: 13px;
}
.button.actionButton.sound.playing .sound-on, #MemberLoginForm_LoginForm a.actionButton.sound.playing .sound-on, #MemberLoginForm_LoginForm input.actionButton.sound.playing[type=submit] .sound-on, #MemberLoginForm_LostPasswordForm a.actionButton.sound.playing .sound-on, #MemberLoginForm_LostPasswordForm input.actionButton.sound.playing[type=submit] .sound-on, .button.actionButton.sound:not(.playing) .sound-off, #MemberLoginForm_LoginForm a.actionButton.sound:not(.playing) .sound-off, #MemberLoginForm_LoginForm input.actionButton.sound[type=submit]:not(.playing) .sound-off, #MemberLoginForm_LostPasswordForm a.actionButton.sound:not(.playing) .sound-off, #MemberLoginForm_LostPasswordForm input.actionButton.sound[type=submit]:not(.playing) .sound-off {
  opacity: 1;
}
.button.actionButton.transparent, #MemberLoginForm_LoginForm a.actionButton.transparent, #MemberLoginForm_LoginForm input.actionButton.transparent[type=submit], #MemberLoginForm_LostPasswordForm a.actionButton.transparent, #MemberLoginForm_LostPasswordForm input.actionButton.transparent[type=submit] {
  background-color: transparent;
  box-shadow: none;
}
.button:hover, #MemberLoginForm_LoginForm a:hover, #MemberLoginForm_LoginForm input[type=submit]:hover, #MemberLoginForm_LostPasswordForm a:hover, #MemberLoginForm_LostPasswordForm input[type=submit]:hover {
  transition: 0.25s !important;
  opacity: 1;
  box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.075), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}
.button:active, #MemberLoginForm_LoginForm a:active, #MemberLoginForm_LoginForm input[type=submit]:active, #MemberLoginForm_LostPasswordForm a:active, #MemberLoginForm_LostPasswordForm input[type=submit]:active {
  transition: transform 0.25s, opacity 0.25s, top 0.25s !important;
  box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 0px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  top: 1px;
}
.button.uppercase, #MemberLoginForm_LoginForm a.uppercase, #MemberLoginForm_LoginForm input.uppercase[type=submit], #MemberLoginForm_LostPasswordForm a.uppercase, #MemberLoginForm_LostPasswordForm input.uppercase[type=submit] {
  font-size: 17px;
  font-weight: 700;
  padding-top: 16px;
  padding-bottom: 16px;
}
.button:not(.stroke) svg, #MemberLoginForm_LoginForm a:not(.stroke) svg, #MemberLoginForm_LoginForm input[type=submit]:not(.stroke) svg, #MemberLoginForm_LostPasswordForm a:not(.stroke) svg, #MemberLoginForm_LostPasswordForm input[type=submit]:not(.stroke) svg {
  fill: #fff;
}
.button.round, #MemberLoginForm_LoginForm a.round, #MemberLoginForm_LoginForm input.round[type=submit], #MemberLoginForm_LostPasswordForm a.round, #MemberLoginForm_LostPasswordForm input.round[type=submit] {
  border-radius: 99px;
  padding-left: 28px;
  padding-right: 28px;
}
.button.rounded, #MemberLoginForm_LoginForm a.rounded, #MemberLoginForm_LoginForm input.rounded[type=submit], #MemberLoginForm_LostPasswordForm a.rounded, #MemberLoginForm_LostPasswordForm input.rounded[type=submit] {
  border-radius: 6px;
}
.button.square, #MemberLoginForm_LoginForm a.square, #MemberLoginForm_LoginForm input.square[type=submit], #MemberLoginForm_LostPasswordForm a.square, #MemberLoginForm_LostPasswordForm input.square[type=submit] {
  border-radius: 0px;
}
.button.stroke, #MemberLoginForm_LoginForm a.stroke, #MemberLoginForm_LoginForm input.stroke[type=submit], #MemberLoginForm_LostPasswordForm a.stroke, #MemberLoginForm_LostPasswordForm input.stroke[type=submit] {
  color: #303030;
  border: 2px solid;
  background-color: transparent !important;
  padding-top: 12px;
  padding-bottom: 13px;
  padding-left: 23px;
  padding-right: 23px;
}
.button.stroke.round, #MemberLoginForm_LoginForm a.stroke.round, #MemberLoginForm_LoginForm input.stroke.round[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.round, #MemberLoginForm_LostPasswordForm input.stroke.round[type=submit] {
  padding-left: 26px;
  padding-right: 26px;
}
.button.stroke.uppercase, #MemberLoginForm_LoginForm a.stroke.uppercase, #MemberLoginForm_LoginForm input.stroke.uppercase[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.uppercase, #MemberLoginForm_LostPasswordForm input.stroke.uppercase[type=submit] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.button.stroke.uppercase svg, #MemberLoginForm_LoginForm a.stroke.uppercase svg, #MemberLoginForm_LoginForm input.stroke.uppercase[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.uppercase svg, #MemberLoginForm_LostPasswordForm input.stroke.uppercase[type=submit] svg {
  width: 19px;
  height: 19px;
}
.button.stroke.uppercase.small, #MemberLoginForm_LoginForm a.stroke.uppercase.small, #MemberLoginForm_LoginForm input.stroke.uppercase.small[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.uppercase.small, #MemberLoginForm_LostPasswordForm input.stroke.uppercase.small[type=submit], .showcase li .sc strong.button.stroke.uppercase {
  padding-top: 9px;
  padding-bottom: 10px;
  padding-left: 23px;
  padding-right: 23px;
}
.button.stroke.small, #MemberLoginForm_LoginForm a.stroke.small, #MemberLoginForm_LoginForm input.stroke.small[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.small, #MemberLoginForm_LostPasswordForm input.stroke.small[type=submit], .showcase li .sc strong.button.stroke {
  border: 1px solid;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .button.stroke.big, #MemberLoginForm_LoginForm a.stroke.big, #MemberLoginForm_LoginForm input.stroke.big[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.big, #MemberLoginForm_LostPasswordForm input.stroke.big[type=submit] {
    padding-top: 17px;
    padding-bottom: 21px;
  }
  .button.stroke.big.uppercase, #MemberLoginForm_LoginForm a.stroke.big.uppercase, #MemberLoginForm_LoginForm input.stroke.big.uppercase[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.big.uppercase, #MemberLoginForm_LostPasswordForm input.stroke.big.uppercase[type=submit] {
    padding-top: 20px;
    padding-bottom: 23px;
  }
}
.button.stroke:hover, #MemberLoginForm_LoginForm a.stroke:hover, #MemberLoginForm_LoginForm input.stroke[type=submit]:hover, #MemberLoginForm_LostPasswordForm a.stroke:hover, #MemberLoginForm_LostPasswordForm input.stroke[type=submit]:hover {
  box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}
.button.small, #MemberLoginForm_LoginForm a.small, #MemberLoginForm_LoginForm input.small[type=submit], #MemberLoginForm_LostPasswordForm a.small, #MemberLoginForm_LostPasswordForm input.small[type=submit], .showcase li .sc strong.button {
  font-size: 17px;
  font-weight: 600;
  padding: 9px 14px 9px;
}
.button.small .material-icons, #MemberLoginForm_LoginForm a.small .material-icons, #MemberLoginForm_LoginForm input.small[type=submit] .material-icons, #MemberLoginForm_LostPasswordForm a.small .material-icons, #MemberLoginForm_LostPasswordForm input.small[type=submit] .material-icons, .showcase li .sc strong.button .material-icons {
  vertical-align: bottom;
  position: relative;
  font-size: 20px;
  margin-right: 8px;
  bottom: 1px;
}
.button.small .material-icons.right, #MemberLoginForm_LoginForm a.small .material-icons.right, #MemberLoginForm_LoginForm input.small[type=submit] .material-icons.right, #MemberLoginForm_LostPasswordForm a.small .material-icons.right, #MemberLoginForm_LostPasswordForm input.small[type=submit] .material-icons.right, .showcase li .sc strong.button .material-icons.right {
  margin-left: 8px;
  margin-right: 0px;
}
.button.small svg, #MemberLoginForm_LoginForm a.small svg, #MemberLoginForm_LoginForm input.small[type=submit] svg, #MemberLoginForm_LostPasswordForm a.small svg, #MemberLoginForm_LostPasswordForm input.small[type=submit] svg, .showcase li .sc strong.button svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  bottom: 2px;
}
.button.small.round, #MemberLoginForm_LoginForm a.small.round, #MemberLoginForm_LoginForm input.small.round[type=submit], #MemberLoginForm_LostPasswordForm a.small.round, #MemberLoginForm_LostPasswordForm input.small.round[type=submit], .showcase li .sc strong.button.round {
  padding-left: 18px;
  padding-right: 18px;
}
.button.small.rounded, #MemberLoginForm_LoginForm a.small.rounded, #MemberLoginForm_LoginForm input.small.rounded[type=submit], #MemberLoginForm_LostPasswordForm a.small.rounded, #MemberLoginForm_LostPasswordForm input.small.rounded[type=submit], .showcase li .sc strong.button.rounded {
  border-radius: 5px;
}
.button.small.uppercase, #MemberLoginForm_LoginForm a.small.uppercase, #MemberLoginForm_LoginForm input.small.uppercase[type=submit], #MemberLoginForm_LostPasswordForm a.small.uppercase, #MemberLoginForm_LostPasswordForm input.small.uppercase[type=submit], .showcase li .sc strong.button.uppercase {
  font-size: 15px;
  padding: 10px 16px 11px;
}
.button.small.uppercase.round, #MemberLoginForm_LoginForm a.small.uppercase.round, #MemberLoginForm_LoginForm input.small.uppercase.round[type=submit], #MemberLoginForm_LostPasswordForm a.small.uppercase.round, #MemberLoginForm_LostPasswordForm input.small.uppercase.round[type=submit], .showcase li .sc strong.button.uppercase.round {
  padding-left: 19px;
  padding-right: 19px;
}
.button.small.uppercase svg, #MemberLoginForm_LoginForm a.small.uppercase svg, #MemberLoginForm_LoginForm input.small.uppercase[type=submit] svg, #MemberLoginForm_LostPasswordForm a.small.uppercase svg, #MemberLoginForm_LostPasswordForm input.small.uppercase[type=submit] svg, .showcase li .sc strong.button.uppercase svg {
  bottom: 0;
}
@media (min-width: 768px) {
  .button.big, #MemberLoginForm_LoginForm a.big, #MemberLoginForm_LoginForm input.big[type=submit], #MemberLoginForm_LostPasswordForm a.big, #MemberLoginForm_LostPasswordForm input.big[type=submit] {
    font-size: 30px;
    padding: 19px 32px 23px;
  }
  .button.big.round, #MemberLoginForm_LoginForm a.big.round, #MemberLoginForm_LoginForm input.big.round[type=submit], #MemberLoginForm_LostPasswordForm a.big.round, #MemberLoginForm_LostPasswordForm input.big.round[type=submit] {
    padding-left: 42px;
    padding-right: 42px;
  }
  .button.big.rounded, #MemberLoginForm_LoginForm a.big.rounded, #MemberLoginForm_LoginForm input.big.rounded[type=submit], #MemberLoginForm_LostPasswordForm a.big.rounded, #MemberLoginForm_LostPasswordForm input.big.rounded[type=submit] {
    border-radius: 7px;
  }
  .button.big.uppercase, #MemberLoginForm_LoginForm a.big.uppercase, #MemberLoginForm_LoginForm input.big.uppercase[type=submit], #MemberLoginForm_LostPasswordForm a.big.uppercase, #MemberLoginForm_LostPasswordForm input.big.uppercase[type=submit] {
    font-size: 26px;
    padding: 22px 30px 25px;
  }
  .button.big.uppercase.round, #MemberLoginForm_LoginForm a.big.uppercase.round, #MemberLoginForm_LoginForm input.big.uppercase.round[type=submit], #MemberLoginForm_LostPasswordForm a.big.uppercase.round, #MemberLoginForm_LostPasswordForm input.big.uppercase.round[type=submit] {
    padding-left: 42px;
    padding-right: 42px;
  }
  .button.big .material-icons, #MemberLoginForm_LoginForm a.big .material-icons, #MemberLoginForm_LoginForm input.big[type=submit] .material-icons, #MemberLoginForm_LostPasswordForm a.big .material-icons, #MemberLoginForm_LostPasswordForm input.big[type=submit] .material-icons {
    vertical-align: bottom;
    margin-right: 16px;
    font-size: 38px;
  }
  .button.big .material-icons.right, #MemberLoginForm_LoginForm a.big .material-icons.right, #MemberLoginForm_LoginForm input.big[type=submit] .material-icons.right, #MemberLoginForm_LostPasswordForm a.big .material-icons.right, #MemberLoginForm_LostPasswordForm input.big[type=submit] .material-icons.right {
    margin-left: 16px;
    margin-right: 0px;
  }
  .button.big svg, #MemberLoginForm_LoginForm a.big svg, #MemberLoginForm_LoginForm input.big[type=submit] svg, #MemberLoginForm_LostPasswordForm a.big svg, #MemberLoginForm_LostPasswordForm input.big[type=submit] svg {
    width: 36px;
    height: 36px;
    margin-right: 18px;
  }
}
.button.empty, #MemberLoginForm_LoginForm a.empty, #MemberLoginForm_LoginForm input.empty[type=submit], #MemberLoginForm_LostPasswordForm a.empty, #MemberLoginForm_LostPasswordForm input.empty[type=submit] {
  padding: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  font-size: 0 !important;
  margin: 0;
}
.button.hollow, #MemberLoginForm_LoginForm a.hollow, #MemberLoginForm_LoginForm input.hollow[type=submit], #MemberLoginForm_LostPasswordForm a.hollow, #MemberLoginForm_LostPasswordForm input.hollow[type=submit] {
  padding: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  font-size: 0 !important;
}
.button.hollow svg, #MemberLoginForm_LoginForm a.hollow svg, #MemberLoginForm_LoginForm input.hollow[type=submit] svg, #MemberLoginForm_LostPasswordForm a.hollow svg, #MemberLoginForm_LostPasswordForm input.hollow[type=submit] svg {
  margin: 0;
}
.button.shade, #MemberLoginForm_LoginForm a.shade, #MemberLoginForm_LoginForm input.shade[type=submit], #MemberLoginForm_LostPasswordForm a.shade, #MemberLoginForm_LostPasswordForm input.shade[type=submit] {
  position: relative;
}
.button.shade:after, #MemberLoginForm_LoginForm a.shade:after, #MemberLoginForm_LoginForm input.shade[type=submit]:after, #MemberLoginForm_LostPasswordForm a.shade:after, #MemberLoginForm_LostPasswordForm input.shade[type=submit]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #292929;
  opacity: 0;
  transition: 0.25s;
}
.button.shade:hover:after, #MemberLoginForm_LoginForm a.shade:hover:after, #MemberLoginForm_LoginForm input.shade[type=submit]:hover:after, #MemberLoginForm_LostPasswordForm a.shade:hover:after, #MemberLoginForm_LostPasswordForm input.shade[type=submit]:hover:after {
  opacity: 0.15;
}
.button.shade:active:after, #MemberLoginForm_LoginForm a.shade:active:after, #MemberLoginForm_LoginForm input.shade[type=submit]:active:after, #MemberLoginForm_LostPasswordForm a.shade:active:after, #MemberLoginForm_LostPasswordForm input.shade[type=submit]:active:after {
  opacity: 0.2;
}
.button.play, #MemberLoginForm_LoginForm a.play, #MemberLoginForm_LoginForm input.play[type=submit], #MemberLoginForm_LostPasswordForm a.play, #MemberLoginForm_LostPasswordForm input.play[type=submit] {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  padding: 27px;
  margin-left: 0px;
  margin-right: 0px;
}
.button.play svg, #MemberLoginForm_LoginForm a.play svg, #MemberLoginForm_LoginForm input.play[type=submit] svg, #MemberLoginForm_LostPasswordForm a.play svg, #MemberLoginForm_LostPasswordForm input.play[type=submit] svg {
  fill: #fff;
  width: 35px;
  height: 36px;
  margin: 0;
}
.button.play.small, #MemberLoginForm_LoginForm a.play.small, #MemberLoginForm_LoginForm input.play.small[type=submit], #MemberLoginForm_LostPasswordForm a.play.small, #MemberLoginForm_LostPasswordForm input.play.small[type=submit], .showcase li .sc strong.button.play {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 20px 19px;
}
.button.play.small svg, #MemberLoginForm_LoginForm a.play.small svg, #MemberLoginForm_LoginForm input.play.small[type=submit] svg, #MemberLoginForm_LostPasswordForm a.play.small svg, #MemberLoginForm_LostPasswordForm input.play.small[type=submit] svg, .showcase li .sc strong.button.play svg {
  fill: #fff;
  width: 23px;
  height: 23px;
}
.button.play:hover, #MemberLoginForm_LoginForm a.play:hover, #MemberLoginForm_LoginForm input.play[type=submit]:hover, #MemberLoginForm_LostPasswordForm a.play:hover, #MemberLoginForm_LostPasswordForm input.play[type=submit]:hover {
  transform: scale(1.05);
}
.button.lowercase, #MemberLoginForm_LoginForm a.lowercase, #MemberLoginForm_LoginForm input.lowercase[type=submit], #MemberLoginForm_LostPasswordForm a.lowercase, #MemberLoginForm_LostPasswordForm input.lowercase[type=submit] {
  text-transform: lowercase;
  letter-spacing: 0em;
  font-weight: 300;
}

.slide.whiteSlide .button.stroke, .slide.whiteSlide #MemberLoginForm_LoginForm a.stroke, #MemberLoginForm_LoginForm .slide.whiteSlide a.stroke, .slide.whiteSlide #MemberLoginForm_LoginForm input.stroke[type=submit], #MemberLoginForm_LoginForm .slide.whiteSlide input.stroke[type=submit], .slide.whiteSlide #MemberLoginForm_LostPasswordForm a.stroke, #MemberLoginForm_LostPasswordForm .slide.whiteSlide a.stroke, .slide.whiteSlide #MemberLoginForm_LostPasswordForm input.stroke[type=submit], #MemberLoginForm_LostPasswordForm .slide.whiteSlide input.stroke[type=submit] {
  color: #303030;
}

.slide.whiteSlide .button.white:hover, .slide.whiteSlide #MemberLoginForm_LoginForm a.white:hover, #MemberLoginForm_LoginForm .slide.whiteSlide a.white:hover, .slide.whiteSlide #MemberLoginForm_LoginForm input.white[type=submit]:hover, #MemberLoginForm_LoginForm .slide.whiteSlide input.white[type=submit]:hover, .slide.whiteSlide #MemberLoginForm_LostPasswordForm a.white:hover, #MemberLoginForm_LostPasswordForm .slide.whiteSlide a.white:hover, .slide.whiteSlide #MemberLoginForm_LostPasswordForm input.white[type=submit]:hover, #MemberLoginForm_LostPasswordForm .slide.whiteSlide input.white[type=submit]:hover {
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0) inset, inset 0 -100px 0 rgba(41, 41, 41, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.18);
}

.roundButton {
  border-radius: 50px;
  height: 50px;
  width: 50px;
  padding: 14px;
  margin: 5px;
}
.roundButton svg {
  bottom: 2px;
}

@media (max-width: 319px) {
  .button.uppercase, #MemberLoginForm_LoginForm a.uppercase, #MemberLoginForm_LoginForm input.uppercase[type=submit], #MemberLoginForm_LostPasswordForm a.uppercase, #MemberLoginForm_LostPasswordForm input.uppercase[type=submit],
  .uppercase {
    letter-spacing: 0.07em;
  }
}
/* stuff */
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.slide.whiteSlide svg {
  fill: #303030;
}

.svgContainer,
.embedContainer {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0;
}

.svgContainer svg.scale,
.embedContainer .scale {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.dots {
  font-size: 0;
}

.dot {
  padding: 8px;
  display: inline-block;
}

.dot:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.5;
  transition: 0.25s;
}

.dots.big .dot:after {
  width: 14px;
  height: 14px;
}

.slide.whiteSlide .dot:after {
  background: #303030;
}

.dot:hover:after {
  transform: scale(1.333333);
  opacity: 1;
}

.dot:active:after,
.dot.selected:after {
  opacity: 1;
  transform: scale(1);
}

.tabs {
  border: 1px solid #fff;
  color: #fff;
  max-width: 260px;
  border-radius: 5px;
}
.tabs li {
  border: 1px solid #fff;
  padding: 15px 20px;
  letter-spacing: 2.5px;
  font-size: 17px;
  transition: 0.15s;
}
.tabs li:first-child {
  border-radius: 4px 4px 0 0;
}
.tabs li:last-child {
  border-radius: 0 0 4px 4px;
}
.tabs li.selected {
  background: #fff;
  color: #303030;
}

.whiteSlide .tabs,
.whiteSlide .tabs li {
  border: 1px solid #303030;
  color: #303030;
}

.whiteSlide .tabs li.selected {
  background: #303030;
  color: #fff;
}

.links li {
  font-size: 17px;
  letter-spacing: 0;
  padding: 4px 0;
}

.address {
  letter-spacing: -1.5px;
  font-size: 30px;
  line-height: 1.1666;
}

.price {
  font-size: 140px;
  line-height: 1.26;
  margin-bottom: 20px;
  font-weight: 200;
}

.currency {
  font-size: 40px;
  vertical-align: super;
  font-weight: 400;
  padding-right: 10px;
  margin-left: -0.8em;
  opacity: 0.6;
  position: relative;
  top: -16px;
}

.social-circles {
  font-size: 0;
}

.social-circles li {
  display: inline-block;
}

.social-circles li svg {
  width: 22px;
  height: 22px;
  fill: #fff;
}

/* forms */
form {
  font-size: 0;
  margin-top: -5px;
}
form * {
  font-family: inherit;
}
form textarea {
  max-height: 200px;
  max-width: 100%;
  min-height: 130px;
}
form textarea.round {
  border-radius: 15px !important;
}
form label, form .label {
  display: block;
  font-size: 17px;
  margin-top: 12px;
  margin-bottom: 7px;
}
form label.uppercase, form .label.uppercase {
  font-size: 14px;
}
form input[type=text],
form input[type=name],
form input[type=email],
form input[type=password],
form input[type=tel],
form textarea,
form select {
  background-color: #fff;
  position: relative;
  background: #fff;
  padding: 13px 16px 16px;
  border: none;
  font-size: 20px;
  color: #242424;
  outline: none;
  border-radius: 3px;
  width: 100%;
  font-weight: 600;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.1) inset, 0 3px 4px 0px rgba(41, 41, 41, 0.1) inset, 0 -100px 0 #fff inset;
  transition: 0.15s;
}
form input[type=text].flat, form input[type=text]:focus,
form input[type=name].flat,
form input[type=name]:focus,
form input[type=email].flat,
form input[type=email]:focus,
form input[type=password].flat,
form input[type=password]:focus,
form input[type=tel].flat,
form input[type=tel]:focus,
form textarea.flat,
form textarea:focus,
form select.flat,
form select:focus {
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.1) inset, 0 3px 4px 0px rgba(41, 41, 41, 0) inset;
}
form input[type=text]:focus::-webkit-input-placeholder,
form input[type=name]:focus::-webkit-input-placeholder,
form input[type=email]:focus::-webkit-input-placeholder,
form input[type=password]:focus::-webkit-input-placeholder,
form input[type=tel]:focus::-webkit-input-placeholder,
form textarea:focus::-webkit-input-placeholder,
form select:focus::-webkit-input-placeholder {
  color: #242424;
  font-weight: 400;
  opacity: 0;
}
form input[type=text]:focus:-moz-placeholder,
form input[type=name]:focus:-moz-placeholder,
form input[type=email]:focus:-moz-placeholder,
form input[type=password]:focus:-moz-placeholder,
form input[type=tel]:focus:-moz-placeholder,
form textarea:focus:-moz-placeholder,
form select:focus:-moz-placeholder {
  color: #242424;
  font-weight: 400;
  opacity: 0;
}
form input[type=text]:focus::-moz-placeholder,
form input[type=name]:focus::-moz-placeholder,
form input[type=email]:focus::-moz-placeholder,
form input[type=password]:focus::-moz-placeholder,
form input[type=tel]:focus::-moz-placeholder,
form textarea:focus::-moz-placeholder,
form select:focus::-moz-placeholder {
  color: #242424;
  font-weight: 400;
  opacity: 0;
}
form input[type=text]:focus:-ms-input-placeholder,
form input[type=name]:focus:-ms-input-placeholder,
form input[type=email]:focus:-ms-input-placeholder,
form input[type=password]:focus:-ms-input-placeholder,
form input[type=tel]:focus:-ms-input-placeholder,
form textarea:focus:-ms-input-placeholder,
form select:focus:-ms-input-placeholder {
  color: #242424;
  font-weight: 400;
  opacity: 0;
}
form input[type=text].round,
form input[type=name].round,
form input[type=email].round,
form input[type=password].round,
form input[type=tel].round,
form textarea.round,
form select.round {
  border-radius: 50px;
  padding-left: 22px;
  padding-right: 22px;
}
form input[type=text].rounded,
form input[type=name].rounded,
form input[type=email].rounded,
form input[type=password].rounded,
form input[type=tel].rounded,
form textarea.rounded,
form select.rounded {
  border-radius: 6px;
}
form input[type=text]:after,
form input[type=name]:after,
form input[type=email]:after,
form input[type=password]:after,
form input[type=tel]:after,
form textarea:after,
form select:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}
@media (min-width: 768px) {
  form input[type=text],
  form input[type=name],
  form input[type=email],
  form input[type=password],
  form input[type=tel],
  form textarea,
  form select {
    max-width: 300px;
  }
}
form input[type=text]::-webkit-input-placeholder,
form input[type=name]::-webkit-input-placeholder,
form input[type=email]::-webkit-input-placeholder,
form input[type=password]::-webkit-input-placeholder,
form input[type=tel]::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
form select::-webkit-input-placeholder {
  color: #242424;
  font-weight: 400;
  opacity: 0.5;
}
form input[type=text]:-moz-placeholder,
form input[type=name]:-moz-placeholder,
form input[type=email]:-moz-placeholder,
form input[type=password]:-moz-placeholder,
form input[type=tel]:-moz-placeholder,
form textarea:-moz-placeholder,
form select:-moz-placeholder {
  color: #242424;
  font-weight: 400;
  opacity: 0.5;
}
form input[type=text]::-moz-placeholder,
form input[type=name]::-moz-placeholder,
form input[type=email]::-moz-placeholder,
form input[type=password]::-moz-placeholder,
form input[type=tel]::-moz-placeholder,
form textarea::-moz-placeholder,
form select::-moz-placeholder {
  color: #242424;
  font-weight: 400;
  opacity: 0.5;
}
form input[type=text]:-ms-input-placeholder,
form input[type=name]:-ms-input-placeholder,
form input[type=email]:-ms-input-placeholder,
form input[type=password]:-ms-input-placeholder,
form input[type=tel]:-ms-input-placeholder,
form textarea:-ms-input-placeholder,
form select:-ms-input-placeholder {
  color: #242424;
  font-weight: 400;
  opacity: 0.5;
}
form textarea {
  font-weight: 400;
}
form textarea.round {
  border-radius: 25px;
}
form select {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" w…h="37" height="7"><path fill="#303030" d="M14.022 0l5.978 6 6-6z"/></svg>');
}
form input[type=text],
form input[type=name],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=submit],
form button[type=submit],
form textarea {
  margin: 5px;
}
form input[type=text].wide,
form input[type=name].wide,
form input[type=email].wide,
form input[type=password].wide,
form input[type=tel].wide,
form input[type=submit].wide,
form button[type=submit].wide,
form textarea.wide {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 769px) {
  form input.pair {
    width: 50% !important;
    max-width: 50% !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  form input.pair + .pair {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    width: calc(50% + 1px) !important;
    max-width: calc(50% + 1px) !important;
    margin-left: -1px;
  }
}
form.wide input, form.wide textarea {
  width: 100%;
  max-width: 100%;
  margin: 8px 0;
}
form.center input, form.center textarea {
  text-align: center;
}

@media (max-width: 768px) {
  form input,
  form textarea,
  form label {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    max-width: 350px !important;
    display: block !important;
  }
  form label {
    margin-top: 30px;
  }
}
/***
 *       _____ _       _
 *      / ___/| ( )   | |
 *     | (___ | |_  __| | ________
 *      \___ \| | |/ _` |/ , / __/
 *      ____) | | | (_| |  __\__ \
 *     /_____/|_|_|\__,_|\___/___/
 *
 *
 */
.slide {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #303030;
  color: #fff;
  z-index: 10;
  overflow: hidden;
}
.slide.active {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.mobile .slide {
  visibility: hidden;
}
.mobile .slide.active {
  visibility: visible;
}
.slide.whiteSlide {
  color: #303030;
  background: #fff;
}

.content {
  overflow: hidden;
  position: absolute;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
}
.content.scrollBar {
  overflow-y: auto;
}
.windows .defaultScroll .content {
  overflow: auto;
  overflow-x: hidden;
}
.mobile .content {
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Background Fade */
.fade .content {
  background: rgba(17, 19, 20, 0.6);
  outline: 2px solid rgba(17, 19, 20, 0.6);
}

/*default*/
.fade-1 .content {
  background: rgba(17, 19, 20, 0.1);
  outline: 2px solid rgba(17, 19, 20, 0.1);
}

.fade-2 .content {
  background: rgba(17, 19, 20, 0.2);
  outline: 2px solid rgba(17, 19, 20, 0.2);
}

.fade-3 .content {
  background: rgba(17, 19, 20, 0.3);
  outline: 2px solid rgba(17, 19, 20, 0.3);
}

.fade-4 .content {
  background: rgba(17, 19, 20, 0.4);
  outline: 2px solid rgba(17, 19, 20, 0.4);
}

.fade-5 .content {
  background: rgba(17, 19, 20, 0.5);
  outline: 2px solid rgba(17, 19, 20, 0.5);
}

.fade-6 .content {
  background: rgba(17, 19, 20, 0.6);
  outline: 2px solid rgba(17, 19, 20, 0.6);
}

.fade-7 .content {
  background: rgba(17, 19, 20, 0.7);
  outline: 2px solid rgba(17, 19, 20, 0.7);
}

.fade-8 .content {
  background: rgba(17, 19, 20, 0.8);
  outline: 2px solid rgba(17, 19, 20, 0.8);
}

.fade-9 .content {
  background: rgba(17, 19, 20, 0.9);
  outline: 2px solid rgba(17, 19, 20, 0.9);
}

.whiteSlide[class*=fade] .content {
  background: rgba(255, 255, 255, 0.85);
  outline: 2px solid rgba(255, 255, 255, 0.85);
}

.container {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  height: 100%;
}
.container .wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.container .wrap:not(.noSpaces), .container .wrap.spaceWrap,
.container .wrap .spaceWrap {
  padding: calc(5.56% + 50px) calc(8% + 15px);
}
.container .wrap .overflowHidden {
  overflow: hidden;
}
.container .wrap * {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.design-resources-download {
  color: #D83838;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5s;
}

.design-resources-download .circle {
  border-radius: 50px;
  background: #d83838;
  color: #fff;
  margin-right: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  padding: 5px;
  font-size: 20px;
}

.slide .background,
.popup .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  backface-visibility: hidden;
}

.slide .background iframe,
.popup .background iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.slide:not(.youtube) .background iframe,
.popup:not(.youtube) .background iframe {
  width: 100%;
  height: 100%;
}

/* Grid */
.grid {
  margin-left: -2%;
  margin-right: -2%;
}
.grid [class*=col-] {
  display: block;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  float: left;
}
.grid.fixedSpaces {
  margin-left: -14px;
  margin-right: -14px;
}
.grid.fixedSpaces [class*=col-] {
  padding-left: 14px;
  padding-right: 14px;
}
.grid.noSpaces {
  margin-left: 0;
  margin-right: 0;
}
.grid.noSpaces [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
.grid .toLeft[class*=col-] {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.grid .toRight[class*=col-] {
  margin-right: 0 !important;
  margin-left: auto !important;
  float: right;
}
.grid .toCenter[class*=col-] {
  margin-left: auto !important;
  margin-right: auto !important;
}
.grid > .col-1-12 {
  max-width: 8.333333333%;
}
.grid > .col-2-12 {
  max-width: 16.666666666%;
}
.grid > .col-3-12 {
  max-width: 24.999999999%;
}
.grid > .col-4-12 {
  max-width: 33.333333332%;
}
.grid > .col-5-12 {
  max-width: 41.666666665%;
}
.grid > .col-6-12 {
  max-width: 49.999999998%;
}
.grid > .col-7-12 {
  max-width: 58.333333331%;
}
.grid > .col-8-12 {
  max-width: 66.666666664%;
}
.grid > .col-9-12 {
  max-width: 74.999999997%;
}
.grid > .col-10-12 {
  max-width: 83.33333333%;
}
.grid > .col-11-12 {
  max-width: 91.666666663%;
}
.grid > .col-12-12 {
  max-width: 99.999999996%;
}
.grid + .grid {
  margin-top: 20px;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

.fix-1-12 {
  max-width: 93px !important;
}

.fix-2-12 {
  max-width: 186px !important;
}

.fix-3-12 {
  max-width: 278px !important;
}

.fix-4-12 {
  max-width: 371px !important;
}

.fix-5-12 {
  max-width: 464px !important;
}

.fix-6-12 {
  max-width: 557px !important;
}

.fix-7-12 {
  max-width: 650px !important;
}

.fix-8-12 {
  max-width: 743px !important;
}

.fix-9-12 {
  max-width: 835px !important;
}

.fix-10-12 {
  max-width: 928px !important;
}

.fix-11-12 {
  max-width: 1021px !important;
}

.fix-12-12 {
  max-width: 1114px !important;
}

[class*=fix-] {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}

.toLeft,
.toLeft[class*=fix-] {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.toRight,
.toRight[class*=fix-] {
  margin-right: 0 !important;
  margin-left: auto !important;
  float: right;
}

.toCenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

.popupTrigger,
.dropdownTrigger,
.sidebarTrigger {
  cursor: pointer;
}

.shiftImage {
  margin-top: -15%;
  margin-bottom: -100%;
}

.shiftImageVertical {
  margin-right: -100%;
  max-width: none;
}

.slide.video .background {
  overflow: hidden;
}

.slide.video .background video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

.slide.video .background video::-webkit-media-controls {
  display: none !important;
}

.slide.video .background video::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

.slide.video .background video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

html:not(.mobile) .slide.video .background[style] {
  background: none !important;
}

.mobile .slide.video .background[style] video {
  display: none;
}

.videoThumbnail {
  cursor: pointer;
  position: relative;
  font-size: 0;
  overflow: hidden;
  line-height: 0;
}
.videoThumbnail.shadow {
  box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6);
}
.videoThumbnail:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url("../assets/svg/video-icon.svg") no-repeat;
  background-position: center center;
  transition: 0.5s;
}
.videoThumbnail:not(.noTint):hover:after {
  background-color: rgba(0, 0, 0, 0.15);
}
.videoThumbnail:hover:after {
  transform: scale(1.1);
  transition: 0.25s;
}
.videoThumbnail:active:after {
  opacity: 0.8;
}
.videoThumbnail.small, .showcase li .sc strong.videoThumbnail {
  max-width: 200px;
  display: block;
}
.videoThumbnail.small.shadow, .showcase li .sc strong.videoThumbnail.shadow {
  box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.6);
}
.videoThumbnail.small:after, .showcase li .sc strong.videoThumbnail:after {
  background-size: 44px;
}

.shadow,
.button.empty.shadow:hover,
#MemberLoginForm_LoginForm a.empty.shadow:hover,
#MemberLoginForm_LoginForm input.empty.shadow[type=submit]:hover,
#MemberLoginForm_LostPasswordForm a.empty.shadow:hover,
#MemberLoginForm_LostPasswordForm input.empty.shadow[type=submit]:hover {
  box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6);
}

.pad {
  border-radius: 6px;
  padding: 10%;
  color: #303030;
  background: #fff;
  overflow: hidden;
}
.pad.shadow {
  box-shadow: 0 35px 54px rgba(0, 0, 0, 0.3), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12);
}
.pad.shadow.stroke {
  background: transparent;
  transition: 0.15s;
  color: #fff;
}
.pad.shadow.stroke:hover {
  background: #fff;
  color: #303030;
  transition: 0.15s;
}
.pad.shadowHover {
  transition: 0.5s;
  box-shadow: 0 52px 64px rgba(0, 0, 0, 0);
}
.pad.shadowHover:hover {
  box-shadow: 0 52px 64px rgba(0, 0, 0, 0.5);
}
.pad small {
  font-size: 15px;
  line-height: 1.45;
  margin: 15px 0;
}
@media (max-width: 767px) {
  .pad.collapse {
    background: inherit;
    color: inherit;
    border: none;
    padding: 0 !important;
    overflow: inherit;
    border-radius: 0;
    box-shadow: none;
    transition: 0s !important;
  }
  .pad.shadow {
    box-shadow: none;
  }
}

.quoteBubble {
  padding: 7%;
  background: #fff;
  font-size: 26px;
  color: #303030;
  position: relative;
}
.quoteBubble:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 6%;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}

.quoteName {
  padding-top: 26px;
  font-size: 22px;
  font-weight: 600;
}

.quoteTitle {
  font-weight: 400;
  opacity: 0.8;
}

.slide.whiteSlide .quoteBubble {
  background: #303030;
  color: #fff;
}

.slide.whiteSlide .quoteBubble:after {
  border-color: #303030 transparent;
  color: #fff;
}

.resizing .equalElement {
  transition: 0s !important;
}

.hr {
  position: relative;
  height: 1px;
}

.hr:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  height: 1px;
  left: 0;
  transform: scaleX(3);
}
.whiteSlide .hr:after {
  background: rgba(41, 41, 41, 0.05);
}

/* smaller that tablet landscape */
@media (max-width: 1023px) {
  .videoThumbnail {
    max-width: 100%;
    width: 100%;
  }
  .grid:not(.later) > [class*=col-] {
    max-width: 100% !important;
    width: 100% !important;
  }
  .grid:not(.later) > [class*=col-] .mobileLeft {
    text-align: left;
  }
  .grid:not(.later) > [class*=col-] .mobileRight {
    text-align: right;
  }
  .grid:not(.later) > [class*=col-] .pad {
    border: none;
    padding: 10% 0 !important;
    border-radius: 0;
    transition: 0s !important;
  }
  .grid:not(.later) > [class*=col-] .pad:hover,
  .grid:not(.later) > [class*=col-] .pad.stroke {
    background: inherit;
    color: inherit;
  }
  .shiftImage {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .shiftImageVertical {
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}
/* phablet landscape and tablet portrait and smaller */
@media (max-width: 766px) {
  .grid.later > [class*=col-] {
    max-width: 100% !important;
    width: 100% !important;
  }
  .grid.later > [class*=col-] .mobileLeft {
    text-align: left;
  }
  .grid.later > [class*=col-] .mobileRight {
    text-align: right;
  }
}
/* desktop and bigger */
@media (min-width: 1024px) {
  .hideForDesktop {
    display: none !important;
  }
}
/* tablet landscape and smaller */
@media (min-width: 1024px) {
  .showForDesktop {
    display: block !important;
  }
}
/* tablet landscape and smaller */
@media (max-width: 1024px) {
  .hideForTablet {
    display: none !important;
  }
}
/* tablet landscape and smaller */
@media (max-width: 1024px) {
  .showForTablet {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .hideForPhablet {
    display: none !important;
  }
}
/* tablet portrait and smaller */
@media (max-width: 768px) {
  .showForPhablet {
    display: block !important;
  }
}
/* phone portrait and smaller */
@media (max-width: 435px) {
  .hideForPhone {
    display: none !important;
  }
}
@media (max-width: 435px) {
  .showForPhone {
    display: block !important;
  }
}
/* show and hide for Mobile */
html.mobile .hideForMobile {
  display: none !important;
}

html.mobile .showForMobile {
  display: block !important;
}

.helpBubble {
  cursor: pointer;
}
.helpBubble:after {
  content: "?";
  font-size: 14px;
  width: 17px;
  height: 17px;
  line-height: 1.2;
  background: #303030;
  opacity: 0.3;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  margin-left: 4px;
  font-weight: 700;
  transition: 0.25s;
}
.helpBubble .helpMessage {
  background: rgba(255, 255, 255, 0.98);
  color: #303030;
  font-size: 17px;
  position: absolute;
  z-index: 10;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.07), 0 6px 8px rgba(0, 0, 0, 0.05);
  padding: 17px;
  text-align: left;
  bottom: 50%;
  margin-bottom: 5px;
  transform: translateY(10px) scale(0.95);
  transition: 0.25s;
  opacity: 0;
  pointer-events: none;
  color: rgba(48, 48, 48, 0.7);
}
.helpBubble .helpMessage strong {
  color: rgb(48, 48, 48);
}
.helpBubble:hover .helpMessage {
  pointer-events: all;
  transform: translateY(0) scale(1);
  opacity: 1;
}
.helpBubble:hover:after {
  opacity: 1;
}

/***
 *      _____                 _
 *     |  __ \               | |
 *     | |__) __ _ _ __   ___| |____
 *     |  ___/ _` | '_ \ / _ | / __/
 *     | |  | (_| | | | |  __| \__ \
 *     |_|   \__,_|_| |_|\___|_/___/
 *
 *
 */
.panel {
  position: fixed;
  left: 0;
  width: 100%;
  padding: 1.5% 1.8%;
  z-index: 200;
  text-align: center;
  font-size: 22px;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translate3d(0, 0, 0);
}
.panel.large {
  padding: 2.78% 5%;
}
.panel.small, .showcase li .sc strong.panel {
  padding-top: 14px;
  padding-bottom: 14px;
}
.panel.top {
  top: 0;
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.panel.bottom {
  bottom: 0;
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.page-loaded .panel {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 0.5s, opacity 0.5s, padding 0.5s;
}
.slides.whiteSlide .panel {
  color: #303030;
}
.scroll .panel.hideOnScroll.top.hide, .scroll .panel.hideOnScroll.top.hide {
  transform: translateY(-100%) !important;
  opacity: 0;
}
.scroll .panel.hideOnScroll.bottom.hide, .scroll .panel.hideOnScroll.bottom.hide {
  transform: translateY(100%) !important;
  opacity: 0;
}
.panel .sections {
  display: table;
  width: 100%;
  font-size: 0;
}
.panel .sections > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 33.33333%;
  white-space: nowrap;
  font-size: 22px;
  height: 50px;
}
.panel .sections > div.auto {
  width: 0.1%;
}
.panel .sections > div * {
  pointer-events: all;
}
.panel .sections > div.left {
  text-align: left;
}
.panel .sections > div.left ul.crop {
  padding-left: 0;
}
.panel .sections > div.left ul.crop li:first-child {
  margin-left: 0;
}
.panel .sections > div.left.space {
  padding-right: 20px;
}
.panel .sections > div.right {
  text-align: right;
}
.panel .sections > div.right ul.crop {
  padding-right: 0;
}
.panel .sections > div.right ul.crop li:last-child {
  margin-right: 0;
}
.panel .sections > div.right.space {
  padding-left: 20px;
}
.panel .sections > div.center.space {
  padding: 0 20px;
}
.panel .sections.hidden {
  display: none;
}
.panel .sections .menu {
  white-space: nowrap;
  display: inline-block;
  padding: 0 20px;
  font-size: 0;
}
.panel .sections .menu li {
  font-size: 22px;
  display: inline-block;
  margin: 0 10px;
}
.panel .sections .menu li a {
  padding: 4px 10px 5px;
}
.panel .sections .menu.small li, .panel .sections .showcase li .sc strong.menu li, .showcase li .sc .panel .sections strong.menu li {
  font-size: 18px;
  margin: 0 4px;
}
.panel .sections .menu.uppercase {
  font-weight: 600 !important;
}
.panel .sections .menu.uppercase li {
  font-size: 17px;
  margin: 0 10px;
  letter-spacing: 0.15em;
}
.panel .sections .menu.uppercase.small li, .panel .sections .showcase li .sc strong.menu.uppercase li, .showcase li .sc .panel .sections strong.menu.uppercase li {
  font-size: 17px;
}
.panel .hidden,
.panel .hidden * {
  display: none;
}
.panel svg {
  fill: #fff;
  width: 22px;
  height: 22px;
}
.slides.whiteSlide .panel svg {
  fill: #303030;
}
.panel a:not(.button):hover {
  opacity: 0.75;
  transition: 0.15s;
}
.panel .button, .panel #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .panel a, .panel #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LoginForm .panel input[type=submit], .panel #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .panel a, .panel #MemberLoginForm_LostPasswordForm input[type=submit], #MemberLoginForm_LostPasswordForm .panel input[type=submit] {
  margin: 0;
}
.panel .button + .button, .panel #MemberLoginForm_LoginForm a + .button, #MemberLoginForm_LoginForm .panel a + .button, .panel #MemberLoginForm_LoginForm input[type=submit] + .button, #MemberLoginForm_LoginForm .panel input[type=submit] + .button, .panel #MemberLoginForm_LostPasswordForm a + .button, #MemberLoginForm_LostPasswordForm .panel a + .button, .panel #MemberLoginForm_LostPasswordForm input[type=submit] + .button, #MemberLoginForm_LostPasswordForm .panel input[type=submit] + .button, .panel #MemberLoginForm_LoginForm .button + a, #MemberLoginForm_LoginForm .panel .button + a, .panel #MemberLoginForm_LoginForm a + a, #MemberLoginForm_LoginForm .panel a + a, .panel #MemberLoginForm_LoginForm input[type=submit] + a, #MemberLoginForm_LoginForm .panel input[type=submit] + a, .panel #MemberLoginForm_LoginForm .button + input[type=submit], #MemberLoginForm_LoginForm .panel .button + input[type=submit], .panel #MemberLoginForm_LoginForm a + input[type=submit], #MemberLoginForm_LoginForm .panel a + input[type=submit], .panel #MemberLoginForm_LoginForm input[type=submit] + input[type=submit], #MemberLoginForm_LoginForm .panel input[type=submit] + input[type=submit], .panel #MemberLoginForm_LostPasswordForm .button + a, #MemberLoginForm_LostPasswordForm .panel .button + a, .panel #MemberLoginForm_LostPasswordForm a + a, #MemberLoginForm_LostPasswordForm .panel a + a, .panel #MemberLoginForm_LostPasswordForm input[type=submit] + a, #MemberLoginForm_LostPasswordForm .panel input[type=submit] + a, .panel #MemberLoginForm_LostPasswordForm .button + input[type=submit], #MemberLoginForm_LostPasswordForm .panel .button + input[type=submit], .panel #MemberLoginForm_LostPasswordForm a + input[type=submit], #MemberLoginForm_LostPasswordForm .panel a + input[type=submit], .panel #MemberLoginForm_LostPasswordForm input[type=submit] + input[type=submit], #MemberLoginForm_LostPasswordForm .panel input[type=submit] + input[type=submit] {
  margin-left: 10px;
}
.panel .button:not(.actionButton), .panel #MemberLoginForm_LoginForm a:not(.actionButton), #MemberLoginForm_LoginForm .panel a:not(.actionButton), .panel #MemberLoginForm_LoginForm input[type=submit]:not(.actionButton), #MemberLoginForm_LoginForm .panel input[type=submit]:not(.actionButton), .panel #MemberLoginForm_LostPasswordForm a:not(.actionButton), #MemberLoginForm_LostPasswordForm .panel a:not(.actionButton), .panel #MemberLoginForm_LostPasswordForm input[type=submit]:not(.actionButton), #MemberLoginForm_LostPasswordForm .panel input[type=submit]:not(.actionButton) {
  display: inline-block;
  padding-left: 22px;
  padding-right: 22px;
  background: #fff;
  color: #303030;
  font-size: 20px;
  vertical-align: middle;
  padding-top: 11px;
  padding-bottom: 14px;
}
.panel .button:not(.actionButton).small, .panel #MemberLoginForm_LoginForm a:not(.actionButton).small, #MemberLoginForm_LoginForm .panel a:not(.actionButton).small, .panel #MemberLoginForm_LoginForm input[type=submit]:not(.actionButton).small, #MemberLoginForm_LoginForm .panel input[type=submit]:not(.actionButton).small, .panel #MemberLoginForm_LostPasswordForm a:not(.actionButton).small, #MemberLoginForm_LostPasswordForm .panel a:not(.actionButton).small, .panel #MemberLoginForm_LostPasswordForm input[type=submit]:not(.actionButton).small, #MemberLoginForm_LostPasswordForm .panel input[type=submit]:not(.actionButton).small, .panel .showcase li .sc strong.button:not(.actionButton), .showcase li .sc .panel strong.button:not(.actionButton) {
  font-size: 18px;
}
.panel .button:not(.actionButton).micro, .panel #MemberLoginForm_LoginForm a:not(.actionButton).micro, #MemberLoginForm_LoginForm .panel a:not(.actionButton).micro, .panel #MemberLoginForm_LoginForm input[type=submit]:not(.actionButton).micro, #MemberLoginForm_LoginForm .panel input[type=submit]:not(.actionButton).micro, .panel #MemberLoginForm_LostPasswordForm a:not(.actionButton).micro, #MemberLoginForm_LostPasswordForm .panel a:not(.actionButton).micro, .panel #MemberLoginForm_LostPasswordForm input[type=submit]:not(.actionButton).micro, #MemberLoginForm_LostPasswordForm .panel input[type=submit]:not(.actionButton).micro {
  font-size: 16px;
  padding: 12px 22px;
}
.panel .nextSlide,
.panel .prevSlide {
  width: 24px;
  height: 24px;
  position: relative;
  top: 5px;
}
.slides.whiteSlide .panel .menuButton {
  background: #303030;
  color: #fff;
}
.slides.whiteSlide .panel .button.menuButton.stroke, .slides.whiteSlide .panel #MemberLoginForm_LoginForm a.menuButton.stroke, #MemberLoginForm_LoginForm .slides.whiteSlide .panel a.menuButton.stroke, .slides.whiteSlide .panel #MemberLoginForm_LoginForm input.menuButton.stroke[type=submit], #MemberLoginForm_LoginForm .slides.whiteSlide .panel input.menuButton.stroke[type=submit], .slides.whiteSlide .panel #MemberLoginForm_LostPasswordForm a.menuButton.stroke, #MemberLoginForm_LostPasswordForm .slides.whiteSlide .panel a.menuButton.stroke, .slides.whiteSlide .panel #MemberLoginForm_LostPasswordForm input.menuButton.stroke[type=submit], #MemberLoginForm_LostPasswordForm .slides.whiteSlide .panel input.menuButton.stroke[type=submit] {
  color: #303030;
}
.slides.whiteSlide .panel .actionButton svg {
  fill: #fff;
}
.panel .menuButton.uppercase {
  font-size: 17px;
  padding: 12px 19px;
}
.panel .menuButton.uppercase.small, .panel .showcase li .sc strong.menuButton.uppercase, .showcase li .sc .panel strong.menuButton.uppercase {
  font-size: 14px;
}
.panel .button.menuButton.stroke, .panel #MemberLoginForm_LoginForm a.menuButton.stroke, #MemberLoginForm_LoginForm .panel a.menuButton.stroke, .panel #MemberLoginForm_LoginForm input.menuButton.stroke[type=submit], #MemberLoginForm_LoginForm .panel input.menuButton.stroke[type=submit], .panel #MemberLoginForm_LostPasswordForm a.menuButton.stroke, #MemberLoginForm_LostPasswordForm .panel a.menuButton.stroke, .panel #MemberLoginForm_LostPasswordForm input.menuButton.stroke[type=submit], #MemberLoginForm_LostPasswordForm .panel input.menuButton.stroke[type=submit] {
  color: #fff;
}
.panel .prevSlide,
.panel .nextSlide {
  transition: 0.25s;
}
.firstSlide .panel .prevSlide, .lastSlide .panel .nextSlide {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.firstSlide .panel.bottom .nextSlide svg {
  animation: animateArrow 4s infinite;
}
.panel .twitterIcon,
.panel .panelIcon {
  position: relative;
  top: 5px;
}

@keyframes animateArrow {
  80% {
    transform: translateY(0px);
  }
  90% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* ipad portrait and smaller */
@media (max-width: 766px) {
  .panel {
    padding: 2.78% 5%;
  }
}
.nextSlide,
.prevSlide {
  cursor: pointer;
}
.nextSlide:hover,
.prevSlide:hover {
  transition: 0.15s;
}
.nextSlide:active,
.prevSlide:active {
  opacity: 0.75;
}
.firstSlide.lastSlide .nextSlide,
.firstSlide.lastSlide .prevSlide {
  opacity: 0;
}

/* preloader */
html:not(.page-loaded) .slides .slide.selected,
html:not(.page-loaded) .slides.scroll .slide {
  opacity: 0.2 !important;
}

.loadingIcon {
  position: fixed;
  z-index: 10000;
  text-align: center;
  top: 10px;
  right: 10px;
  opacity: 0;
}

.page-ready .loadingIcon {
  transform: scale(1);
  opacity: 1;
  transition: 0.5s 0.5s;
}

.loadingIcon svg {
  width: 24px;
  height: 24px;
}

.loadingIcon svg .dash {
  stroke: #fff;
}

.page-loaded .loadingIcon {
  opacity: 0;
  transform: scale(0);
  pointer-events: none;
  transition: all 0.5s, visibility 0s 5s;
}

.slides .loadingIcon svg {
  animation: loading 3s infinite cubic-bezier(0.64, 0.48, 0.55, 0.64);
}

.page-loaded .slides .loadingIcon svg {
  animation: none;
}

.loadingIcon svg .dash {
  transition: 0.3s linear;
}

@keyframes loading {
  from {
    transform: rotate(-1080deg);
  }
}
/***
 *       _____       _
 *      / ___/( )   | |
 *     | (___  _  __| | ___
 *      \___ \| |/ _` |/ _ \
 *      ____) | | (_| |  __/
 *     /_____/|_|\__,_|\___/
 *
 *
 */
.side {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 100;
  padding: calc(3% + 50px) 4%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
  transform: translate3d(0, 0, 0);
}
@media (min-width: 1380px) {
  .side {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.page-loaded .side {
  opacity: 1;
}
.side.large {
  padding: calc(5.56% + 50px) 5%;
}
.side.left {
  left: 0;
  right: inherit;
}
.side.right {
  right: 0;
  left: inherit;
}
.side {
  /* compact navigation */
}
.side.compact {
  padding: 30px 4%;
}
.side.compact .navigation li {
  width: 15px;
  height: 7px;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  opacity: 0.2;
  padding: 1px;
  cursor: pointer;
}
.side.compact .navigation li.selected, .side.compact .navigation li:hover {
  opacity: 1;
}
.side.compact .navigation li:after {
  display: none;
}
.side.compact .navigation li:before {
  margin: 0 -12px;
  top: -10px;
}
.whiteSlide .side.compact .navigation li {
  background: #303030;
}
.side.compact:not(.square) .navigation li:first-child {
  border-radius: 10px 10px 0 0;
}
.side.compact:not(.square) .navigation li:last-child {
  border-radius: 0 0 10px 10px;
}
.side {
  /* for nav in panel */
}
.panel .side {
  position: relative;
  display: inline;
  height: auto;
  padding: 0;
}
.slides.whiteSlide .side svg:not([fill]) {
  fill: #303030;
}

.navigation {
  display: table;
  height: 100%;
}
.navigation ul {
  display: table-cell;
  vertical-align: middle;
}
.navigation * {
  pointer-events: all;
}
.navigation li {
  fill: #fff;
  display: block;
  background: transparent;
  padding: 9px;
  margin: 0 -9px;
  cursor: pointer;
  position: relative;
}
.navigation li:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 7px;
  opacity: 0.5;
  background: #fff;
  box-shadow: 0 0 1px #303030;
  transition: opacity 0.25s, background 0.25s;
}
.navigation li.selected:after {
  opacity: 1;
}
.navigation li:hover:after {
  opacity: 1;
}
.navigation {
  /* sizes */
}
.medium .navigation li {
  padding: 11px;
  margin: 0 -11px;
}
.medium .navigation li:after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.small .navigation li, .showcase li .sc strong .navigation li {
  padding: 13px;
  margin: 0 -9px;
}
.small .navigation li:after, .showcase li .sc strong .navigation li:after {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.navigation li[data-title]:before {
  content: attr(data-title);
  position: absolute;
  left: 0;
  top: 1px;
  background: rgba(40, 40, 40, 0.7);
  color: #fff;
  font-size: 15px;
  border-radius: 50px;
  padding: 6px 14px 7px;
  visibility: hidden;
  white-space: nowrap;
  letter-spacing: 0.01em;
  transform: translateX(-100%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.navigation li:hover:before {
  visibility: visible;
}
.left .navigation li:before {
  transform: translateX(100%);
  left: inherit;
  right: 0;
}
.panel.bottom .navigation li:before {
  transform: translateY(-100%) translateX(-50%);
  left: 14px;
  top: -2px;
}
.navigation {
  /* navigation styles */
  /* stroke */
}
.stroke .navigation li:after {
  border-color: #fff;
  border-style: solid;
  border-width: 2px;
  background-color: transparent;
}
.stroke.small .navigation li:after, .showcase li .sc strong.stroke .navigation li:after {
  border-width: 1px;
}
.stroke .navigation li.selected:after {
  background: #fff;
}
.stroke .navigation li:hover:after {
  background: #fff;
}
.navigation {
  /* square */
}
.square .navigation li:after {
  border-radius: 0;
}
.square.small .navigation li:after, .showcase li .sc strong.square .navigation li:after {
  border-radius: 0;
}
.navigation {
  /* diamond */
}
.diamond .navigation li:after {
  border-radius: 0px;
  transform: rotate(45deg) scale(0.72);
}
.diamond.medium .navigation li:after {
  transform: rotate(45deg) scale(0.88);
}
.diamond.small .navigation li:after, .showcase li .sc strong.diamond .navigation li:after {
  transform: rotate(45deg) scale(1);
}
.navigation {
  /* nav colors for white slide */
}
.slides.whiteSlide .navigation li:after {
  background: #303030;
  box-shadow: 0 0 1px #fff;
}
.slides.whiteSlide .stroke .navigation li:after {
  border-color: #303030;
  background: transparent;
}
.slides.whiteSlide .stroke .navigation li:hover:after {
  background: #303030;
}
.slides.whiteSlide .stroke .navigation li.selected:after {
  border-color: #303030;
  background: #303030;
}
.panel .navigation, .panel .navigation ul {
  display: inline;
}
.panel .navigation li {
  display: inline-block;
  margin: -9px 0;
}
.panel .side.small .navigation li, .panel .showcase li .sc strong.side .navigation li, .showcase li .sc .panel strong.side .navigation li {
  margin: 0;
}
.navigation .sideArrow {
  width: 31px;
  height: 72px;
  margin: 0px -9px;
}
@media (max-width: 766px) {
  .navigation .sideArrow {
    width: 17px;
    height: 40px;
  }
}

/* End of Side */
/***
 *       _____ _
 *      / ___/| |
 *     | (___ | |__   __ _ _ __ ___
 *      \___ \| '_ \ / _` | '__/ _ \
 *      ____) | | | | (_| | | |  __/
 *     /_____/|_| |_|\__,_|_|  \___/
 *
 *
 */
.dropdown {
  position: fixed;
  z-index: 300;
  color: #303030;
  width: 160px;
  background: #fff;
  box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15), 0 14px 28px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 50px;
  border-radius: 8px;
  text-align: center;
  cursor: default;
  transform: translateY(0) scale(0.9);
  transform-origin: top;
  transition: transform 0.35s, opacity 0.35s, box-shadow 0.35s;
}
.dropdown:not(.show) {
  pointer-events: none;
  opacity: 0;
}
.slides .dropdown h3,
.dropdown .title {
  font-size: 17px;
  padding: 15px 0;
  font-weight: 500;
  margin: 0;
  text-align: center;
  opacity: 0.65;
}
.dropdown:after, .dropdown:before {
  content: "";
  bottom: 100%;
  left: 25px;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}
.dropdown:before {
  border-bottom-color: rgba(0, 0, 0, 0.1);
  border-width: 8px;
  margin-left: -8px;
}
.dropdown.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(20px);
}
.dropdown.show.hide {
  opacity: 0;
  transform: translateY(40px);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
}
.dropdown.bottom {
  transform-origin: bottom;
}
.dropdown.bottom.show {
  transform: translateY(-20px);
}
.dropdown.bottom.show.hide {
  transform: translateY(-40px);
}
.dropdown.bottom:after, .dropdown.bottom:before {
  top: 100%;
  bottom: initial;
  border-bottom-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
}
.dropdown.bottom:before {
  border-top-color: rgba(0, 0, 0, 0.06);
}
.dropdown.right:after, .dropdown.right:before {
  right: 18px;
  left: auto;
}
.dropdown.right:before {
  right: 17px;
}
.dropdown.center:after, .dropdown.center:before {
  left: 50%;
}
.dropdown.noArrow:after, .dropdown.noArrow:before {
  display: none;
}
.dropdown {
  /* share */
}
.dropdown.share li {
  float: left;
  text-align: center;
  display: block;
  width: 80px;
  height: 50px;
  padding: 14px 0;
  color: #fff;
  position: relative;
  cursor: pointer;
  opacity: 0.9;
  transition: 0.15s;
}
.dropdown.share li:hover {
  opacity: 1;
}
.dropdown.share li:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: 0.25s;
}
.dropdown.share li:active:after {
  opacity: 1;
  transition: 0.1s;
}
.dropdown.share li svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}
.dropdown.share li.mail {
  width: 100%;
  height: 50px;
  color: #7E7E7E;
  font-size: 15px;
  padding: 15px 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.dropdown.share li.mail:after {
  border-radius: 0 0 7px 7px;
  background: rgba(0, 0, 0, 0.05);
}
.dropdown.share li.mail:hover {
  text-decoration: underline;
}
.scroll .dropdown {
  position: absolute;
  top: 0;
}
/***
 *       _____       _      _
 *      / ___/( )   | |    | |
 *     | (___  _  __| | ___| |__   __ _ _ ___
 *      \___ \| |/ _` |/ _ | '_ \ / _` | '__/
 *      ____) | | (_| |  __| |_) | (_| | |
 *     /_____/|_|\__,_|\___|_.__/ \__,_|_|
 *
 *
 */
.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  max-width: 90%;
  height: 100%;
  color: #fff;
  z-index: 500;
  background: rgb(34, 34, 34);
  transition: transform 0.5s, visibility 0s;
  transform: translateX(100%);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.sidebarShown .sidebar.visible {
  transform: translateX(0%);
  opacity: 1;
}
.sidebar .content {
  padding: 40px;
  overflow-y: auto;
  position: relative;
}
.sidebar.small .content, .showcase li .sc strong.sidebar .content {
  padding: 30px;
}
.sidebar .wrap {
  padding: 0;
}
.sidebar.left {
  right: inherit;
  left: 0;
  transform: translateX(-100%);
}
.sidebar.top {
  top: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  transform: translateY(-100%);
}
.sidebar.bottom {
  bottom: 0;
  top: inherit;
  width: 100%;
  max-width: 100%;
  height: auto;
  transform: translateY(100%);
}
.sidebar {
  /* ELEMENTS */
}
.sidebar .logo {
  padding: 0;
  font-size: 0;
  margin-bottom: 35px;
}
.sidebar a {
  display: inline-block;
  color: #fff;
  fill: #fff;
}
.sidebar a:hover {
  opacity: 0.8;
}
.sidebar .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 14px;
  font-size: 0;
  opacity: 0.5;
  z-index: 101;
  transition: 0.25s;
}
.sidebar .close:hover {
  opacity: 1;
}
.sidebar .close svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.sidebar .close:active svg {
  transform: scale(0.92);
}
.sidebar {
  /* menu items */
}
.sidebar ul {
  line-height: 1.9;
  margin-bottom: 25px;
  display: block;
  font-size: 0;
}
.sidebar .uppercase li a {
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.sidebar .mainMenu li a {
  font-size: 24px;
  font-weight: 600;
}
.sidebar .mainMenu.small li a, .sidebar .showcase li .sc strong.mainMenu li a, .showcase li .sc .sidebar strong.mainMenu li a {
  font-size: 22px;
}
.sidebar .subMenu li {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0px;
  opacity: 0.8;
  font-size: 22px;
}
.sidebar .subMenu.small li, .sidebar .showcase li .sc strong.subMenu li, .showcase li .sc .sidebar strong.subMenu li {
  font-size: 17px;
}
.sidebar {
  /* social */
}
.sidebar .social {
  margin-top: 40px;
}
.sidebar .social li {
  display: inline-block;
  margin-right: 20px;
}
.sidebar .social li:last-child {
  margin-right: 0;
}
.sidebar .social li a {
  font-size: 0;
  padding: 0;
}
.sidebar .social li a svg {
  width: 18px;
  height: 18px;
}
.sidebar .social.small li, .sidebar .showcase li .sc strong.social li, .showcase li .sc .sidebar strong.social li {
  margin-right: 12px;
}
.sidebar .social.small li a svg, .sidebar .showcase li .sc strong.social li a svg, .showcase li .sc .sidebar strong.social li a svg {
  width: 15px;
  height: 15px;
}
.sidebar .social.large li {
  margin-right: 12px;
}
.sidebar .social.large li a svg {
  width: 22px;
  height: 22px;
}
.sidebar.small .social, .showcase li .sc strong.sidebar .social {
  margin-top: 30px;
}
.sidebar .large li a {
  font-size: 36px;
}
.sidebar .light li a, .sidebar .showcase li .sc strong li a, .showcase li .sc .sidebar strong li a {
  font-weight: 300;
}
.sidebar .social.medium li a svg {
  width: 18px;
  height: 18px;
}
.sidebar .social.medium li {
  margin-right: 14px;
}

.sidebarShown .slide.selected .content {
  overflow: hidden;
}

/* SIDEBAR ANIMATION */
.page-loaded.sidebarShown .slide.selected {
  transform: scale(0.95) !important;
  pointer-events: none;
  opacity: 0.5 !important;
}

.sidebarShown .panel.top {
  opacity: 0;
}

.sidebarShown .panel.bottom {
  opacity: 0.5;
  transform: scale(0.95) translateY(-10%);
}

.page-loaded.sidebarShown .panel,
.page-loaded.sidebarShown .slide.selected,
.page-loaded.sidebarShown .slide.selected:after,
.sidebar {
  transition: transform 0.5s, opacity 0.5s !important;
}

/***
 *      _____
 *     |  __ \
 *     | |__) __  _ __  _   _ _ __
 *     |  ___/ _ \| '_ \| | | | '_ \
 *     | |  | (_) | |_) | |_| | |_) |
 *     |_|   \___/| .__/ \__,_| .__/
 *                | |         | |
 *                |_|         |_|
 */
/* POPUP */
.popup {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 1000;
  transition: transform 0.5s, opacity 0.5s;
  overflow-y: auto;
  display: none;
  transform: translate3d(0, 0, 0);
}
.popup:not([class*=fade]) {
  background: rgba(17, 17, 17, 0.9);
}
.popupShown .popup.visible {
  display: block;
  animation: popupFadeIn 0.75s;
}
.popup .content {
  overflow-y: auto;
}
.popupShown .popup.visible:not(.animated) .popupContent {
  animation: zoomOut 0.5s 0.25s backwards;
}
.popupShown .slow .popup.visible {
  animation: fadeIn 1.25s;
}
.popupShown .slow .popup.visible:not(.animated) .popupContent {
  animation: zoomOut 1s 0.25s backwards;
}
.popupShown .fast .popup.visible {
  animation: fadeIn 0.5s;
}
.popupShown .fast .popup.visible .popupContent {
  animation: zoomOut 0.5s 0.25s backwards;
}
.popup .close {
  position: fixed;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 14px;
  font-size: 0;
  opacity: 0.5;
  z-index: 1050;
  transition: 0.25s;
  transform: translate3d(0, 0, 0);
}
.popup .close.left {
  right: inherit;
  left: 0;
}
.popup .close:hover {
  opacity: 1;
}
.popup .close svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.popup .close.closeButton {
  margin: 14px;
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 1;
  border-radius: 3px;
  padding: 13px 20px;
  border: none;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  -webkit-appearance: none;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  color: #fff;
  background: #303030;
  text-decoration: none;
  cursor: pointer;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.popup .close.closeButton.round {
  padding-left: 18px !important;
  padding-right: 18px !important;
  border-radius: 50px;
}
.popup .close.closeButton svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  position: relative;
  left: -4px;
  margin-right: 4px;
}
.popup .close.closeButton.white svg {
  fill: #303030;
}
.popup.white .close svg {
  fill: #303030;
}
.popup .wrap {
  padding: 18px 58px;
}
.popup .wrap.spaces {
  padding: 58px;
}
.popup.fullscreen .wrap {
  padding: 0;
}
.popup.fullscreen .embedVideo {
  height: 100vh;
  padding-bottom: 0;
}

@keyframes popupFadeIn {
  from {
    opacity: 0;
  }
}
/* embed video container for slides and popups */
.embedVideo {
  position: relative;
  padding-bottom: 56.25%; /* 16x9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embedVideo iframe,
.embedVideo object,
.embedVideo embed,
.embedVideo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embedVideo.size-16x10 {
  padding-bottom: 62.5%;
}

.embedVideo.size-16x10 {
  padding-bottom: 62.5%;
}

.embedVideo.size-4x3 {
  padding-bottom: 75%;
}

.embedVideo.size-1x1,
.embedVideo.size-square {
  padding-bottom: 100%;
}

/***
 *      ______                       _____
 *     |___  /                      |_   _|
 *        / / ___   ___  _ __ ___     | |  _ __ ___   __ _  __ _  ___
 *       / / / _ \ / _ \| '_ ` _ \    | | | '_ ` _ \ / _` |/ _` |/ _ \
 *      / /_| (_) | (_) | | | | | |  _| |_| | | | | | (_| | (_| |  __/
 *     /_____\___/ \___/|_| |_| |_| |_____|_| |_| |_|\__,_|\__, |\___/
 *                                                          __/ |
 *                                                         |___/
 */
[data-action=zoom] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
  position: relative;
  transition: all 0.5s;
  transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1) !important;
  z-index: 100;
}
.zoom-img img.zoom-img,
.zoom-img-wrap img.zoom-img {
  margin: 0 !important;
  cursor: pointer;
  cursor: -webkit-zoom-out;
}

.zoom-overlay {
  background: rgb(17, 17, 17);
  position: fixed;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
  z-index: 99;
}

.zoom-overlay-open .zoom-overlay {
  opacity: 0.9;
}

.zoom-overlay-open .side,
.zoom-overlay-open .panel {
  opacity: 0;
  transition-delay: 0s;
  transition: 0.25s;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default;
}

.zoom-img-parent {
  position: relative;
  z-index: 1000;
}

/***
 *       _____ _ _     _
 *      / ___/| (_)   | |
 *     | (___ | |_  __| | ___ _ __
 *      \___ \| | |/ _` |/ _ \ '__/
 *      ____) | | | (_| |  __/ |
 *     /_____/|_|_|\__,_|\___/_|
 *
 *
 */
.slider {
  position: relative;
}
.slider.clickable {
  cursor: pointer;
}
.slider.autoHeight {
  transition: 0.5s;
}
.slider > li {
  display: none;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.35s;
  pointer-events: none;
}
.slider > li.selected {
  display: block;
  opacity: 1;
  transition: opacity 0.35s;
  pointer-events: all;
}

.controller li {
  cursor: pointer;
}
.controller li.selected {
  cursor: default;
  pointer-events: none;
}

/*                   \                           /
		.           ,                              o
		 *                 ¤     ~            .·
				______  __  __          _       *
			 |  ___/ / _// _|   *    | |
			 | |___ | |_| |_ ___  ___| |_ ____
		.  |  __/ |  _|  _/ _ \/ __| __/ __/
	 ¯   | |____| | | ||  __| (__| |_\__ \    ¨
	´    |_____/|_| |_| \___|\___/\__/___/   '
																 ¸         §
	 ¸.*         ¤        *         .           .
											.            °            /
.*/
/* DEFAULT */
.slide.before {
  transform: translate3d(0, -50%, 0);
}

.slide,
.slide.after {
  transform: translate3d(0, 50%, 0);
  will-change: transform;
}

.slide.before,
.slide.after {
  opacity: 0;
}

.slide.selected {
  transform: translate3d(0, 0, 0) !important;
  z-index: 11;
}
.scroll .slide.selected {
  z-index: 10;
}

.page-loaded .slide.selected {
  opacity: 1 !important;
}

/* horizontal */
.horizontal .slide,
.horizontal .slide.before {
  transform: translate3D(-50%, 0, 0);
}

.horizontal .slide.after {
  transform: translate3D(50%, 0, 0);
}

/* FILM */
.film .slide.before {
  transform: translate3D(0, -100%, 0);
}

.film .slide.after {
  transform: translate3D(0, 100%, 0);
}

/* Horizontal */
.film.horizontal .slide.before {
  transform: translate3D(-100%, 0, 0);
}

.film.horizontal .slide,
.film.horizontal .slide.after {
  transform: translate3D(100%, 0, 0);
}

/* ZEN */
.zen .slide.before {
  transform: translateY(-100%) scale(0.8);
}

.zen .slide,
.zen .slide.after {
  transform: translateY(100%) scale(0.8);
}

/* Horizontal */
.zen.horizontal .slide.before {
  transform: translateX(-100%) scale(0.8);
}

.zen.horizontal .slide,
.zen.horizontal .slide.after {
  transform: translateX(100%) scale(0.8);
}

/* STACK */
.stack .slide,
.stack .slide.after {
  transform: translateY(100%);
}

.stack .slide.after {
  opacity: initial;
}

.stack .slide.selected,
.stack .slide.after.active {
  z-index: 11 !important;
}

.stack .slide.before {
  transform: scale(0.9);
}

/* Horizontal */
.stack.horizontal .slide,
.stack.horizontal .slide.after {
  transform: translateX(100%);
}

.stack.horizontal .slide.before {
  transform: scale(0.9);
}

/* CARDS */
.cards .slide,
.cards .slide.after {
  transform: translateY(10%);
  opacity: initial;
}

.cards .slide.after {
  z-index: 8 !important;
  opacity: 0;
}

.cards .slide.selected {
  z-index: 9 !important;
}

.cards .slide.before {
  transform: translateY(-100%);
  z-index: 7;
}

.cards .slide.active.before {
  z-index: 10 !important;
}

/* Horizontal */
.cards.horizontal .slide,
.cards.horizontal .slide.after {
  transform: translateX(10%);
}

.cards.horizontal .slide.before {
  transform: translateX(-100%);
}

/* ZOOM CHANGE */
.zoom .slide.before {
  transform: scale(1.4);
}

.zoom .slide,
.zoom .slide.after {
  transform: scale(0.8);
  opacity: 0;
}

/* PLAIN CHANGE */
.plain .slide.before {
  transform: scale(1);
}

.plain .slide,
.plain .slide.after {
  transform: scale(1);
}

.plain .slide.after:after,
.plain .slide.before:after {
  opacity: 1;
  background: #111;
}

/* SPEED */
.page-loaded .fast .slide.active,
.page-loaded .fast .slide.selected {
  transition: transform 0.6s, opacity 0.6s;
}

.page-loaded .slide.selected,
.page-loaded .slide.active {
  transition: transform 1s, opacity 1s;
}

.page-loaded .slow .slide.active,
.page-loaded .slow .slide.selected {
  transition: transform 1.4s, opacity 1.4s;
}

.page-loaded .slide.selected.entry,
.page-loaded .slide.active.entry {
  transition: transform 0s, opacity 1s;
}

/* panels */
.slides.animated.fast .panel {
  transition: transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
}

.slides.animated .panel {
  transition: transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
}

.slides.animated.slow .panel {
  transition: transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
}

/* EASING */
.smooth .active,
.smooth .selected,
.smooth .panel,
.smooth .sidebar {
  transition-timing-function: cubic-bezier(0.55, 0.05, 0.35, 0.95) !important;
}

.bounce .active,
.bounce .selected,
.bounce .panel,
.bounce .sidebar {
  transition-timing-function: cubic-bezier(0.4, 1.15, 0.35, 1) !important;
}

/***
 *                                       _           _   ______ _                           _
 *         /\         ( )               | |         | | |  ___/| |                         | |
 *        /  \   _ __  _ _ __ ___   __ _| |_ ___  __| | | |___ | | ___ _ __ ___   ___ _ __ | |_ ___
 *       / /\ \ | '_ \| | '_ ` _ \ / _` | __/ _ \/ _` | |  __/ | |/ _ \ '_ ` _ \ / _ \ '_ \| __/ __/
 *      / ____ \| | | | | | | | | | (_| | ||  __/ (_| | | |____| |  __/ | | | | |  __/ | | | |_\__ \
 *     /_/    \_\_| |_|_|_| |_| |_|\__,_|\__\___/\__,_| |_____/|_|\___/_| |_| |_|\___/_| |_|\__|___/
 *
 *
 */
.animated [class*=ae-] {
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
}

/* Speed */
.animated.fast .animate [class*=ae-]:not(.done),
.animated.fast.animate [class*=ae-]:not(.done),
.animated.animate .fast [class*=ae-]:not(.done),
.animated.animate [class*=ae-].fast:not(.done) {
  transition-duration: 700ms;
}

.animated .animate [class*=ae-]:not(.done),
.animated.animate [class*=ae-]:not(.done) {
  transition-duration: 800ms;
}

.animated.slow .animate [class*=ae-]:not(.done),
.animated.slow.animate [class*=ae-]:not(.done),
.animated.animate .slow [class*=ae-]:not(.done),
.animated.animate [class*=ae-].slow:not(.done) {
  transition-duration: 1000ms;
}

/* Delays */
.animated .animate .ae-1:not(.done),
.animated.animate .ae-1:not(.done) {
  transition-delay: 10ms;
}

.animated .animate .ae-2:not(.done),
.animated.animate .ae-2:not(.done) {
  transition-delay: 160ms;
}

.animated .animate .ae-3:not(.done),
.animated.animate .ae-3:not(.done) {
  transition-delay: 310ms;
}

.animated .animate .ae-4:not(.done),
.animated.animate .ae-4:not(.done) {
  transition-delay: 460ms;
}

.animated .animate .ae-5:not(.done),
.animated.animate .ae-5:not(.done) {
  transition-delay: 610ms;
}

.animated .animate .ae-6:not(.done),
.animated.animate .ae-6:not(.done) {
  transition-delay: 760ms;
}

.animated .animate .ae-7:not(.done),
.animated.animate .ae-7:not(.done) {
  transition-delay: 910ms;
}

.animated .animate .ae-8:not(.done),
.animated.animate .ae-8:not(.done) {
  transition-delay: 1060ms;
}

.animated .animate .ae-9:not(.done),
.animated.animate .ae-9:not(.done) {
  transition-delay: 1210ms;
}

.animated .animate .ae-10:not(.done),
.animated.animate .ae-10:not(.done) {
  transition-delay: 1360ms;
}

.animated.fast .animate .ae-1:not(.done),
.animated.fast.animate .ae-1:not(.done),
.animated.animate .ae-1.fast:not(.done),
.animated.animate .fast .ae-1:not(.done) {
  transition-delay: 10ms;
}

.animated.fast .animate .ae-2:not(.done),
.animated.fast.animate .ae-2:not(.done),
.animated.animate .ae-2.fast:not(.done),
.animated.animate .fast .ae-2:not(.done) {
  transition-delay: 110ms;
}

.animated.fast .animate .ae-3:not(.done),
.animated.fast.animate .ae-3:not(.done),
.animated.animate .ae-3.fast:not(.done),
.animated.animate .fast .ae-3:not(.done) {
  transition-delay: 210ms;
}

.animated.fast .animate .ae-4:not(.done),
.animated.fast.animate .ae-4:not(.done),
.animated.animate .ae-4.fast:not(.done),
.animated.animate .fast .ae-4:not(.done) {
  transition-delay: 310ms;
}

.animated.fast .animate .ae-5:not(.done),
.animated.fast.animate .ae-5:not(.done),
.animated.animate .ae-5.fast:not(.done),
.animated.animate .fast .ae-5:not(.done) {
  transition-delay: 410ms;
}

.animated.fast .animate .ae-6:not(.done),
.animated.fast.animate .ae-6:not(.done),
.animated.animate .ae-6.fast:not(.done),
.animated.animate .fast .ae-6:not(.done) {
  transition-delay: 510ms;
}

.animated.fast .animate .ae-7:not(.done),
.animated.fast.animate .ae-7:not(.done),
.animated.animate .ae-7.fast:not(.done),
.animated.animate .fast .ae-7:not(.done) {
  transition-delay: 610ms;
}

.animated.fast .animate .ae-8:not(.done),
.animated.fast.animate .ae-8:not(.done),
.animated.animate .ae-8.fast:not(.done),
.animated.animate .fast .ae-8:not(.done) {
  transition-delay: 710ms;
}

.animated.fast .animate .ae-9:not(.done),
.animated.fast.animate .ae-9:not(.done),
.animated.animate .ae-9.fast:not(.done),
.animated.animate .fast .ae-9:not(.done) {
  transition-delay: 810ms;
}

.animated.fast .animate .ae-10:not(.done),
.animated.fast.animate .ae-10:not(.done),
.animated.animate .ae-10.fast:not(.done),
.animated.animate .fast .ae-10:not(.done) {
  transition-delay: 910ms;
}

.animated.slow .animate .ae-1:not(.done),
.animated.slow.animate .ae-1:not(.done),
.animated.animate .ae-1.slow:not(.done),
.animated.animate .slow .ae-1:not(.done) {
  transition-delay: 10ms;
}

.animated.slow .animate .ae-2:not(.done),
.animated.slow.animate .ae-2:not(.done),
.animated.animate .ae-2.slow:not(.done),
.animated.animate .slow .ae-2:not(.done) {
  transition-delay: 210ms;
}

.animated.slow .animate .ae-3:not(.done),
.animated.slow.animate .ae-3:not(.done),
.animated.animate .ae-3.slow:not(.done),
.animated.animate .slow .ae-3:not(.done) {
  transition-delay: 410ms;
}

.animated.slow .animate .ae-4:not(.done),
.animated.slow.animate .ae-4:not(.done),
.animated.animate .ae-4.slow:not(.done),
.animated.animate .slow .ae-4:not(.done) {
  transition-delay: 610ms;
}

.animated.slow .animate .ae-5:not(.done),
.animated.slow.animate .ae-5:not(.done),
.animated.animate .ae-5.slow:not(.done),
.animated.animate .slow .ae-5:not(.done) {
  transition-delay: 810ms;
}

.animated.slow .animate .ae-6:not(.done),
.animated.slow.animate .ae-6:not(.done),
.animated.animate .ae-6.slow:not(.done),
.animated.animate .slow .ae-6:not(.done) {
  transition-delay: 1010ms;
}

.animated.slow .animate .ae-7:not(.done),
.animated.slow.animate .ae-7:not(.done),
.animated.animate .ae-7.slow:not(.done),
.animated.animate .slow .ae-7:not(.done) {
  transition-delay: 1210ms;
}

.animated.slow .animate .ae-8:not(.done),
.animated.slow.animate .ae-8:not(.done),
.animated.animate .ae-8.slow:not(.done),
.animated.animate .slow .ae-8:not(.done) {
  transition-delay: 1410ms;
}

.animated.slow .animate .ae-9:not(.done),
.animated.slow.animate .ae-9:not(.done),
.animated.animate .ae-9.slow:not(.done),
.animated.animate .slow .ae-9:not(.done) {
  transition-delay: 1610ms;
}

.animated.slow .animate .ae-10:not(.done),
.animated.slow.animate .ae-10:not(.done),
.animated.animate .ae-10.slow:not(.done),
.animated.animate .slow .ae-10:not(.done) {
  transition-delay: 1810ms;
}

/* Directions */
.animated [class*=ae-]:not(.done),
.animated .fromBottom [class*=ae-]:not(.done),
.animated.fromBottom [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromBottom:not(.done) {
  visibility: hidden;
  transform: translate3d(0, 100px, 0);
  opacity: 0;
}

.animated .fromTop [class*=ae-]:not(.done),
.animated.fromTop [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromTop:not(.done) {
  transform: translate3d(0, -100px, 0);
}

.animated .fromLeft [class*=ae-]:not(.done),
.animated.fromLeft [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromLeft:not(.done) {
  transform: translate3d(-100px, 0, 0);
}

.animated .fromRight [class*=ae-]:not(.done),
.animated.fromRight [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromRight:not(.done) {
  transform: translate3d(100px, 0, 0);
}

.animated .fromCenter [class*=ae-]:not(.done),
.animated.fromCenter [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromCenter:not(.done) {
  transform: scale(0.8) translate3d(0, 0, 0);
}

.animated .fromAbove [class*=ae-]:not(.done),
.animated.fromAbove [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromAbove:not(.done) {
  transform: scale(1.2) translate3d(0, 0, 0);
}

.animated .fromBottomLeft [class*=ae-]:not(.done),
.animated.fromBottomLeft [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromBottomLeft:not(.done) {
  transform: translate3d(-100px, 100px, 0);
}

.animated .fromTopLeft [class*=ae-]:not(.done),
.animated.fromTopLeft [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromTopLeft:not(.done) {
  transform: translate3d(-100px, -100px, 0);
}

.animated .fromBottomRight [class*=ae-]:not(.done),
.animated.fromBottomRight [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromBottomRight:not(.done) {
  transform: translate3d(100px, 100px, 0);
}

.animated .fromTopRight [class*=ae-]:not(.done),
.animated.fromTopRight [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromTopRight:not(.done) {
  transform: translate3d(100px, -100px, 0);
}

.animated .fadeIn [class*=ae-]:not(.done),
.animated.fadeIn [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fadeIn:not(.done) {
  transform: scale(1) translate3d(0, 0, 0);
}

.animated .fromBlur [class*=ae-]:not(.done),
.animated.fromBlur [class*=ae-]:not(.done),
.slides.animated [class*=ae-].fromBlur:not(.done) {
  transform: scale(1) translate3d(0, 0, 0);
  filter: blur(10px);
}

/* Final Step */
.slides.animated .animate.active [class*=ae-]:not(.done),
.slides .animated.animate.active [class*=ae-]:not(.done) {
  opacity: 1;
  backface-visibility: hidden;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  filter: none;
}

/* Animated on scroll */
.slides.animateOnScroll {
  backface-visibility: hidden;
}

/* hide elements */
.animateOnScroll .slide [class*=ae-]:not(.do) {
  opacity: 0;
  visibility: hidden;
}

/* Speed */
.animateOnScroll [class*=ae-].do {
  animation-fill-mode: backwards;
  animation-duration: 800ms;
  visibility: visible;
}

.animateOnScroll.fast .slide [class*=ae-].do,
.animateOnScroll .fast .slide [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fast {
  animation-duration: 700ms;
}

.animateOnScroll.slow .slide [class*=ae-].do,
.animateOnScroll .slow .slide [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.slow {
  animation-duration: 1000ms;
}

/* Directions */
.animateOnScroll .slide [class*=ae-].do {
  animation-name: fromBottom;
}

/* generate directions */
.animateOnScroll .slide.fromBottom [class*=ae-].do,
.animateOnScroll .slide .fromBottom [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromBottom {
  animation-name: fromBottom;
}

.animateOnScroll .slide.fromTop [class*=ae-].do,
.animateOnScroll .slide .fromTop [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromTop {
  animation-name: fromTop;
}

.animateOnScroll .slide.fromLeft [class*=ae-].do,
.animateOnScroll .slide .fromLeft [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromLeft {
  animation-name: fromLeft;
}

.animateOnScroll .slide.fromRight [class*=ae-].do,
.animateOnScroll .slide .fromRight [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromRight {
  animation-name: fromRight;
}

.animateOnScroll .slide.fromCenter [class*=ae-].do,
.animateOnScroll .slide .fromCenter [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromCenter {
  animation-name: fromCenter;
}

.animateOnScroll .slide.fromAbove [class*=ae-].do,
.animateOnScroll .slide .fromAbove [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromAbove {
  animation-name: fromAbove;
}

.animateOnScroll .slide.fromBottomLeft [class*=ae-].do,
.animateOnScroll .slide .fromBottomLeft [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromBottomLeft {
  animation-name: fromBottomLeft;
}

.animateOnScroll .slide.fromTopLeft [class*=ae-].do,
.animateOnScroll .slide .fromTopLeft [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromTopLeft {
  animation-name: fromTopLeft;
}

.animateOnScroll .slide.fromBottomRight [class*=ae-].do,
.animateOnScroll .slide .fromBottomRight [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromBottomRight {
  animation-name: fromBottomRight;
}

.animateOnScroll .slide.fromTopRight [class*=ae-].do,
.animateOnScroll .slide .fromTopRight [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromTopRight {
  animation-name: fromTopRight;
}

.animateOnScroll .slide.fadeIn [class*=ae-].do,
.animateOnScroll .slide .fadeIn [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fadeIn {
  animation-name: fadeIn;
}

.animateOnScroll .slide.fromBlur [class*=ae-].do,
.animateOnScroll .slide .fromBlur [class*=ae-].do,
.animateOnScroll .slide [class*=ae-].do.fromBlur {
  animation-name: fromBlur;
}

@keyframes fromBottom {
  from {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
}
@keyframes fromTop {
  from {
    transform: translate3d(0, -100px, 0);
    opacity: 0;
  }
}
@keyframes fromLeft {
  from {
    transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }
}
@keyframes fromRight {
  from {
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
}
@keyframes fromCenter {
  from {
    transform: scale(0.8) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fromAbove {
  from {
    transform: scale(1.2) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fromBottomLeft {
  from {
    transform: translate3d(-100px, 100px, 0);
    opacity: 0;
  }
}
@keyframes fromTopLeft {
  from {
    transform: translate3d(-100px, -100px, 0);
    opacity: 0;
  }
}
@keyframes fromBottomRight {
  from {
    transform: translate3d(100px, 100px, 0);
    opacity: 0;
  }
}
@keyframes fromTopRight {
  from {
    transform: translate3d(100px, -100px, 0);
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fromBlur {
  from {
    transform: scale(1) translate3d(0, 0, 0);
    filter: blur(10px);
    opacity: 0;
  }
}
/* Delays */
.animateOnScroll .ae-1 {
  animation-delay: 10ms;
}

.animateOnScroll .ae-2 {
  animation-delay: 160ms;
}

.animateOnScroll .ae-3 {
  animation-delay: 310ms;
}

.animateOnScroll .ae-4 {
  animation-delay: 460ms;
}

.animateOnScroll .ae-5 {
  animation-delay: 610ms;
}

.animateOnScroll .ae-6 {
  animation-delay: 760ms;
}

.animateOnScroll .ae-7 {
  animation-delay: 910ms;
}

.animateOnScroll .ae-8 {
  animation-delay: 1060ms;
}

.animateOnScroll .ae-9 {
  animation-delay: 1210ms;
}

.animateOnScroll .ae-10 {
  animation-delay: 1360ms;
}

.animateOnScroll.fast .ae-1,
.animateOnScroll .ae-1,
.animateOnScroll .fast .ae-1.fast,
.animateOnScroll .ae-1.fast {
  animation-delay: 10ms;
}

.animateOnScroll.fast .ae-2,
.animateOnScroll .ae-2,
.animateOnScroll .fast .ae-2.fast,
.animateOnScroll .ae-2.fast {
  animation-delay: 110ms;
}

.animateOnScroll.fast .ae-3,
.animateOnScroll .ae-3,
.animateOnScroll .fast .ae-3.fast,
.animateOnScroll .ae-3.fast {
  animation-delay: 210ms;
}

.animateOnScroll.fast .ae-4,
.animateOnScroll .ae-4,
.animateOnScroll .fast .ae-4.fast,
.animateOnScroll .ae-4.fast {
  animation-delay: 310ms;
}

.animateOnScroll.fast .ae-5,
.animateOnScroll .ae-5,
.animateOnScroll .fast .ae-5.fast,
.animateOnScroll .ae-5.fast {
  animation-delay: 410ms;
}

.animateOnScroll.fast .ae-6,
.animateOnScroll .ae-6,
.animateOnScroll .fast .ae-6.fast,
.animateOnScroll .ae-6.fast {
  animation-delay: 510ms;
}

.animateOnScroll.fast .ae-7,
.animateOnScroll .ae-7,
.animateOnScroll .fast .ae-7.fast,
.animateOnScroll .ae-7.fast {
  animation-delay: 610ms;
}

.animateOnScroll.fast .ae-8,
.animateOnScroll .ae-8,
.animateOnScroll .fast .ae-8.fast,
.animateOnScroll .ae-8.fast {
  animation-delay: 710ms;
}

.animateOnScroll.fast .ae-9,
.animateOnScroll .ae-9,
.animateOnScroll .fast .ae-9.fast,
.animateOnScroll .ae-9.fast {
  animation-delay: 810ms;
}

.animateOnScroll.fast .ae-10,
.animateOnScroll .ae-10,
.animateOnScroll .fast .ae-10.fast,
.animateOnScroll .ae-10.fast {
  animation-delay: 910ms;
}

.animateOnScroll.slow .ae-1,
.animateOnScroll .slow .ae-1,
.animateOnScroll .ae-1.slow {
  animation-delay: 10ms;
}

.animateOnScroll.slow .ae-2,
.animateOnScroll .slow .ae-2,
.animateOnScroll .ae-2.slow {
  animation-delay: 210ms;
}

.animateOnScroll.slow .ae-3,
.animateOnScroll .slow .ae-3,
.animateOnScroll .ae-3.slow {
  animation-delay: 410ms;
}

.animateOnScroll.slow .ae-4,
.animateOnScroll .slow .ae-4,
.animateOnScroll .ae-4.slow {
  animation-delay: 610ms;
}

.animateOnScroll.slow .ae-5,
.animateOnScroll .slow .ae-5,
.animateOnScroll .ae-5.slow {
  animation-delay: 810ms;
}

.animateOnScroll.slow .ae-6,
.animateOnScroll .slow .ae-6,
.animateOnScroll .ae-6.slow {
  animation-delay: 1010ms;
}

.animateOnScroll.slow .ae-7,
.animateOnScroll .slow .ae-7,
.animateOnScroll .ae-7.slow {
  animation-delay: 1210ms;
}

.animateOnScroll.slow .ae-8,
.animateOnScroll .slow .ae-8,
.animateOnScroll .ae-8.slow {
  animation-delay: 1410ms;
}

.animateOnScroll.slow .ae-9,
.animateOnScroll .slow .ae-9,
.animateOnScroll .ae-9.slow {
  animation-delay: 1610ms;
}

.animateOnScroll.slow .ae-10,
.animateOnScroll .slow .ae-10,
.animateOnScroll .ae-10.slow {
  animation-delay: 1810ms;
}

/***
 *      ____             _                                   _    ______  __  __          _
 *     |  _ \           | |                                 | |  |  ____|/ _|/ _|        | |
 *     | |_) | __ _  ___| | ____ _ _ __ ___  _   _ _ __   __| |  | |__  | |_| |_ ___  ___| |_ ___
 *     |  _ < / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` |  |  __| |  _|  _/ _ \/ __| __/ __|
 *     | |_) | (_| | (__|   < (_| | | | (_) | |_| | | | | (_| |  | |____| | | ||  __/ (__| |_\__ \
 *     |____/ \__,_|\___|_|\_\__, |_|  \___/ \__,_|_| |_|\__,_|  |______|_| |_| \___|\___|\__|___/
 *                            __/ |
 *                           |___/
 */
/* KEN BURNS */
.slides.animated .kenBurns .background,
.slides.animated .kenBurns.zoomout .background,
.slides.animateOnScroll .kenBurns .background,
.slides.animateOnScroll .kenBurns.zoomout .background {
  transform: translate3d(0, 0, 0);
  opacity: 0.2;
  z-index: 1;
}

.slides.animated .kenBurns:not(.video) .background,
.slides.animated .kenBurns.zoomout:not(.video) .background,
.slides.animateOnScroll .kenBurns:not(.video) .background,
.slides.animateOnScroll .kenBurns.zoomout:not(.video) .background {
  transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s ease;
}

.animated .active.kenBurns:not(.video) .background,
.animated .active.kenBurns.zoomout:not(.video) .background,
.animated .active .kenBurns.zoomout:not(.video) .background,
.animateOnScroll .active.kenBurns:not(.video) .background,
.animateOnScroll .active.kenBurns.zoomout:not(.video) .background,
.animateOnScroll .active .kenBurns.zoomout:not(.video) .background {
  opacity: 1;
  transform: scale(1.05) rotate(-0.02deg);
}

.slides.animated .kenBurns.zoomout:not(.video) .background,
.slides.animateOnScroll .kenBurns.zoomout:not(.video) .background {
  transform: scale(1.05) rotate(-0.02deg);
}

.animated .active.kenBurns.zoomout:not(.video) .background,
.windows .slides.animated .active.kenBurns.zoomout:not(.video) .background,
.animateOnScroll .active.kenBurns.zoomout:not(.video) .background,
.windows .slides.animateOnScroll .active.kenBurns.zoomout:not(.video) .background {
  transform: translate3d(0, 0, 0);
}

.mobile .kenBurns .background,
.mobile .kenBurns.zoomout .background {
  transition: 0s;
  transform: none;
}

/* PARALLAX */
.slides.animated .parallax:not(.video) .background,
.slides.animateOnScroll .parallax:not(.video) .background {
  transform: translate3d(0, 0, 0) scale(1.25);
  transition: transform-origin 1s, transform 1s;
}

.slides.animated.fast .parallax:not(.video) .background,
.slides.animateOnScroll.fast .parallax:not(.video) .background {
  transition: transform-origin 0.6s, transform 0.6s;
}

.slides.animated.slow .parallax:not(.video) .background,
.slides.animateOnScroll.slow .parallax:not(.video) .background {
  transition: transform-origin 1.4s, transform 1.4s;
}

.slides.animated .parallax.animate:not(.video) .background,
.slides.animateOnScroll .parallax.animate:not(.video) .background {
  transform-origin: center;
}

.slides.animated .slide.after.parallax:not(.video) .background,
.slides.animateOnScroll .slide.after.parallax:not(.video) .background {
  transform-origin: top center;
}

.slides.animated .slide.before.parallax:not(.video) .background,
.slides.animateOnScroll .slide.before.parallax:not(.video) .background {
  transform-origin: bottom center;
}

/* horizontal */
.slides.animated.horizontal .slide.after.parallax:not(.video) .background,
.slides.animateOnScroll.horizontal .slide.after.parallax:not(.video) .background {
  transform-origin: left center;
}

.slides.animated.horizontal .slide.before.parallax:not(.video) .background,
.slides.animateOnScroll.horizontal .slide.before.parallax:not(.video) .background {
  transform-origin: right center;
}

/* zoom */
.slides.animated.zoom .slide.after.parallax:not(.video) .background,
.slides.animateOnScroll.zoom .slide.after.parallax:not(.video) .background {
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(1);
}

.slides.animated.zoom .slide.animate.parallax:not(.video) .background,
.slides.animateOnScroll.zoom .slide.animate.parallax:not(.video) .background {
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(1.1);
}

.slides.animated.zoom .slide.before.parallax:not(.video) .background,
.slides.animateOnScroll.zoom .slide.before.parallax:not(.video) .background {
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(1);
}

/* plain */
.slides.animated.plain .slide.after.parallax:not(.video) .background,
.slides.animateOnScroll.plain .slide.after.parallax:not(.video) .background {
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(1);
}

.slides.animated.plain .slide.animate.parallax:not(.video) .background,
.slides.animateOnScroll.plain .slide.animate.parallax:not(.video) .background {
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(1);
}

.slides.animated.plain .slide.before.parallax:not(.video) .background,
.slides.animateOnScroll.plain .slide.before.parallax:not(.video) .background {
  transform-origin: center;
  transform: translate3d(0, 0, 0) scale(1);
}

.attachmentFixed {
  background-attachment: fixed !important;
  background-size: cover !important;
}

/* SCENIC */
.slides.animated .scenic:not(.video) .background,
.slides.animateOnScroll .scenic:not(.video) .background {
  animation: scenic 140s cubic-bezier(0.2, 0, 0.8, 1) infinite;
}

@keyframes scenic {
  50% {
    transform: scale(1.5) rotate(-0.02deg);
  }
}
/* SCROLL EFFECT */
.scroll,
.mobile .simplifiedMobile {
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.scroll .content .mobile .simplifiedMobile .content {
  -webkit-overflow-scrolling: initial;
  overflow: hidden;
}

.scroll .wrap {
  overflow: hidden;
}

.scroll .slide,
.scroll .slide .content,
.scroll .container,
.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .content,
.mobile .simplifiedMobile .container {
  position: relative !important;
  height: auto;
  opacity: 1;
}

.mobile .simplifiedMobile .popup .content,
.mobile .simplifiedMobile .popup .container {
  position: absolute !important;
  height: 100%;
}

.scroll .container,
.mobile .simplifiedMobile .container {
  height: 100vh;
}

.scroll .slide.autoHeight .container,
.mobile .slide.autoHeight .simplifiedMobile .container {
  height: auto;
}

.scroll .slide .background,
.mobile .simplifiedMobile .slide .background {
  position: absolute !important;
  min-height: 100vh;
}

.scroll .slide,
.scroll .slide.after,
.scroll .slide.before,
.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .slide.after,
.mobile .simplifiedMobile .slide.before {
  visibility: visible;
  transform: none !important;
}

.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .slide.after,
.mobile .simplifiedMobile .slide.before {
  opacity: 1 !important;
}

.page-loaded.sidebarShown .scroll .slide,
.page-loaded.mobile.sidebarShown .simplifiedMobile .slide {
  transform: translate3d(0, 0, 0) !important;
  pointer-events: none;
  opacity: 0.5 !important;
}

.page-loaded .scroll .slide {
  transition: transform 0.5s, opacity 0.5s !important;
}

.page-loaded .scroll .panel,
.page-loaded.mobile .simplifiedMobile .panel {
  transform: translate3d(0, 0, 0) !important;
  position: absolute;
}

.mobile .simplifiedMobile .navigation {
  display: none;
}

.mobile .simplifiedMobile [class*=ae-] {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

.mobile .simplifiedMobile [class*=ae-] {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

.popupShown,
.popupShown body,
.sidebarShown,
.sidebarShown body {
  overflow-y: hidden !important;
}

.scroll .parallax:not(.video) .background {
  transform: translate3d(0, 0, 0) scale(1.25);
  transition: none !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 0;
    transform: scale(0.86);
  }
}
@keyframes riseUp {
  from {
    opacity: 0;
    transform: scale(0.86) translateY(50px);
  }
}
/* Parallax Motion */
@media (max-width: 1023px) {
  .parallaxMotion:not(.responsive) .parallaxElement,
  .parallaxMotion .parallaxElement:not(.responsive) {
    transform: none !important;
  }
}
/* End Effects */
/*
$header-font: ('Source Sans Pro', sans-serif);
$header-baseline: 0.144500;

$body-font: ('Source Sans Pro', sans-serif);
$body-baseline: 0.144500;

$gh: 1rem;

// COLOURS
$color-medium: #303030;

// FONT WEIGHTS
$ultraLight:	200;
$light:			300;
$normal:		400;
$semiBold:		500;
$bold:			600;
$ultraBold: 	900;

*/
html {
  font-size: 6px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  color: #303030;
}
@media (max-width: 550px) {
  html {
    font-size: 5px;
  }
}
@media (min-width: 767px) {
  html {
    font-size: 7px;
  }
}
@media (min-width: 1024px) {
  html {
    font-size: 8px;
  }
}

body {
  font-size: 16px;
}

.article .h1, .article h1,
.article .h2, .article h2, .article .showcase li .sc strong, .showcase li .sc .article strong,
.article .h3, .article h3,
.article .h4, .article h4,
.article .h5, .article h5,
.article .h6, .article h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: normal;
  opacity: 0.9;
}
.article .h1.ultraLight, .article h1.ultraLight,
.article .h2.ultraLight, .article h2.ultraLight, .article .showcase li .sc strong.ultraLight, .showcase li .sc .article strong.ultraLight,
.article .h3.ultraLight, .article h3.ultraLight,
.article .h4.ultraLight, .article h4.ultraLight,
.article .h5.ultraLight, .article h5.ultraLight,
.article .h6.ultraLight, .article h6.ultraLight {
  font-weight: 200;
}
.article .h1.light, .article h1.light,
.article .h2.light, .article h2.light, .article .showcase li .sc strong, .showcase li .sc .article strong,
.article .h3.light, .article h3.light,
.article .h4.light, .article h4.light,
.article .h5.light, .article h5.light,
.article .h6.light, .article h6.light {
  font-weight: 300;
}
.article .h1.normal, .article h1.normal,
.article .h2.normal, .article h2.normal, .article .showcase li .sc strong.normal, .showcase li .sc .article strong.normal,
.article .h3.normal, .article h3.normal,
.article .h4.normal, .article h4.normal,
.article .h5.normal, .article h5.normal,
.article .h6.normal, .article h6.normal {
  font-weight: 400;
}
.article .h1.semiBold, .article h1.semiBold,
.article .h2.semiBold, .article h2.semiBold, .article .showcase li .sc strong.semiBold, .showcase li .sc .article strong.semiBold,
.article .h3.semiBold, .article h3.semiBold,
.article .h4.semiBold, .article h4.semiBold,
.article .h5.semiBold, .article h5.semiBold,
.article .h6.semiBold, .article h6.semiBold {
  font-weight: 500;
  letter-spacing: -0.05em;
}
.article .h1.bold, .article h1.bold,
.article .h2.bold, .article h2.bold, .article .showcase li .sc strong.bold, .showcase li .sc .article strong.bold,
.article .h3.bold, .article h3.bold,
.article .h4.bold, .article h4.bold,
.article .h5.bold, .article h5.bold,
.article .h6.bold, .article h6.bold {
  font-weight: 600;
  letter-spacing: -0.04em;
}
.article .h1.ultraBold, .article h1.ultraBold,
.article .h2.ultraBold, .article h2.ultraBold, .article .showcase li .sc strong.ultraBold, .showcase li .sc .article strong.ultraBold,
.article .h3.ultraBold, .article h3.ultraBold,
.article .h4.ultraBold, .article h4.ultraBold,
.article .h5.ultraBold, .article h5.ultraBold,
.article .h6.ultraBold, .article h6.ultraBold {
  font-weight: 900;
  letter-spacing: -0.03em;
}
.article .h1, .article h1 {
  font-size: 8.4rem;
  line-height: 10rem;
  margin-top: 8rem;
  padding-top: 0.0138rem;
  padding-bottom: 0.9862rem;
  margin-bottom: 1rem;
}
.article .h1.small, .article .showcase li .sc strong.h1, .showcase li .sc .article strong.h1, .article h1.small {
  font-size: 6.4rem;
  line-height: 6rem;
  margin-top: 3rem;
  padding-top: 0.7248rem;
  padding-bottom: 0.2752rem;
  margin-bottom: 2rem;
}
.article .h1.large, .article h1.large {
  font-size: 9.6rem;
  line-height: 10rem;
  margin-top: 7rem;
  padding-top: 0.5872rem;
  padding-bottom: 0.4128rem;
  margin-bottom: 4rem;
}
.article .h1.huge, .article h1.huge {
  font-size: 14.6rem;
  line-height: 15rem;
  margin-top: 10rem;
  padding-top: 0.3097rem;
  padding-bottom: 0.6903rem;
  margin-bottom: 3rem;
}
.article .h2, .article h2, .article .showcase li .sc strong, .showcase li .sc .article strong {
  font-size: 7.4rem;
  line-height: 8rem;
  margin-top: 6rem;
  padding-top: 0.3693rem;
  padding-bottom: 0.6307rem;
  margin-bottom: 1rem;
}
.article .h2.small, .article h2.small, .article .showcase li .sc strong, .showcase li .sc .article strong {
  font-size: 5.6rem;
  line-height: 6rem;
  margin-top: 4rem;
  padding-top: 0.0092rem;
  padding-bottom: 0.9908rem;
  margin-bottom: -1rem;
}
.article .h2.large, .article h2.large, .article .showcase li .sc strong.large, .showcase li .sc .article strong.large {
  font-size: 8.8rem;
  line-height: 9rem;
  margin-top: 6rem;
  padding-top: 0.3716rem;
  padding-bottom: 0.6284rem;
  margin-bottom: 1rem;
}
.article .h2.huge, .article h2.huge, .article .showcase li .sc strong.huge, .showcase li .sc .article strong.huge {
  font-size: 11.2rem;
  line-height: 12rem;
  margin-top: 8rem;
  padding-top: 0.0184rem;
  padding-bottom: 0.9816rem;
  margin-bottom: 1rem;
}
.article .h3, .article h3 {
  font-size: 6.4rem;
  line-height: 8rem;
  margin-top: 3rem;
  padding-top: 0.7248rem;
  padding-bottom: 0.2752rem;
  margin-bottom: 0rem;
}
.article .h3.small, .article .showcase li .sc strong.h3, .showcase li .sc .article strong.h3, .article h3.small {
  font-size: 4.8rem;
  line-height: 6rem;
  margin-top: 2rem;
  padding-top: 0.2936rem;
  padding-bottom: 0.7064rem;
  margin-bottom: -1rem;
}
.article .h3.large, .article h3.large {
  font-size: 8rem;
  line-height: 10rem;
  margin-top: 4rem;
  padding-top: 0.156rem;
  padding-bottom: 0.844rem;
  margin-bottom: 0rem;
}
.article .h3.huge, .article h3.huge {
  font-size: 9.6rem;
  line-height: 10rem;
  margin-top: 5rem;
  padding-top: 0.5872rem;
  padding-bottom: 0.4128rem;
  margin-bottom: 2rem;
}
.article .h4, .article h4 {
  font-size: 5.2rem;
  line-height: 6rem;
  margin-top: 4rem;
  padding-top: 0.1514rem;
  padding-bottom: 0.8486rem;
  margin-bottom: -1rem;
}
.article .h5, .article h5 {
  font-size: 4.4rem;
  line-height: 6rem;
  margin-top: 4rem;
  padding-top: 0.4358rem;
  padding-bottom: 0.5642rem;
  margin-bottom: -1rem;
}
.article .h6, .article h6 {
  font-size: 3.6rem;
  line-height: 4rem;
  margin-top: 3rem;
  padding-top: 0.7202rem;
  padding-bottom: 0.2798rem;
  margin-bottom: 0rem;
}
.article p, .article .p, .article .p:not(.hero) + p, .article p:not(.hero) + p {
  font-size: 3.5rem;
  line-height: 5rem;
  margin-top: 0rem;
  padding-top: 0.25575rem;
  padding-bottom: 0.74425rem;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}
.article p.micro, .article .p.micro, .article .p:not(.hero) + p.micro, .article p:not(.hero) + p.micro {
  font-size: 2.6rem;
  line-height: 4rem;
  margin-top: 2rem;
  padding-top: 0.0757rem;
  padding-bottom: 0.9243rem;
  margin-bottom: -1rem;
}
.article p.small, .article .p.small, .article .showcase li .sc strong.p, .showcase li .sc .article strong.p, .article .p:not(.hero) + p.small, .article p:not(.hero) + p.small {
  font-size: 3rem;
  line-height: 4rem;
  margin-top: 1rem;
  padding-top: 0.9335rem;
  padding-bottom: 0.0665rem;
  margin-bottom: 0rem;
}
.article p.hero, .article .p.hero, .article .p:not(.hero) + p.hero, .article p:not(.hero) + p.hero {
  font-size: 5rem;
  line-height: 6rem;
  margin-top: 2rem;
  padding-top: 0.2225rem;
  padding-bottom: 0.7775rem;
  margin-bottom: 3rem;
  font-weight: 300;
  letter-spacing: -0.16rem;
}
.article strong {
  font-weight: 600;
}
.article em {
  font-weight: 500;
}
.article li {
  font-size: 3.5rem;
  line-height: 4rem;
  margin-top: -1rem;
  padding-top: 0.75575rem;
  padding-bottom: 0.24425rem;
  margin-bottom: 1rem;
  opacity: 0.8;
}
.article ul, .article ol {
  margin: 4rem 4rem 4rem 8rem;
}
.article ul li {
  list-style: disc;
}
.article ol li {
  list-style: decimal;
}
.article blockquote {
  font-size: 3.2rem;
  line-height: 4rem;
  margin-top: 5rem;
  padding-top: 0.8624rem;
  padding-bottom: 0.1376rem;
  margin-bottom: 5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  margin-left: 4rem;
  margin-right: 4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  opacity: 0.9;
  border-left: 5px solid #EEE;
}
.article q {
  font-size: 3.2rem;
  line-height: 4rem;
  margin-top: 5rem;
  padding-top: 0.8624rem;
  padding-bottom: 0.1376rem;
  margin-bottom: 6rem;
  padding-left: 4rem;
  padding-right: 4rem;
  opacity: 0.9;
  display: block;
}
.article q:before, .article q:after {
  font-size: 5rem;
  line-height: 0.1rem;
  vertical-align: -1rem;
}
.article q:before {
  content: "“";
  margin-right: 1rem;
}
.article q:after {
  content: "”";
  margin-left: 1rem;
}

@media (min-width: 768px) {
  .article p, .article li {
    font-weight: 300;
  }
}

@media (max-width: 550px) {
  .article h1, .article .h2, .article .h3, .article h4, .article h5, .article h6 {
    opacity: 0.8;
  }
}

/* Colors */
.white {
  background: #fff !important;
  color: #202020 !important;
}
.white svg {
  fill: #202020 !important;
}
.slide.whiteSlide .white {
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0);
}

.text-white {
  color: #fff !important;
}
.text-white.button svg, #MemberLoginForm_LoginForm a.text-white svg, #MemberLoginForm_LoginForm input.text-white[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-white svg, #MemberLoginForm_LostPasswordForm input.text-white[type=submit] svg {
  fill: #fff !important;
}

.stroke.button.white, #MemberLoginForm_LoginForm a.stroke.white, #MemberLoginForm_LoginForm input.stroke.white[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.white, #MemberLoginForm_LostPasswordForm input.stroke.white[type=submit] {
  color: #fff !important;
  border-color: #fff !important;
}
.stroke.button.white svg, #MemberLoginForm_LoginForm a.stroke.white svg, #MemberLoginForm_LoginForm input.stroke.white[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.white svg, #MemberLoginForm_LostPasswordForm input.stroke.white[type=submit] svg {
  fill: #fff !important;
}

.black {
  background: #202020 !important;
  color: #fff !important;
}
.black svg {
  fill: #fff !important;
}

.text-black {
  color: #202020 !important;
}
.text-black.button svg, #MemberLoginForm_LoginForm a.text-black svg, #MemberLoginForm_LoginForm input.text-black[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-black svg, #MemberLoginForm_LostPasswordForm input.text-black[type=submit] svg {
  fill: #202020 !important;
}

.stroke.button.black, #MemberLoginForm_LoginForm a.stroke.black, #MemberLoginForm_LoginForm input.stroke.black[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.black, #MemberLoginForm_LostPasswordForm input.stroke.black[type=submit] {
  color: #202020 !important;
  border-color: #202020 !important;
}
.stroke.button.black svg, #MemberLoginForm_LoginForm a.stroke.black svg, #MemberLoginForm_LoginForm input.stroke.black[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.black svg, #MemberLoginForm_LostPasswordForm input.stroke.black[type=submit] svg {
  fill: #202020 !important;
}

/* Colors by Google Meterial Design (C) */
.red {
  background: #F44336 !important;
  color: #fff !important;
}
.red svg {
  fill: #fff !important;
}

.text-red {
  color: #F44336 !important;
}
.text-red.button svg, #MemberLoginForm_LoginForm a.text-red svg, #MemberLoginForm_LoginForm input.text-red[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-red svg, #MemberLoginForm_LostPasswordForm input.text-red[type=submit] svg {
  fill: #F44336 !important;
}

.stroke.button.red, #MemberLoginForm_LoginForm a.stroke.red, #MemberLoginForm_LoginForm input.stroke.red[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.red, #MemberLoginForm_LostPasswordForm input.stroke.red[type=submit] {
  color: #F44336 !important;
  border-color: #F44336 !important;
}
.stroke.button.red svg, #MemberLoginForm_LoginForm a.stroke.red svg, #MemberLoginForm_LoginForm input.stroke.red[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.red svg, #MemberLoginForm_LostPasswordForm input.stroke.red[type=submit] svg {
  fill: #F44336 !important;
}

.pink {
  background: #E91E63 !important;
  color: #fff !important;
}
.pink svg {
  fill: #fff !important;
}

.text-pink {
  color: #E91E63 !important;
}
.text-pink.button svg, #MemberLoginForm_LoginForm a.text-pink svg, #MemberLoginForm_LoginForm input.text-pink[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-pink svg, #MemberLoginForm_LostPasswordForm input.text-pink[type=submit] svg {
  fill: #E91E63 !important;
}

.stroke.button.pink, #MemberLoginForm_LoginForm a.stroke.pink, #MemberLoginForm_LoginForm input.stroke.pink[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.pink, #MemberLoginForm_LostPasswordForm input.stroke.pink[type=submit] {
  color: #E91E63 !important;
  border-color: #E91E63 !important;
}
.stroke.button.pink svg, #MemberLoginForm_LoginForm a.stroke.pink svg, #MemberLoginForm_LoginForm input.stroke.pink[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.pink svg, #MemberLoginForm_LostPasswordForm input.stroke.pink[type=submit] svg {
  fill: #E91E63 !important;
}

.purple {
  background: #9C27B0 !important;
  color: #fff !important;
}
.purple svg {
  fill: #fff !important;
}

.text-purple {
  color: #9C27B0 !important;
}
.text-purple.button svg, #MemberLoginForm_LoginForm a.text-purple svg, #MemberLoginForm_LoginForm input.text-purple[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-purple svg, #MemberLoginForm_LostPasswordForm input.text-purple[type=submit] svg {
  fill: #9C27B0 !important;
}

.stroke.button.purple, #MemberLoginForm_LoginForm a.stroke.purple, #MemberLoginForm_LoginForm input.stroke.purple[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.purple, #MemberLoginForm_LostPasswordForm input.stroke.purple[type=submit] {
  color: #9C27B0 !important;
  border-color: #9C27B0 !important;
}
.stroke.button.purple svg, #MemberLoginForm_LoginForm a.stroke.purple svg, #MemberLoginForm_LoginForm input.stroke.purple[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.purple svg, #MemberLoginForm_LostPasswordForm input.stroke.purple[type=submit] svg {
  fill: #9C27B0 !important;
}

.deepPurple {
  background: #673AB7 !important;
  color: #fff !important;
}
.deepPurple svg {
  fill: #fff !important;
}

.text-deepPurple {
  color: #673AB7 !important;
}
.text-deepPurple.button svg, #MemberLoginForm_LoginForm a.text-deepPurple svg, #MemberLoginForm_LoginForm input.text-deepPurple[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-deepPurple svg, #MemberLoginForm_LostPasswordForm input.text-deepPurple[type=submit] svg {
  fill: #673AB7 !important;
}

.stroke.button.deepPurple, #MemberLoginForm_LoginForm a.stroke.deepPurple, #MemberLoginForm_LoginForm input.stroke.deepPurple[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.deepPurple, #MemberLoginForm_LostPasswordForm input.stroke.deepPurple[type=submit] {
  color: #673AB7 !important;
  border-color: #673AB7 !important;
}
.stroke.button.deepPurple svg, #MemberLoginForm_LoginForm a.stroke.deepPurple svg, #MemberLoginForm_LoginForm input.stroke.deepPurple[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.deepPurple svg, #MemberLoginForm_LostPasswordForm input.stroke.deepPurple[type=submit] svg {
  fill: #673AB7 !important;
}

.indigo {
  background: #3F51B5 !important;
  color: #fff !important;
}
.indigo svg {
  fill: #fff !important;
}

.text-indigo {
  color: #3F51B5 !important;
}
.text-indigo.button svg, #MemberLoginForm_LoginForm a.text-indigo svg, #MemberLoginForm_LoginForm input.text-indigo[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-indigo svg, #MemberLoginForm_LostPasswordForm input.text-indigo[type=submit] svg {
  fill: #3F51B5 !important;
}

.stroke.button.indigo, #MemberLoginForm_LoginForm a.stroke.indigo, #MemberLoginForm_LoginForm input.stroke.indigo[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.indigo, #MemberLoginForm_LostPasswordForm input.stroke.indigo[type=submit] {
  color: #3F51B5 !important;
  border-color: #3F51B5 !important;
}
.stroke.button.indigo svg, #MemberLoginForm_LoginForm a.stroke.indigo svg, #MemberLoginForm_LoginForm input.stroke.indigo[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.indigo svg, #MemberLoginForm_LostPasswordForm input.stroke.indigo[type=submit] svg {
  fill: #3F51B5 !important;
}

.blue {
  background: #2196F3 !important;
  color: #fff !important;
}
.blue svg {
  fill: #fff !important;
}

.text-blue {
  color: #2196F3 !important;
}
.text-blue.button svg, #MemberLoginForm_LoginForm a.text-blue svg, #MemberLoginForm_LoginForm input.text-blue[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-blue svg, #MemberLoginForm_LostPasswordForm input.text-blue[type=submit] svg {
  fill: #2196F3 !important;
}

.stroke.button.blue, #MemberLoginForm_LoginForm a.stroke.blue, #MemberLoginForm_LoginForm input.stroke.blue[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.blue, #MemberLoginForm_LostPasswordForm input.stroke.blue[type=submit] {
  color: #2196F3 !important;
  border-color: #2196F3 !important;
}
.stroke.button.blue svg, #MemberLoginForm_LoginForm a.stroke.blue svg, #MemberLoginForm_LoginForm input.stroke.blue[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.blue svg, #MemberLoginForm_LostPasswordForm input.stroke.blue[type=submit] svg {
  fill: #2196F3 !important;
}

.cyan {
  background: #00BCD4 !important;
  color: #fff !important;
}
.cyan svg {
  fill: #fff !important;
}

.text-cyan {
  color: #00BCD4 !important;
}
.text-cyan.button svg, #MemberLoginForm_LoginForm a.text-cyan svg, #MemberLoginForm_LoginForm input.text-cyan[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-cyan svg, #MemberLoginForm_LostPasswordForm input.text-cyan[type=submit] svg {
  fill: #00BCD4 !important;
}

.stroke.button.cyan, #MemberLoginForm_LoginForm a.stroke.cyan, #MemberLoginForm_LoginForm input.stroke.cyan[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.cyan, #MemberLoginForm_LostPasswordForm input.stroke.cyan[type=submit] {
  color: #00BCD4 !important;
  border-color: #00BCD4 !important;
}
.stroke.button.cyan svg, #MemberLoginForm_LoginForm a.stroke.cyan svg, #MemberLoginForm_LoginForm input.stroke.cyan[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.cyan svg, #MemberLoginForm_LostPasswordForm input.stroke.cyan[type=submit] svg {
  fill: #00BCD4 !important;
}

.teal {
  background: #009688 !important;
  color: #fff !important;
}
.teal svg {
  fill: #fff !important;
}

.text-teal {
  color: #009688 !important;
}
.text-teal.button svg, #MemberLoginForm_LoginForm a.text-teal svg, #MemberLoginForm_LoginForm input.text-teal[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-teal svg, #MemberLoginForm_LostPasswordForm input.text-teal[type=submit] svg {
  fill: #009688 !important;
}

.stroke.button.teal, #MemberLoginForm_LoginForm a.stroke.teal, #MemberLoginForm_LoginForm input.stroke.teal[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.teal, #MemberLoginForm_LostPasswordForm input.stroke.teal[type=submit] {
  color: #009688 !important;
  border-color: #009688 !important;
}
.stroke.button.teal svg, #MemberLoginForm_LoginForm a.stroke.teal svg, #MemberLoginForm_LoginForm input.stroke.teal[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.teal svg, #MemberLoginForm_LostPasswordForm input.stroke.teal[type=submit] svg {
  fill: #009688 !important;
}

.green {
  background: #4CAF50 !important;
  color: #fff !important;
}
.green svg {
  fill: #fff !important;
}

.text-green {
  color: #4CAF50 !important;
}
.text-green.button svg, #MemberLoginForm_LoginForm a.text-green svg, #MemberLoginForm_LoginForm input.text-green[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-green svg, #MemberLoginForm_LostPasswordForm input.text-green[type=submit] svg {
  fill: #4CAF50 !important;
}

.stroke.button.green, #MemberLoginForm_LoginForm a.stroke.green, #MemberLoginForm_LoginForm input.stroke.green[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.green, #MemberLoginForm_LostPasswordForm input.stroke.green[type=submit] {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important;
}
.stroke.button.green svg, #MemberLoginForm_LoginForm a.stroke.green svg, #MemberLoginForm_LoginForm input.stroke.green[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.green svg, #MemberLoginForm_LostPasswordForm input.stroke.green[type=submit] svg {
  fill: #4CAF50 !important;
}

.lightGreen {
  background: #8BC34A !important;
  color: #fff !important;
}
.lightGreen svg {
  fill: #fff !important;
}

.text-lightGreen {
  color: #8BC34A !important;
}
.text-lightGreen.button svg, #MemberLoginForm_LoginForm a.text-lightGreen svg, #MemberLoginForm_LoginForm input.text-lightGreen[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-lightGreen svg, #MemberLoginForm_LostPasswordForm input.text-lightGreen[type=submit] svg {
  fill: #8BC34A !important;
}

.stroke.button.lightGreen, #MemberLoginForm_LoginForm a.stroke.lightGreen, #MemberLoginForm_LoginForm input.stroke.lightGreen[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.lightGreen, #MemberLoginForm_LostPasswordForm input.stroke.lightGreen[type=submit] {
  color: #8BC34A !important;
  border-color: #8BC34A !important;
}
.stroke.button.lightGreen svg, #MemberLoginForm_LoginForm a.stroke.lightGreen svg, #MemberLoginForm_LoginForm input.stroke.lightGreen[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.lightGreen svg, #MemberLoginForm_LostPasswordForm input.stroke.lightGreen[type=submit] svg {
  fill: #8BC34A !important;
}

.lime {
  background: #CDDC39 !important;
  color: #fff !important;
}
.lime svg {
  fill: #fff !important;
}

.text-lime {
  color: #CDDC39 !important;
}
.text-lime.button svg, #MemberLoginForm_LoginForm a.text-lime svg, #MemberLoginForm_LoginForm input.text-lime[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-lime svg, #MemberLoginForm_LostPasswordForm input.text-lime[type=submit] svg {
  fill: #CDDC39 !important;
}

.stroke.button.lime, #MemberLoginForm_LoginForm a.stroke.lime, #MemberLoginForm_LoginForm input.stroke.lime[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.lime, #MemberLoginForm_LostPasswordForm input.stroke.lime[type=submit] {
  color: #CDDC39 !important;
  border-color: #CDDC39 !important;
}
.stroke.button.lime svg, #MemberLoginForm_LoginForm a.stroke.lime svg, #MemberLoginForm_LoginForm input.stroke.lime[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.lime svg, #MemberLoginForm_LostPasswordForm input.stroke.lime[type=submit] svg {
  fill: #CDDC39 !important;
}

.yellow {
  background: #FFEB3B !important;
  color: #202020 !important;
}
.yellow svg {
  fill: #202020 !important;
}

.text-yellow {
  color: #FFEB3B !important;
}
.text-yellow.button svg, #MemberLoginForm_LoginForm a.text-yellow svg, #MemberLoginForm_LoginForm input.text-yellow[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-yellow svg, #MemberLoginForm_LostPasswordForm input.text-yellow[type=submit] svg {
  fill: #FFEB3B !important;
}

.stroke.button.yellow, #MemberLoginForm_LoginForm a.stroke.yellow, #MemberLoginForm_LoginForm input.stroke.yellow[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.yellow, #MemberLoginForm_LostPasswordForm input.stroke.yellow[type=submit] {
  color: #FFEB3B !important;
  border-color: #FFEB3B !important;
}
.stroke.button.yellow svg, #MemberLoginForm_LoginForm a.stroke.yellow svg, #MemberLoginForm_LoginForm input.stroke.yellow[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.yellow svg, #MemberLoginForm_LostPasswordForm input.stroke.yellow[type=submit] svg {
  fill: #FFEB3B !important;
}

.amber {
  background: #FFC107 !important;
  color: #fff !important;
}
.amber svg {
  fill: #fff !important;
}

.text-amber {
  color: #FFC107 !important;
}
.text-amber.button svg, #MemberLoginForm_LoginForm a.text-amber svg, #MemberLoginForm_LoginForm input.text-amber[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-amber svg, #MemberLoginForm_LostPasswordForm input.text-amber[type=submit] svg {
  fill: #FFC107 !important;
}

.stroke.button.amber, #MemberLoginForm_LoginForm a.stroke.amber, #MemberLoginForm_LoginForm input.stroke.amber[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.amber, #MemberLoginForm_LostPasswordForm input.stroke.amber[type=submit] {
  color: #FFC107 !important;
  border-color: #FFC107 !important;
}
.stroke.button.amber svg, #MemberLoginForm_LoginForm a.stroke.amber svg, #MemberLoginForm_LoginForm input.stroke.amber[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.amber svg, #MemberLoginForm_LostPasswordForm input.stroke.amber[type=submit] svg {
  fill: #FFC107 !important;
}

.orange {
  background: #FF9800 !important;
  color: #fff !important;
}
.orange svg {
  fill: #fff !important;
}

.text-orange {
  color: #FF9800 !important;
}
.text-orange.button svg, #MemberLoginForm_LoginForm a.text-orange svg, #MemberLoginForm_LoginForm input.text-orange[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-orange svg, #MemberLoginForm_LostPasswordForm input.text-orange[type=submit] svg {
  fill: #FF9800 !important;
}

.stroke.button.orange, #MemberLoginForm_LoginForm a.stroke.orange, #MemberLoginForm_LoginForm input.stroke.orange[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.orange, #MemberLoginForm_LostPasswordForm input.stroke.orange[type=submit] {
  color: #FF9800 !important;
  border-color: #FF9800 !important;
}
.stroke.button.orange svg, #MemberLoginForm_LoginForm a.stroke.orange svg, #MemberLoginForm_LoginForm input.stroke.orange[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.orange svg, #MemberLoginForm_LostPasswordForm input.stroke.orange[type=submit] svg {
  fill: #FF9800 !important;
}

.deepOrange {
  background: #FF5722 !important;
  color: #fff !important;
}
.deepOrange svg {
  fill: #fff !important;
}

.text-deepOrange {
  color: #FF5722 !important;
}
.text-deepOrange.button svg, #MemberLoginForm_LoginForm a.text-deepOrange svg, #MemberLoginForm_LoginForm input.text-deepOrange[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-deepOrange svg, #MemberLoginForm_LostPasswordForm input.text-deepOrange[type=submit] svg {
  fill: #FF5722 !important;
}

.stroke.button.deepOrange, #MemberLoginForm_LoginForm a.stroke.deepOrange, #MemberLoginForm_LoginForm input.stroke.deepOrange[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.deepOrange, #MemberLoginForm_LostPasswordForm input.stroke.deepOrange[type=submit] {
  color: #FF5722 !important;
  border-color: #FF5722 !important;
}
.stroke.button.deepOrange svg, #MemberLoginForm_LoginForm a.stroke.deepOrange svg, #MemberLoginForm_LoginForm input.stroke.deepOrange[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.deepOrange svg, #MemberLoginForm_LostPasswordForm input.stroke.deepOrange[type=submit] svg {
  fill: #FF5722 !important;
}

.brown {
  background: #795548 !important;
  color: #fff !important;
}
.brown svg {
  fill: #fff !important;
}

.text-brown {
  color: #795548 !important;
}
.text-brown.button svg, #MemberLoginForm_LoginForm a.text-brown svg, #MemberLoginForm_LoginForm input.text-brown[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-brown svg, #MemberLoginForm_LostPasswordForm input.text-brown[type=submit] svg {
  fill: #795548 !important;
}

.stroke.button.brown, #MemberLoginForm_LoginForm a.stroke.brown, #MemberLoginForm_LoginForm input.stroke.brown[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.brown, #MemberLoginForm_LostPasswordForm input.stroke.brown[type=submit] {
  color: #795548 !important;
  border-color: #795548 !important;
}
.stroke.button.brown svg, #MemberLoginForm_LoginForm a.stroke.brown svg, #MemberLoginForm_LoginForm input.stroke.brown[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.brown svg, #MemberLoginForm_LostPasswordForm input.stroke.brown[type=submit] svg {
  fill: #795548 !important;
}

.gray {
  background: #9E9E9E !important;
  color: #fff !important;
}
.gray svg {
  fill: #fff !important;
}

.text-gray {
  color: #9E9E9E !important;
}
.text-gray.button svg, #MemberLoginForm_LoginForm a.text-gray svg, #MemberLoginForm_LoginForm input.text-gray[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-gray svg, #MemberLoginForm_LostPasswordForm input.text-gray[type=submit] svg {
  fill: #9E9E9E !important;
}

.stroke.button.gray, #MemberLoginForm_LoginForm a.stroke.gray, #MemberLoginForm_LoginForm input.stroke.gray[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.gray, #MemberLoginForm_LostPasswordForm input.stroke.gray[type=submit] {
  color: #9E9E9E !important;
  border-color: #9E9E9E !important;
}
.stroke.button.gray svg, #MemberLoginForm_LoginForm a.stroke.gray svg, #MemberLoginForm_LoginForm input.stroke.gray[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.gray svg, #MemberLoginForm_LostPasswordForm input.stroke.gray[type=submit] svg {
  fill: #9E9E9E !important;
}

.grey {
  background: #9E9E9E !important;
  color: #fff !important;
}
.grey svg {
  fill: #fff !important;
}

.text-grey {
  color: #9E9E9E !important;
}
.text-grey.button svg, #MemberLoginForm_LoginForm a.text-grey svg, #MemberLoginForm_LoginForm input.text-grey[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-grey svg, #MemberLoginForm_LostPasswordForm input.text-grey[type=submit] svg {
  fill: #9E9E9E !important;
}

.stroke.button.grey, #MemberLoginForm_LoginForm a.stroke.grey, #MemberLoginForm_LoginForm input.stroke.grey[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.grey, #MemberLoginForm_LostPasswordForm input.stroke.grey[type=submit] {
  color: #9E9E9E !important;
  border-color: #9E9E9E !important;
}
.stroke.button.grey svg, #MemberLoginForm_LoginForm a.stroke.grey svg, #MemberLoginForm_LoginForm input.stroke.grey[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.grey svg, #MemberLoginForm_LostPasswordForm input.stroke.grey[type=submit] svg {
  fill: #9E9E9E !important;
}

.blueGray {
  background: #607D8B !important;
  color: #fff !important;
}
.blueGray svg {
  fill: #fff !important;
}

.text-blueGray {
  color: #607D8B !important;
}
.text-blueGray.button svg, #MemberLoginForm_LoginForm a.text-blueGray svg, #MemberLoginForm_LoginForm input.text-blueGray[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-blueGray svg, #MemberLoginForm_LostPasswordForm input.text-blueGray[type=submit] svg {
  fill: #607D8B !important;
}

.stroke.button.blueGray, #MemberLoginForm_LoginForm a.stroke.blueGray, #MemberLoginForm_LoginForm input.stroke.blueGray[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.blueGray, #MemberLoginForm_LostPasswordForm input.stroke.blueGray[type=submit] {
  color: #607D8B !important;
  border-color: #607D8B !important;
}
.stroke.button.blueGray svg, #MemberLoginForm_LoginForm a.stroke.blueGray svg, #MemberLoginForm_LoginForm input.stroke.blueGray[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.blueGray svg, #MemberLoginForm_LostPasswordForm input.stroke.blueGray[type=submit] svg {
  fill: #607D8B !important;
}

.blueGrey {
  background: #607D8B !important;
  color: #fff !important;
}
.blueGrey svg {
  fill: #fff !important;
}

.text-blueGrey {
  color: #607D8B !important;
}
.text-blueGrey.button svg, #MemberLoginForm_LoginForm a.text-blueGrey svg, #MemberLoginForm_LoginForm input.text-blueGrey[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-blueGrey svg, #MemberLoginForm_LostPasswordForm input.text-blueGrey[type=submit] svg {
  fill: #607D8B !important;
}

.stroke.button.blueGrey, #MemberLoginForm_LoginForm a.stroke.blueGrey, #MemberLoginForm_LoginForm input.stroke.blueGrey[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.blueGrey, #MemberLoginForm_LostPasswordForm input.stroke.blueGrey[type=submit] {
  color: #607D8B !important;
  border-color: #607D8B !important;
}
.stroke.button.blueGrey svg, #MemberLoginForm_LoginForm a.stroke.blueGrey svg, #MemberLoginForm_LoginForm input.stroke.blueGrey[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.blueGrey svg, #MemberLoginForm_LostPasswordForm input.stroke.blueGrey[type=submit] svg {
  fill: #607D8B !important;
}

/* Social Colors */
.facebook {
  background: #3b5998 !important;
  color: #fff !important;
}
.facebook svg {
  fill: #fff !important;
}

.text-facebook {
  color: #3b5998 !important;
}
.text-facebook.button svg, #MemberLoginForm_LoginForm a.text-facebook svg, #MemberLoginForm_LoginForm input.text-facebook[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-facebook svg, #MemberLoginForm_LostPasswordForm input.text-facebook[type=submit] svg {
  fill: #3b5998 !important;
}

.stroke.button.facebook, #MemberLoginForm_LoginForm a.stroke.facebook, #MemberLoginForm_LoginForm input.stroke.facebook[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.facebook, #MemberLoginForm_LostPasswordForm input.stroke.facebook[type=submit] {
  color: #3b5998 !important;
  border-color: #3b5998 !important;
}
.stroke.button.facebook svg, #MemberLoginForm_LoginForm a.stroke.facebook svg, #MemberLoginForm_LoginForm input.stroke.facebook[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.facebook svg, #MemberLoginForm_LostPasswordForm input.stroke.facebook[type=submit] svg {
  fill: #3b5998 !important;
}

.twitter {
  background: #55acee !important;
  color: #fff !important;
}
.twitter svg {
  fill: #fff !important;
}

.text-twitter {
  color: #55acee !important;
}
.text-twitter.button svg, #MemberLoginForm_LoginForm a.text-twitter svg, #MemberLoginForm_LoginForm input.text-twitter[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-twitter svg, #MemberLoginForm_LostPasswordForm input.text-twitter[type=submit] svg {
  fill: #55acee !important;
}

.stroke.button.twitter, #MemberLoginForm_LoginForm a.stroke.twitter, #MemberLoginForm_LoginForm input.stroke.twitter[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.twitter, #MemberLoginForm_LostPasswordForm input.stroke.twitter[type=submit] {
  color: #55acee !important;
  border-color: #55acee !important;
}
.stroke.button.twitter svg, #MemberLoginForm_LoginForm a.stroke.twitter svg, #MemberLoginForm_LoginForm input.stroke.twitter[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.twitter svg, #MemberLoginForm_LostPasswordForm input.stroke.twitter[type=submit] svg {
  fill: #55acee !important;
}

.googlePlus {
  background: #DD4330 !important;
  color: #fff !important;
}
.googlePlus svg {
  fill: #fff !important;
}

.text-googlePlus {
  color: #DD4330 !important;
}
.text-googlePlus.button svg, #MemberLoginForm_LoginForm a.text-googlePlus svg, #MemberLoginForm_LoginForm input.text-googlePlus[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-googlePlus svg, #MemberLoginForm_LostPasswordForm input.text-googlePlus[type=submit] svg {
  fill: #DD4330 !important;
}

.stroke.button.googlePlus, #MemberLoginForm_LoginForm a.stroke.googlePlus, #MemberLoginForm_LoginForm input.stroke.googlePlus[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.googlePlus, #MemberLoginForm_LostPasswordForm input.stroke.googlePlus[type=submit] {
  color: #DD4330 !important;
  border-color: #DD4330 !important;
}
.stroke.button.googlePlus svg, #MemberLoginForm_LoginForm a.stroke.googlePlus svg, #MemberLoginForm_LoginForm input.stroke.googlePlus[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.googlePlus svg, #MemberLoginForm_LostPasswordForm input.stroke.googlePlus[type=submit] svg {
  fill: #DD4330 !important;
}

.stumbleupon {
  background: #eb4924 !important;
  color: #fff !important;
}
.stumbleupon svg {
  fill: #fff !important;
}

.text-stumbleupon {
  color: #eb4924 !important;
}
.text-stumbleupon.button svg, #MemberLoginForm_LoginForm a.text-stumbleupon svg, #MemberLoginForm_LoginForm input.text-stumbleupon[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-stumbleupon svg, #MemberLoginForm_LostPasswordForm input.text-stumbleupon[type=submit] svg {
  fill: #eb4924 !important;
}

.stroke.button.stumbleupon, #MemberLoginForm_LoginForm a.stroke.stumbleupon, #MemberLoginForm_LoginForm input.stroke.stumbleupon[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.stumbleupon, #MemberLoginForm_LostPasswordForm input.stroke.stumbleupon[type=submit] {
  color: #eb4924 !important;
  border-color: #eb4924 !important;
}
.stroke.button.stumbleupon svg, #MemberLoginForm_LoginForm a.stroke.stumbleupon svg, #MemberLoginForm_LoginForm input.stroke.stumbleupon[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.stumbleupon svg, #MemberLoginForm_LostPasswordForm input.stroke.stumbleupon[type=submit] svg {
  fill: #eb4924 !important;
}

.linkedin {
  background: #0077b5 !important;
  color: #fff !important;
}
.linkedin svg {
  fill: #fff !important;
}

.text-linkedin {
  color: #0077b5 !important;
}
.text-linkedin.button svg, #MemberLoginForm_LoginForm a.text-linkedin svg, #MemberLoginForm_LoginForm input.text-linkedin[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-linkedin svg, #MemberLoginForm_LostPasswordForm input.text-linkedin[type=submit] svg {
  fill: #0077b5 !important;
}

.stroke.button.linkedin, #MemberLoginForm_LoginForm a.stroke.linkedin, #MemberLoginForm_LoginForm input.stroke.linkedin[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.linkedin, #MemberLoginForm_LostPasswordForm input.stroke.linkedin[type=submit] {
  color: #0077b5 !important;
  border-color: #0077b5 !important;
}
.stroke.button.linkedin svg, #MemberLoginForm_LoginForm a.stroke.linkedin svg, #MemberLoginForm_LoginForm input.stroke.linkedin[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.linkedin svg, #MemberLoginForm_LostPasswordForm input.stroke.linkedin[type=submit] svg {
  fill: #0077b5 !important;
}

.pinterest {
  background: #cc2127 !important;
  color: #fff !important;
}
.pinterest svg {
  fill: #fff !important;
}

.text-pinterest {
  color: #cc2127 !important;
}
.text-pinterest.button svg, #MemberLoginForm_LoginForm a.text-pinterest svg, #MemberLoginForm_LoginForm input.text-pinterest[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-pinterest svg, #MemberLoginForm_LostPasswordForm input.text-pinterest[type=submit] svg {
  fill: #cc2127 !important;
}

.stroke.button.pinterest, #MemberLoginForm_LoginForm a.stroke.pinterest, #MemberLoginForm_LoginForm input.stroke.pinterest[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.pinterest, #MemberLoginForm_LostPasswordForm input.stroke.pinterest[type=submit] {
  color: #cc2127 !important;
  border-color: #cc2127 !important;
}
.stroke.button.pinterest svg, #MemberLoginForm_LoginForm a.stroke.pinterest svg, #MemberLoginForm_LoginForm input.stroke.pinterest[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.pinterest svg, #MemberLoginForm_LostPasswordForm input.stroke.pinterest[type=submit] svg {
  fill: #cc2127 !important;
}

.instagram {
  background: #4D9AD8 !important;
  color: #fff !important;
}
.instagram svg {
  fill: #fff !important;
}

.text-instagram {
  color: #4D9AD8 !important;
}
.text-instagram.button svg, #MemberLoginForm_LoginForm a.text-instagram svg, #MemberLoginForm_LoginForm input.text-instagram[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-instagram svg, #MemberLoginForm_LostPasswordForm input.text-instagram[type=submit] svg {
  fill: #4D9AD8 !important;
}

.stroke.button.instagram, #MemberLoginForm_LoginForm a.stroke.instagram, #MemberLoginForm_LoginForm input.stroke.instagram[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.instagram, #MemberLoginForm_LostPasswordForm input.stroke.instagram[type=submit] {
  color: #4D9AD8 !important;
  border-color: #4D9AD8 !important;
}
.stroke.button.instagram svg, #MemberLoginForm_LoginForm a.stroke.instagram svg, #MemberLoginForm_LoginForm input.stroke.instagram[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.instagram svg, #MemberLoginForm_LostPasswordForm input.stroke.instagram[type=submit] svg {
  fill: #4D9AD8 !important;
}

.tumblr {
  background: #34455D !important;
  color: #fff !important;
}
.tumblr svg {
  fill: #fff !important;
}

.text-tumblr {
  color: #34455D !important;
}
.text-tumblr.button svg, #MemberLoginForm_LoginForm a.text-tumblr svg, #MemberLoginForm_LoginForm input.text-tumblr[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-tumblr svg, #MemberLoginForm_LostPasswordForm input.text-tumblr[type=submit] svg {
  fill: #34455D !important;
}

.stroke.button.tumblr, #MemberLoginForm_LoginForm a.stroke.tumblr, #MemberLoginForm_LoginForm input.stroke.tumblr[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.tumblr, #MemberLoginForm_LostPasswordForm input.stroke.tumblr[type=submit] {
  color: #34455D !important;
  border-color: #34455D !important;
}
.stroke.button.tumblr svg, #MemberLoginForm_LoginForm a.stroke.tumblr svg, #MemberLoginForm_LoginForm input.stroke.tumblr[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.tumblr svg, #MemberLoginForm_LostPasswordForm input.stroke.tumblr[type=submit] svg {
  fill: #34455D !important;
}

.dribbble {
  background: #ea4c89 !important;
  color: #fff !important;
}
.dribbble svg {
  fill: #fff !important;
}

.text-dribbble {
  color: #ea4c89 !important;
}
.text-dribbble.button svg, #MemberLoginForm_LoginForm a.text-dribbble svg, #MemberLoginForm_LoginForm input.text-dribbble[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-dribbble svg, #MemberLoginForm_LostPasswordForm input.text-dribbble[type=submit] svg {
  fill: #ea4c89 !important;
}

.stroke.button.dribbble, #MemberLoginForm_LoginForm a.stroke.dribbble, #MemberLoginForm_LoginForm input.stroke.dribbble[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.dribbble, #MemberLoginForm_LostPasswordForm input.stroke.dribbble[type=submit] {
  color: #ea4c89 !important;
  border-color: #ea4c89 !important;
}
.stroke.button.dribbble svg, #MemberLoginForm_LoginForm a.stroke.dribbble svg, #MemberLoginForm_LoginForm input.stroke.dribbble[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.dribbble svg, #MemberLoginForm_LostPasswordForm input.stroke.dribbble[type=submit] svg {
  fill: #ea4c89 !important;
}

.yt {
  background: #cd201f !important;
  color: #fff !important;
}
.yt svg {
  fill: #fff !important;
}

.text-yt {
  color: #cd201f !important;
}
.text-yt.button svg, #MemberLoginForm_LoginForm a.text-yt svg, #MemberLoginForm_LoginForm input.text-yt[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-yt svg, #MemberLoginForm_LostPasswordForm input.text-yt[type=submit] svg {
  fill: #cd201f !important;
}

.stroke.button.yt, #MemberLoginForm_LoginForm a.stroke.yt, #MemberLoginForm_LoginForm input.stroke.yt[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.yt, #MemberLoginForm_LostPasswordForm input.stroke.yt[type=submit] {
  color: #cd201f !important;
  border-color: #cd201f !important;
}
.stroke.button.yt svg, #MemberLoginForm_LoginForm a.stroke.yt svg, #MemberLoginForm_LoginForm input.stroke.yt[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.yt svg, #MemberLoginForm_LostPasswordForm input.stroke.yt[type=submit] svg {
  fill: #cd201f !important;
}

.delicious {
  background: #3399ff !important;
  color: #fff !important;
}
.delicious svg {
  fill: #fff !important;
}

.text-delicious {
  color: #3399ff !important;
}
.text-delicious.button svg, #MemberLoginForm_LoginForm a.text-delicious svg, #MemberLoginForm_LoginForm input.text-delicious[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-delicious svg, #MemberLoginForm_LostPasswordForm input.text-delicious[type=submit] svg {
  fill: #3399ff !important;
}

.stroke.button.delicious, #MemberLoginForm_LoginForm a.stroke.delicious, #MemberLoginForm_LoginForm input.stroke.delicious[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.delicious, #MemberLoginForm_LostPasswordForm input.stroke.delicious[type=submit] {
  color: #3399ff !important;
  border-color: #3399ff !important;
}
.stroke.button.delicious svg, #MemberLoginForm_LoginForm a.stroke.delicious svg, #MemberLoginForm_LoginForm input.stroke.delicious[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.delicious svg, #MemberLoginForm_LostPasswordForm input.stroke.delicious[type=submit] svg {
  fill: #3399ff !important;
}

.digg {
  background: #000000 !important;
  color: #fff !important;
}
.digg svg {
  fill: #fff !important;
}

.text-digg {
  color: #000000 !important;
}
.text-digg.button svg, #MemberLoginForm_LoginForm a.text-digg svg, #MemberLoginForm_LoginForm input.text-digg[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-digg svg, #MemberLoginForm_LostPasswordForm input.text-digg[type=submit] svg {
  fill: #000000 !important;
}

.stroke.button.digg, #MemberLoginForm_LoginForm a.stroke.digg, #MemberLoginForm_LoginForm input.stroke.digg[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.digg, #MemberLoginForm_LostPasswordForm input.stroke.digg[type=submit] {
  color: #000000 !important;
  border-color: #000000 !important;
}
.stroke.button.digg svg, #MemberLoginForm_LoginForm a.stroke.digg svg, #MemberLoginForm_LoginForm input.stroke.digg[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.digg svg, #MemberLoginForm_LostPasswordForm input.stroke.digg[type=submit] svg {
  fill: #000000 !important;
}

.vimeo {
  background: #fff !important;
  color: #1ab7ea !important;
}
.vimeo svg {
  fill: #1ab7ea !important;
}
.slide.whiteSlide .vimeo {
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0);
}

.text-vimeo {
  color: #fff !important;
}
.text-vimeo.button svg, #MemberLoginForm_LoginForm a.text-vimeo svg, #MemberLoginForm_LoginForm input.text-vimeo[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-vimeo svg, #MemberLoginForm_LostPasswordForm input.text-vimeo[type=submit] svg {
  fill: #fff !important;
}

.stroke.button.vimeo, #MemberLoginForm_LoginForm a.stroke.vimeo, #MemberLoginForm_LoginForm input.stroke.vimeo[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.vimeo, #MemberLoginForm_LostPasswordForm input.stroke.vimeo[type=submit] {
  color: #fff !important;
  border-color: #fff !important;
}
.stroke.button.vimeo svg, #MemberLoginForm_LoginForm a.stroke.vimeo svg, #MemberLoginForm_LoginForm input.stroke.vimeo[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.vimeo svg, #MemberLoginForm_LostPasswordForm input.stroke.vimeo[type=submit] svg {
  fill: #fff !important;
}

.vimeo {
  background: #fff !important;
  color: #19AA6D !important;
}
.vimeo svg {
  fill: #19AA6D !important;
}
.slide.whiteSlide .vimeo {
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0);
}

.text-vimeo {
  color: #fff !important;
}
.text-vimeo.button svg, #MemberLoginForm_LoginForm a.text-vimeo svg, #MemberLoginForm_LoginForm input.text-vimeo[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-vimeo svg, #MemberLoginForm_LostPasswordForm input.text-vimeo[type=submit] svg {
  fill: #fff !important;
}

.stroke.button.vimeo, #MemberLoginForm_LoginForm a.stroke.vimeo, #MemberLoginForm_LoginForm input.stroke.vimeo[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.vimeo, #MemberLoginForm_LostPasswordForm input.stroke.vimeo[type=submit] {
  color: #fff !important;
  border-color: #fff !important;
}
.stroke.button.vimeo svg, #MemberLoginForm_LoginForm a.stroke.vimeo svg, #MemberLoginForm_LoginForm input.stroke.vimeo[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.vimeo svg, #MemberLoginForm_LostPasswordForm input.stroke.vimeo[type=submit] svg {
  fill: #fff !important;
}

.xing {
  background: #026466 !important;
  color: #fff !important;
}
.xing svg {
  fill: #fff !important;
}

.text-xing {
  color: #026466 !important;
}
.text-xing.button svg, #MemberLoginForm_LoginForm a.text-xing svg, #MemberLoginForm_LoginForm input.text-xing[type=submit] svg, #MemberLoginForm_LostPasswordForm a.text-xing svg, #MemberLoginForm_LostPasswordForm input.text-xing[type=submit] svg {
  fill: #026466 !important;
}

.stroke.button.xing, #MemberLoginForm_LoginForm a.stroke.xing, #MemberLoginForm_LoginForm input.stroke.xing[type=submit], #MemberLoginForm_LostPasswordForm a.stroke.xing, #MemberLoginForm_LostPasswordForm input.stroke.xing[type=submit] {
  color: #026466 !important;
  border-color: #026466 !important;
}
.stroke.button.xing svg, #MemberLoginForm_LoginForm a.stroke.xing svg, #MemberLoginForm_LoginForm input.stroke.xing[type=submit] svg, #MemberLoginForm_LostPasswordForm a.stroke.xing svg, #MemberLoginForm_LostPasswordForm input.stroke.xing[type=submit] svg {
  fill: #026466 !important;
}

/* Welcome new Grid! */
.flex {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
  margin-right: -2%;
  /* default spaces */
}
.flex [class*=col-] {
  padding-left: 2%;
  padding-right: 2%;
}
.flex.fixedSpaces {
  margin-left: -14px;
  margin-right: -14px;
}
.flex.fixedSpaces [class*=col-] {
  padding-left: 14px;
  padding-right: 14px;
}
.flex.noSpaces {
  margin-left: 0;
  margin-right: 0;
}
.flex.noSpaces [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
.flex {
  /* alignments */
}
.flex.verticalCenter {
  align-items: center;
}
.flex.reverse {
  flex-wrap: wrap-reverse;
}
.flex.bottom [class*=col-], .flex.reverse.top [class*=col-] {
  align-self: flex-end;
}
.flex.top [class*=col-], .flex.reverse.bottom [class*=col-] {
  align-self: flex-start;
}
.flex > .col-1-12 {
  width: 8.333333333%;
}
.flex > .col-2-12 {
  width: 16.666666666%;
}
.flex > .col-3-12 {
  width: 24.999999999%;
}
.flex > .col-4-12 {
  width: 33.333333332%;
}
.flex > .col-5-12 {
  width: 41.666666665%;
}
.flex > .col-6-12 {
  width: 49.999999998%;
}
.flex > .col-7-12 {
  width: 58.333333331%;
}
.flex > .col-8-12 {
  width: 66.666666664%;
}
.flex > .col-9-12 {
  width: 74.999999997%;
}
.flex > .col-10-12 {
  width: 83.33333333%;
}
.flex > .col-11-12 {
  width: 91.666666663%;
}
.flex > .col-12-12 {
  width: 99.999999996%;
}

/* ipad landscape and > */
@media (max-width: 1023px) {
  .flex:not(.later) > [class*=col-]:not([class*=col-phablet-]):not([class*=col-phone-]) {
    width: 100%;
  }
  .flex > .col-tablet-1-1 {
    width: 100% !important;
  }
  .flex > .col-tablet-1-2 {
    width: 50% !important;
  }
  .flex > .col-tablet-1-3 {
    width: 33.33333333% !important;
  }
  .flex > .col-tablet-1-4 {
    width: 25% !important;
  }
}
/* phablet landscape and ipad portrait and > */
@media (max-width: 767px) {
  .flex.later > [class*=col-]:not([class*=col-phone-]) {
    width: 100%;
  }
  .flex > .col-phablet-1-1 {
    width: 100% !important;
  }
  .flex > .col-phablet-1-2 {
    width: 50% !important;
  }
  .flex > .col-phablet-1-3 {
    width: 33.33333333% !important;
  }
}
/* phone portrait and > */
@media (max-width: 435px) {
  .flex > [class*=col-] {
    width: 100%;
  }
  .flex > .col-phone-1-1 {
    width: 100% !important;
  }
  .flex > .col-phone-1-2 {
    width: 50% !important;
  }
}
/*
	_____          _             
 |  __ \( )     | |            
 | |  | |_  __ _| | ___   __ _ 
 | |  | | |/ _` | |/ _ \ / _` |
 | |__| | | (_| | | (_) | (_| |
 |_____/|_|\__,_|_|\___/ \__, |
													__/ |
 Dialog Window           /__*/
.dialog {
  color: #303030;
  border-radius: 6px;
  max-width: 350px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0px 1px rgba(0, 0, 0, 0.05);
  cursor: default;
  opacity: 0.98;
  font-size: 17px;
  line-height: 1.3;
  background: #fff;
  margin: 20px;
  overflow: hidden;
  text-align: left;
  transform: translate3d(0, 0, 0);
  transition: all 0.75s, height 0s;
  transition-timing-function: cubic-bezier(0.25, 1.37, 0.44, 0.93);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dialog:hover {
  opacity: 1;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 0 0px 1px rgba(0, 0, 0, 0.05);
}

.dialogContainer,
.dialog {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 300;
}

.dialog .button.small, .dialog #MemberLoginForm_LoginForm a.small, #MemberLoginForm_LoginForm .dialog a.small, .dialog #MemberLoginForm_LoginForm input.small[type=submit], #MemberLoginForm_LoginForm .dialog input.small[type=submit], .dialog #MemberLoginForm_LostPasswordForm a.small, #MemberLoginForm_LostPasswordForm .dialog a.small, .dialog #MemberLoginForm_LostPasswordForm input.small[type=submit], #MemberLoginForm_LostPasswordForm .dialog input.small[type=submit], .dialog .showcase li .sc strong.button, .showcase li .sc .dialog strong.button {
  margin-left: 4px;
  margin-right: 4px;
}

.dialog .button, .dialog #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .dialog a, .dialog #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LoginForm .dialog input[type=submit], .dialog #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .dialog a, .dialog #MemberLoginForm_LostPasswordForm input[type=submit], #MemberLoginForm_LostPasswordForm .dialog input[type=submit] {
  margin-left: 7px;
  margin-right: 7px;
}

.dialogContainer:not(.bottom) .dialog + .dialog {
  margin-bottom: 0px;
}

.dialogContainer.bottom .dialog + .dialog {
  margin-top: 0px;
}

.dialogContainer.bottom,
.dialog.bottom {
  top: inherit;
  bottom: 0;
}

.dialogContainer.left,
.dialog.left {
  right: inherit;
  left: 0;
}

.dialogContainer > .dialog {
  position: relative;
}

.dialog.hidden {
  display: none;
}

/* 
.dialogContainer > .dialog:nth-child(1){ -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.dialogContainer > .dialog:nth-child(2){ -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.dialogContainer > .dialog:nth-child(3){ -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.dialogContainer > .dialog:nth-child(4){ -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.dialogContainer > .dialog:nth-child(5){ -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
*/
.dialog.hide {
  transform: scale(0.5);
  opacity: 0 !important;
  transition: height 0s, opacity 0.5s, transform 0.5s !important;
}

.dialog.reveal {
  transition: 0s !important;
}
@keyframes revealDialog {
  from {
    height: 0;
    opacity: 0;
    margin-top: 0;
    transform: scale(0.5) translateY(100%);
  }
}
.dialog:hover {
  opacity: 1;
  transition: 0.35s;
}

html:not(.page-loaded) .dialog {
  transform: scale(0.5) translateY(100%);
  opacity: 0;
}

.dialog .close {
  padding: 15px;
  position: absolute;
  font-size: 0;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: 0.35s;
  opacity: 0;
  z-index: 10;
}

.dialog:hover .close {
  opacity: 0.2;
}

.dialog .close:hover, .mobile .dialog .close {
  opacity: 0.5;
}

.dialog .close:active {
  opacity: 1;
}

.dialog .close:after,
.dialog .close:before {
  content: "";
  width: 14px;
  height: 2px;
  border-radius: 2px;
  background: #202020;
  transform: rotate(45deg);
  position: absolute;
  right: 8px;
}

.dialog .close:before {
  transform: rotate(-45deg);
}

.dialog .close.white {
  background: transparent !important;
}

.dialog .close.white:after,
.dialog .close.white:before {
  background: #fff;
}

.dialog .dialogContent {
  padding: 20px;
}

.dialog .avatar {
  border-radius: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 18px;
}

.dialog .avatar + .text {
  width: calc(100% - 70px);
  margin-left: 70px;
}

.dialog .title {
  margin: 8px 0;
  font-size: 22px;
  font-weight: 600;
}

.dialog .title.uppercase {
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
}

.dialog .hero {
  font-weight: 200;
  font-size: 26px;
  letter-spacing: -0.02em;
  line-height: 1.36;
  margin-bottom: 20px;
}

.dialog ul {
  display: table;
  width: 100%;
  font-size: 0;
  font-weight: 600;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1) inset;
}

.dialog .hiddenContent {
  overflow: hidden;
  display: block;
  max-height: 0;
  opacity: 0;
  transition: 0.5s;
}

.dialog:hover .hiddenContent,
.dialog.hover .hiddenContent {
  max-height: 90px;
  opacity: 1;
}

.dialog li {
  height: 50px;
  font-size: 18px;
  display: table-cell;
  width: 33.33333%;
  text-align: center;
  cursor: pointer;
  line-height: 1;
  vertical-align: middle;
  text-decoration: none;
  border-bottom: none;
  transition: 0.25s;
  box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0);
}

.dialog li {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.dialog li:first-child {
  border-left: none;
}

.dialog li:hover {
  box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.05);
}

.dialog li input {
  font-size: 18px;
  width: 250px;
  border: none;
  padding: 13px 5px 16px 15px;
  outline: none;
  margin: 1px 0 0 0;
  color: #202020;
  height: 50px;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (max-width: 414px) {
  .dialog {
    margin: 10px;
    max-width: 100%;
  }
}
/* Slides Custom Styles */
.video-4 {
  max-width: 500px;
  margin-top: 75px;
}

.svg-4 {
  padding-bottom: 27%;
}

.svg-5 {
  padding-bottom: 27%;
  margin-bottom: 60px;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .svg-5 {
    margin: 20px auto;
  }
}
.iphone-5.shiftImage {
  margin: 0 0 -129%;
}

.svg-6 {
  padding-bottom: 27%;
  margin-bottom: 80px;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .svg-6 {
    margin: 20px auto;
  }
}
.ipad-6.shiftImage {
  margin: 0 0 -70%;
}

.button.play.button-7, #MemberLoginForm_LoginForm a.play.button-7, #MemberLoginForm_LoginForm input.play.button-7[type=submit], #MemberLoginForm_LostPasswordForm a.play.button-7, #MemberLoginForm_LostPasswordForm input.play.button-7[type=submit] {
  margin: -17px 30px;
}

@media (max-width: 1279px) {
  .button.play.button-7, #MemberLoginForm_LoginForm a.play.button-7, #MemberLoginForm_LoginForm input.play.button-7[type=submit], #MemberLoginForm_LostPasswordForm a.play.button-7, #MemberLoginForm_LostPasswordForm input.play.button-7[type=submit] {
    display: block;
    margin: 30px auto;
  }
}
.svg-8 {
  padding-bottom: 27%;
  margin-bottom: 35px;
}

.form-8 {
  margin-top: 80px;
}

.svg-9 {
  padding-bottom: 27%;
  margin-bottom: 35px;
}

.button-9 {
  margin: 40px 0 65px;
}

@media (min-width: 768px) {
  .form-12 {
    margin-top: 110px;
  }
}
form input[type=text].input-13,
form input[type=name].input-13,
form input[type=email].input-13 {
  max-width: 300px;
}

@media (max-width: 1023px) {
  .cell-16 {
    padding-bottom: 35px;
  }
}
.cell-17 {
  padding-bottom: 25px;
}

.header-18 {
  font-size: 70px;
}

.video-18 {
  margin-top: 34px;
}

.icon-26 {
  margin-right: 4px;
}

.app-26 {
  width: 100px;
  position: absolute;
  left: 0;
}

.text-26 {
  margin-left: 130px;
}

@media (min-width: 1024px) {
  .text-26 {
    max-width: 360px;
  }
}
.cell-26 {
  margin-top: 22px;
}

@media (min-width: 1024px) {
  .cell-26 {
    padding-bottom: 40px;
  }
}
.app-27 {
  width: 100px;
  padding-bottom: 20px;
}

.icon-27 {
  margin-right: 4px;
}

.cell-27 {
  margin-top: -22px;
}

@media (max-width: 1023px) {
  .cell-27 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .text-27 {
    max-width: 360px;
  }
}
@media (min-width: 1024px) {
  .iphone-28 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (max-width: 1023px) {
  .cell-28 {
    padding-bottom: 35px;
  }
}
@media (min-width: 1024px) {
  .iphone-29 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (max-width: 1023px) {
  .cell-29 {
    padding-bottom: 35px;
  }
}
.quote-31 {
  padding-left: 95px;
}

.image-31 {
  padding-top: 35px;
}

.avatar-31 {
  border-radius: 50px;
  position: absolute;
  margin-left: 7px;
}

@media (min-width: 1024px) {
  .ipad-31 {
    margin: -10% 0px -115%;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  .ipad-32 {
    margin: -10% 0px -115%;
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .cell-32 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .ipad-33 {
    margin: -10% 0px -115%;
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .cell-33 {
    padding-bottom: 40px;
  }
}
.iphone-35 {
  margin-bottom: -45%;
}

.ipad-36 {
  margin: -10px 0 -50%;
}

form input[type=text].input-38,
form input[type=name].input-38,
form input[type=email].input-38 {
  max-width: 300px;
}

.svg-38 {
  padding-bottom: 25%;
  margin-bottom: 40px;
}

.text-38 {
  margin-top: 15px;
}

.avatar-41 {
  border-radius: 50px;
  margin: 10px 5px 5px;
}

p.terms-42 {
  max-width: 350px;
  line-height: 1.29;
  margin: 13px auto;
  text-align: center;
}

p.text-42 {
  max-width: 350px;
  line-height: 1.29;
  margin: 30px auto 0;
  display: inline-block;
}

p.remind-43 {
  max-width: 350px;
  line-height: 1.29;
  margin: 13px auto;
  text-align: center;
}

p.text-43 {
  max-width: 350px;
  line-height: 1.29;
  margin: 30px auto 0;
  display: inline-block;
}

.fix-45 {
  max-width: 210px;
}

@media (max-width: 767px) {
  .box-46 {
    margin-bottom: 30px;
  }
}
.videoThumbnail.video-46:after {
  background-image: url("../assets/svg/video-icon-dark.svg");
}

.slide.whiteSlide .box-46 .shadow {
  box-shadow: none;
}

.grid-47 .material-icons {
  margin-bottom: 30px;
  margin-top: 15px;
  font-size: 72px;
}

.grid-48 .material-icons {
  margin-bottom: 30px;
  margin-top: 15px;
  font-size: 72px;
}

.grid-49 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 72px;
}

.pad-59 {
  border-radius: 20px;
  padding: 6%;
  margin-top: 40px;
}

.grid-61 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 48px;
}

@media (min-width: 1024px) {
  img.macbook-61 {
    margin: -10% -100% -10% -135% !important;
    width: 225%;
    max-width: none;
  }
}
.grid-62 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 48px;
}

@media (min-width: 1024px) {
  img.macbook-62 {
    margin: -10% -100% -10% 10% !important;
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .image-62 {
    padding-top: 35px;
  }
}
.grid-64 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 48px;
}

.cell-64 {
  border-radius: 20px;
  padding: 18px 35px 10px;
  position: relative;
  display: block;
  transition: 0.25s;
  box-shadow: 0 0 1px rgba(41, 41, 41, 0);
}

.cell-64:hover {
  background: #fff;
  color: #303030;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2);
}

.cell-64:hover svg {
  stroke: #303030;
}

.grid-64 {
  padding-top: 15px;
}

.grid-64 .cell-64:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -15px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  width: 1px;
  transition: 0.25s opacity;
}

.slide.whiteSlide .grid-64 .cell-64:after {
  background: rgba(0, 0, 0, 0.1);
}

.fast .cell-64,
.fast .icon-64 {
  transition: 0.15s;
}

.slow .cell-64,
.slow .icon-64 {
  transition: 0.35s;
}

.grid-64 .cell-64.last:after {
  opacity: 0;
}

.grid-64:hover .cell-64:after {
  opacity: 0;
}

@media (max-width: 1023px) {
  .grid-64 .cell-64:after {
    display: none;
  }
}
.grid.grid-65 .cell-65 {
  position: relative;
  padding-left: 90px;
  padding-bottom: 30px;
}

.grid-65 .material-icons {
  position: absolute;
  left: 23px;
  top: -5px;
  font-size: 48px;
}

@media (max-width: 767px) {
  .grid.grid-65 .cell-65 {
    padding-left: 60px;
  }
  .grid-65 .material-icons {
    left: 0px;
  }
}
.videoThumbnail.video-66:after {
  background-image: url("../assets/svg/video-icon-dark.svg");
}

.box-67 {
  color: #303030;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  display: block;
  outline: none;
  margin-bottom: 35px;
  -webkit-backface-visibility: hidden;
}

.box-67:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15), 0 0px 14px rgba(0, 0, 0, 0.02), 0 0px 1px rgba(0, 0, 0, 0.1);
  opacity: 0.95;
}

.box-67 .thumbnail-67 {
  font-size: 0;
  overflow: hidden;
}

.box-67 .thumbnail-67 img {
  border-radius: 20px 20px 0 0;
  -webkit-backface-visibility: hidden;
  transition: 0.5s;
}

.box-67:hover .thumbnail-67 img {
  transform: scale(1.0225);
}

.name-67 {
  padding: 19px 15px 25px;
  background: #FFFFFF;
}

.category-67 {
  text-transform: uppercase;
  letter-spacing: 2.2px;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.5;
}

.title-67 {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.33;
  font-weight: 600;
}

.slide.whiteSlide .tintLogos {
  filter: brightness(0.2);
}

.slide:not(.whiteSlide) .tintLogos {
  filter: brightness(1.3);
}

.grid-68 img {
  margin-top: 20px;
  margin-bottom: 20px;
  transition: 0.25s;
}

.grid-68 img:hover {
  transform: scale(1.1);
}

@media (max-width: 1024px) and (min-width: 768px) {
  .grid.grid-68 li.col-2-12 {
    max-width: 33.3333% !important;
  }
}
.grid.grid-69 {
  margin-left: -8px;
  margin-right: -8px;
}

.grid-69 [class*=col-],
.grid-69 [class*=col-].selected {
  padding: 8px;
  cursor: pointer;
  pointer-events: all;
}

.box-69 {
  display: block;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background-size: cover;
  color: #303030;
}

.box-69:hover {
  opacity: 1;
}

.box-69:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: 0.5s;
}

.box-69:hover:after {
  opacity: 0.92;
}

.cell-69 {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  opacity: 0;
  transition: 0.5s;
  transform: translateY(10px);
}

.box-69:hover .cell-69 {
  opacity: 1;
  transform: translateY(0px);
}

.category-69 {
  text-transform: uppercase;
  letter-spacing: 2.2px;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.5;
  margin-bottom: 13px;
}

.title-69 {
  font-size: 24px;
  line-height: 1.3;
  max-width: 80%;
  margin: 0 auto;
  transform: translateY(5px);
  transition: 0.5s;
}

.box-69:hover .title-69 {
  transform: translateY(0px);
}

.box-70 {
  display: block;
  background-color: #ccc;
  color: #303030;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  border-radius: 20px;
  margin: 10px auto;
  max-width: 400px;
}

.box-70:hover {
  background-color: #fff !important;
  opacity: 1;
  box-shadow: 0px 22px 23px 0px rgba(0, 0, 0, 0.4);
}

.thumbnail-70 {
  height: 0;
  padding-bottom: 90%;
}

.info-70 {
  padding: 10%;
}

.category-70 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.7;
  margin-bottom: 13px;
}

.title-70 {
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 1.21;
  max-width: 80%;
  margin: 0 auto;
}

.box-70 p {
  margin-top: 16px;
}

.box-70 .button, .box-70 #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .box-70 a, .box-70 #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LoginForm .box-70 input[type=submit], .box-70 #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .box-70 a, .box-70 #MemberLoginForm_LostPasswordForm input[type=submit], #MemberLoginForm_LostPasswordForm .box-70 input[type=submit] {
  margin-left: 0;
  margin-right: 0;
}

.play-71 {
  margin-top: 30px;
  margin-bottom: 40px;
}

.icon-71 {
  margin-bottom: 20px;
  margin-top: 10px;
}

.cell-71 {
  border-radius: 20px;
  padding: 18px 35px 10px;
  position: relative;
  display: block;
  transition: 0.25s;
  box-shadow: 0 0 1px rgba(41, 41, 41, 0);
}

.grid-71 .material-icons {
  font-size: 48px;
  margin-top: 20px;
  margin-bottom: 13px;
}

.cell-71:hover {
  background: #fff;
  color: #303030;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2);
}

.cell-71:hover svg {
  stroke: #303030;
}

.grid-71 .cell-71:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -15px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  width: 1px;
  transition: 0.25s opacity;
}

.slide.whiteSlide .grid-71 .cell-71:after {
  background: rgba(0, 0, 0, 0.1);
}

.fast .cell-71,
.fast .icon-71 {
  transition: 0.15s;
}

.slow .cell-71,
.slow .icon-71 {
  transition: 0.35s;
}

.grid-71 .cell-71.last:after {
  opacity: 0;
}

.grid-71:hover .cell-71:after {
  opacity: 0;
}

@media (max-width: 1023px) {
  .grid-71 .cell-71:after {
    display: none;
  }
}
.image-73.shiftImageVertical.shiftImage {
  margin: -13% 0 -6%;
}

.icon-73 {
  margin-bottom: 20px;
  margin-top: 10px;
}

.cell-73 {
  border-radius: 20px;
  padding: 18px 35px 10px;
  stroke: #fff;
  position: relative;
  display: block;
  transition: 0.25s;
  box-shadow: 0 0 1px rgba(41, 41, 41, 0);
}

.cell-73 svg {
  stroke: #fff;
}

.grid-73 .material-icons {
  font-size: 48px;
  margin-bottom: 13px;
}

.desktop .cell-73:hover {
  background: #fff;
  color: #303030;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2);
}

.grid-73 {
  padding-top: 15px;
}

.grid-73 .cell-73:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -15px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  width: 1px;
  transition: 0.25s opacity;
}

.slide.whiteSlide .grid-73 .cell-73:after {
  background: rgba(0, 0, 0, 0.1);
}

.fast .cell-73 {
  transition: 0.15s;
}

.slow .cell-73 {
  transition: 0.35s;
}

.grid-73 .cell-73.last:after {
  opacity: 0;
}

.desktop .grid-73:hover .cell-73:after {
  opacity: 0;
}

@media (max-width: 1023px) {
  .grid-73 .cell-73:after {
    display: none;
  }
}
.box-73 p {
  margin-bottom: 20px;
}

.grid.grid-74 {
  margin-left: -12px;
  margin-right: -12px;
}

.grid.grid-74 > [class*=col-] {
  padding-left: 12px;
  padding-right: 12px;
}

@media (max-width: 1278px) {
  .grid.grid-74 > [class*=col-] {
    max-width: 50%;
  }
}
.box-74 {
  color: #303030;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 2px 3px rgba(0, 0, 0, 0.1);
  display: block;
  outline: none;
  margin-bottom: 25px;
  -webkit-backface-visibility: hidden;
}

.box-74:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 5px 6px rgba(0, 0, 0, 0.13);
  opacity: 0.95;
}

.box-74 .thumbnail-74 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.box-74 .thumbnail-74 img {
  border-radius: 10px 10px 0 0;
  transition: 0.5s;
}

.box-74:hover .thumbnail-74 img {
  transform: scale(1.0225);
}

.name-74 {
  padding: 22px 15px 26px;
  background: #FFFFFF;
  border-radius: 0 0 10px 0;
}

.description-74 {
  font-size: 22px;
  margin-top: 12px;
  opacity: 0.8;
}

.grid-75 {
  background: #9B9C97;
  top: 10px;
}

.grid-75 li {
  font-size: 0;
  line-height: 0;
}

@media (max-width: 1023px) {
  .grid.grid-75 > [class*=col-] {
    max-width: 50% !important;
    width: 50% !important;
  }
}
.grid-75 a:hover {
  opacity: 1;
  filter: brightness(0.8) saturate(0.8);
}

.button.button-76, #MemberLoginForm_LoginForm a.button-76, #MemberLoginForm_LoginForm input.button-76[type=submit], #MemberLoginForm_LostPasswordForm a.button-76, #MemberLoginForm_LostPasswordForm input.button-76[type=submit] {
  width: 44px;
  height: 44px;
  padding: 7px 14px;
}

.button.button-76 svg, #MemberLoginForm_LoginForm a.button-76 svg, #MemberLoginForm_LoginForm input.button-76[type=submit] svg, #MemberLoginForm_LostPasswordForm a.button-76 svg, #MemberLoginForm_LostPasswordForm input.button-76[type=submit] svg {
  width: 18px;
  height: 18px;
}

.slide.whiteSlide .button.white.button-76, .slide.whiteSlide #MemberLoginForm_LoginForm a.white.button-76, #MemberLoginForm_LoginForm .slide.whiteSlide a.white.button-76, .slide.whiteSlide #MemberLoginForm_LoginForm input.white.button-76[type=submit], #MemberLoginForm_LoginForm .slide.whiteSlide input.white.button-76[type=submit], .slide.whiteSlide #MemberLoginForm_LostPasswordForm a.white.button-76, #MemberLoginForm_LostPasswordForm .slide.whiteSlide a.white.button-76, .slide.whiteSlide #MemberLoginForm_LostPasswordForm input.white.button-76[type=submit], #MemberLoginForm_LostPasswordForm .slide.whiteSlide input.white.button-76[type=submit] {
  box-shadow: 0 2px 8px 2px rgba(41, 41, 41, 0.25);
}

@media (min-width: 1024px) {
  .iphone-76 {
    max-width: none;
  }
}
p.text-76 {
  position: absolute;
  top: -2px;
  left: 57px;
  line-height: 1.5;
  opacity: 1;
  margin: 0;
}

@media (max-width: 569px) {
  .button.button-76, #MemberLoginForm_LoginForm a.button-76, #MemberLoginForm_LoginForm input.button-76[type=submit], #MemberLoginForm_LostPasswordForm a.button-76, #MemberLoginForm_LostPasswordForm input.button-76[type=submit], .text-76 {
    float: left;
  }
  .text-76 strong {
    display: block;
  }
  .text-76 {
    font-size: 20px;
    top: -4px;
  }
}
.grid.grid-77 {
  margin-left: -12px;
  margin-right: -12px;
}

.grid.grid-77 > [class*=col-] {
  padding-left: 12px;
  padding-right: 12px;
}

@media (max-width: 1278px) {
  .grid.grid-77 > [class*=col-] {
    max-width: 50%;
  }
}
.box-77 {
  color: #303030;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 2px 3px rgba(0, 0, 0, 0.1);
  display: block;
  outline: none;
  margin: 10px 0;
  -webkit-backface-visibility: hidden;
}

a.box-77:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 5px 6px rgba(0, 0, 0, 0.13);
  opacity: 1;
}

.box-77 .thumbnail-77 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}

.box-77 .thumbnail-77.video:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../assets/svg/video-icon.svg") no-repeat;
  background-size: 42px;
  background-position: center center;
}

.box-77 .thumbnail-77 img {
  border-radius: 10px 10px 0 0;
  -webkit-backface-visibility: hidden;
  transition: 0.5s;
}

.box-77:hover .thumbnail-77 img {
  filter: brightness(0.8) saturate(0.8);
}

.details-77 {
  padding: 20px 18px 18px;
  background: #FFFFFF;
  border-radius: 0 0 10px 0;
}

.details-77 .cell {
  text-align: left;
}

.title-77 {
  font-size: 17px;
  letter-spacing: 3px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
}

.description-77 {
  font-size: 16px;
  margin-top: 6px;
  opacity: 0.8;
  letter-spacing: 0.5px;
}

.author-77 {
  background: #fff;
  border-top: 1px solid #EBEBEB;
  padding-top: 20px;
  margin-top: 18px;
  position: relative;
  padding-left: 40px;
}

.avatar-77 {
  border-radius: 50%;
  position: absolute;
  left: 0;
}

.cell-77 {
  padding-left: 4px !important;
}

.name-77 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  opacity: 0.5;
}

.specs-77 {
  font-size: 15px;
  opacity: 0.8;
  margin-bottom: 0;
}

.text-78 {
  font-size: 17px;
  letter-spacing: 0.5px;
  margin-top: 7px;
}

.fix-79 {
  max-width: 330px;
}

.box-79 {
  color: #303030;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.07);
  display: block;
  outline: none;
  background: #fff;
  position: relative;
  margin-bottom: 25px;
}

.grid-79 li:last-child .box-79 {
  margin-bottom: 0px;
}

.popup-79 {
  position: relative;
}

.box-79:hover {
  opacity: 1;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 7px 8px rgba(0, 0, 0, 0.15);
}

.box-79:hover svg {
  transform: translateY(-10px);
}

.name-79 {
  padding: 45px 25px;
}

.title-79 {
  text-transform: uppercase;
  font-size: 19px;
  letter-spacing: 3.5px;
  margin-top: 20px;
  font-weight: bold;
}

.text-79 {
  font-size: 24px;
  position: relative;
  top: 6px;
  left: 11px;
}

.button.button-79, #MemberLoginForm_LoginForm a.button-79, #MemberLoginForm_LoginForm input.button-79[type=submit], #MemberLoginForm_LostPasswordForm a.button-79, #MemberLoginForm_LostPasswordForm input.button-79[type=submit] {
  width: 44px;
  height: 44px;
  padding: 7px 14px;
}

.grid-79 .material-icons {
  margin-bottom: 20px;
  font-size: 72px;
}

.button.button-79 svg, #MemberLoginForm_LoginForm a.button-79 svg, #MemberLoginForm_LoginForm input.button-79[type=submit] svg, #MemberLoginForm_LostPasswordForm a.button-79 svg, #MemberLoginForm_LostPasswordForm input.button-79[type=submit] svg {
  width: 18px;
  height: 18px;
}

p.text-79 {
  position: absolute;
  left: 57px;
  top: -2px;
  line-height: 1.5;
  opacity: 1;
  margin: 0;
  text-align: left;
}

@media (max-width: 569px) {
  .button.button-79, #MemberLoginForm_LoginForm a.button-79, #MemberLoginForm_LoginForm input.button-79[type=submit], #MemberLoginForm_LostPasswordForm a.button-79, #MemberLoginForm_LostPasswordForm input.button-79[type=submit], .text-79 {
    float: left;
  }
  .text-79 strong {
    display: block;
  }
}
.slide.whiteSlide .button.white.button-79, .slide.whiteSlide #MemberLoginForm_LoginForm a.white.button-79, #MemberLoginForm_LoginForm .slide.whiteSlide a.white.button-79, .slide.whiteSlide #MemberLoginForm_LoginForm input.white.button-79[type=submit], #MemberLoginForm_LoginForm .slide.whiteSlide input.white.button-79[type=submit], .slide.whiteSlide #MemberLoginForm_LostPasswordForm a.white.button-79, #MemberLoginForm_LostPasswordForm .slide.whiteSlide a.white.button-79, .slide.whiteSlide #MemberLoginForm_LostPasswordForm input.white.button-79[type=submit], #MemberLoginForm_LostPasswordForm .slide.whiteSlide input.white.button-79[type=submit] {
  box-shadow: 0 0 0 2px rgba(41, 41, 41, 0.25);
}

.name-80 {
  font-size: 15px;
  font-weight: 600;
}

.grid-80 {
  margin-top: 65px;
}

.grid-80 .material-icons {
  font-size: 48px;
  margin-bottom: 13px;
}

.icon-80 {
  margin-bottom: 30px;
  stroke: #fff;
}

.slide.whiteSlide .icon-80 {
  stroke: #303030;
}

.text-80 {
  max-width: 360px !important;
  margin: 0 auto;
}

.quote-80 {
  font-size: 85px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}

.grid-81 > [class*=col-] {
  margin-bottom: 25px;
}

.box-81 {
  padding: 13% 9%;
}

.author-81 {
  margin-top: 18px;
}

.title-81 {
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}

@media (min-width: 1024px) {
  .videoThumbnail-82:after {
    transform: scale(1.6);
  }
  .videoThumbnail-82:hover:after {
    transform: scale(1.4);
  }
}
.sliderBox-83 {
  position: relative;
  margin-bottom: 48px;
}

.leftControl-83,
.rightControl-83 {
  position: absolute;
  top: 50%;
  margin-top: -91px;
  margin-left: -60px;
  cursor: pointer;
}

.leftControl-83:active,
.rightControl-83:active {
  opacity: 0.5;
}

.leftControl-83:hover,
.rightControl-83:hover {
  opacity: 0.5;
}

.rightControl-83 {
  right: 0;
  margin-right: -60px;
}

.leftControl-83 svg,
.rightControl-83 svg {
  width: 30px;
}

@media (max-width: 768px) {
  .leftControl-83,
  .rightControl-83 {
    display: none;
  }
}
.grid-84 {
  color: #303030;
  margin-top: 50px;
}

.grid-84 .button, .grid-84 #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .grid-84 a, .grid-84 #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LoginForm .grid-84 input[type=submit], .grid-84 #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .grid-84 a, .grid-84 #MemberLoginForm_LostPasswordForm input[type=submit], #MemberLoginForm_LostPasswordForm .grid-84 input[type=submit] {
  margin-left: 0;
  margin-right: 0;
}

.grid.grid-84 > [class*=col-] {
  padding: 37px 25px 30px;
  position: relative;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .grid.grid-84 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .grid.grid-84 > [class*=col-] {
    margin-bottom: 30px;
    box-shadow: 0 0 1px rgba(48, 48, 48, 0.54);
  }
  .grid.grid-84 > .tint-84 {
    box-shadow: none;
  }
}
@media (min-width: 1024px) {
  .grid-84 {
    color: #303030;
    margin-top: 50px;
    background: #fff;
    border-radius: 20px;
  }
  .slide.whiteSlide .grid-84 {
    box-shadow: 0 0 1px rgba(48, 48, 48, 0.54);
  }
  .grid.grid-84 > [class*=col-] {
    border-radius: 0px;
  }
  .grid.grid-84 > [class*=col-]:last-child {
    border-radius: 0 20px 20px 0;
  }
  .grid.grid-84 > [class*=col-]:first-child {
    border-radius: 20px 0 0 20px;
  }
  .grid.grid-84 > [class*=col-]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #EBEBEB;
  }
  .grid.grid-84 > [class*=col-]:last-child:after {
    display: none;
  }
}
.tint-84 {
  background: #E6F5F3 !important;
}

.grid.grid-84 > .tint-84:after {
  display: none;
}

.price-84 {
  font-size: 140px;
  line-height: 0.825;
  font-weight: 100;
  position: relative;
}

.currency-84 {
  position: absolute;
  font-size: 40px;
  font-weight: 400;
  opacity: 0.6;
  top: 14px;
  margin-left: -35px;
}

.features-84 {
  margin: 35px 0 45px;
  line-height: 1.29;
  font-size: 17px;
}

.grid-85 {
  color: #303030;
  margin-top: 50px;
}

.grid-85 .button, .grid-85 #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .grid-85 a, .grid-85 #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LoginForm .grid-85 input[type=submit], .grid-85 #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .grid-85 a, .grid-85 #MemberLoginForm_LostPasswordForm input[type=submit], #MemberLoginForm_LostPasswordForm .grid-85 input[type=submit] {
  margin-left: 0;
  margin-right: 0;
}

.grid.grid-85 > [class*=col-] {
  padding: 37px 25px 30px;
  position: relative;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .grid.grid-85 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .grid.grid-85 > [class*=col-] {
    margin-bottom: 30px;
    box-shadow: 0 0 1px rgba(48, 48, 48, 0.54);
  }
  .grid.grid-85 > .tint-85 {
    box-shadow: none;
  }
}
@media (min-width: 1024px) {
  .grid.grid-85 > [class*=col-] {
    border-radius: 0px;
  }
  .slide.whiteSlide .grid-85 {
    border-radius: 20px;
    box-shadow: 0 0 1px rgba(48, 48, 48, 0.54);
  }
  .grid.grid-85 > [class*=col-]:last-child {
    border-radius: 0 20px 20px 0;
  }
  .grid.grid-85 > [class*=col-]:first-child {
    border-radius: 20px 0 0 20px;
  }
  .grid.grid-85 > [class*=col-]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #EBEBEB;
  }
  .grid.grid-85 > [class*=col-]:last-child:after {
    display: none;
  }
}
.tint-85 {
  background: #E6F5F3 !important;
}

.grid.grid-85 > .tint-85:after {
  display: none;
}

.price-85 {
  font-size: 140px;
  line-height: 0.825;
  font-weight: 100;
  position: relative;
}

.currency-85 {
  position: absolute;
  font-size: 40px;
  font-weight: 400;
  opacity: 0.6;
  top: 14px;
  margin-left: -35px;
}

.features-85 {
  margin: 35px 0 45px;
  line-height: 1.35;
  font-size: 17px;
}

@media (max-width: 1200px) and (min-width: 1024px) {
  .price-85 {
    font-size: 100px;
  }
}
.grid-86 {
  margin-top: 50px;
}

.grid-86 .button, .grid-86 #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .grid-86 a, .grid-86 #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LoginForm .grid-86 input[type=submit], .grid-86 #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .grid-86 a, .grid-86 #MemberLoginForm_LostPasswordForm input[type=submit], #MemberLoginForm_LostPasswordForm .grid-86 input[type=submit] {
  margin-left: 0;
  margin-right: 0;
}

.note-86 {
  opacity: 0.6;
  margin-top: 18px;
}

.box-86 {
  color: #303030;
  padding: 37px 25px 30px;
  position: relative;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(48, 48, 48, 0.54);
}

.tint-86 {
  background: #E6F5F3 !important;
  box-shadow: none;
}

.grid.grid-86 > .tint-86:after {
  display: none;
}

.price-86 {
  font-size: 140px;
  line-height: 0.825;
  font-weight: 100;
  position: relative;
}

.currency-86 {
  position: absolute;
  font-size: 40px;
  font-weight: 400;
  opacity: 0.6;
  top: 14px;
  margin-left: -35px;
}

.features-86 {
  margin: 35px 0 45px;
  line-height: 1.29;
  font-size: 17px;
}

.button.button-87, #MemberLoginForm_LoginForm a.button-87, #MemberLoginForm_LoginForm input.button-87[type=submit], #MemberLoginForm_LostPasswordForm a.button-87, #MemberLoginForm_LostPasswordForm input.button-87[type=submit] {
  width: 44px;
  height: 44px;
  padding: 7px 14px;
  float: left;
}

.button.button-87 svg, #MemberLoginForm_LoginForm a.button-87 svg, #MemberLoginForm_LoginForm input.button-87[type=submit] svg, #MemberLoginForm_LostPasswordForm a.button-87 svg, #MemberLoginForm_LostPasswordForm input.button-87[type=submit] svg {
  width: 18px;
  height: 18px;
}

.slide.whiteSlide .button.white.button-87, .slide.whiteSlide #MemberLoginForm_LoginForm a.white.button-87, #MemberLoginForm_LoginForm .slide.whiteSlide a.white.button-87, .slide.whiteSlide #MemberLoginForm_LoginForm input.white.button-87[type=submit], #MemberLoginForm_LoginForm .slide.whiteSlide input.white.button-87[type=submit], .slide.whiteSlide #MemberLoginForm_LostPasswordForm a.white.button-87, #MemberLoginForm_LostPasswordForm .slide.whiteSlide a.white.button-87, .slide.whiteSlide #MemberLoginForm_LostPasswordForm input.white.button-87[type=submit], #MemberLoginForm_LostPasswordForm .slide.whiteSlide input.white.button-87[type=submit] {
  box-shadow: 0 2px 8px 2px rgba(41, 41, 41, 0.25);
}

p.text-87 {
  top: -2px;
  padding-left: 57px;
  line-height: 1.5;
  opacity: 1;
  margin: 0px 0 0;
  position: relative;
}

@media (max-width: 569px) {
  .button.button-87, #MemberLoginForm_LoginForm a.button-87, #MemberLoginForm_LoginForm input.button-87[type=submit], #MemberLoginForm_LostPasswordForm a.button-87, #MemberLoginForm_LostPasswordForm input.button-87[type=submit], .text-87 {
    float: left;
  }
  .text-87 strong {
    display: block;
  }
  .text-87 {
    font-size: 20px;
    top: -4px;
    text-align: left;
  }
}
.img-88 {
  margin-bottom: -3%;
  margin-top: -50px;
}

.videoThumbnail.video-88 {
  margin-bottom: 40px;
  margin-top: 45px;
  padding-top: 40px;
  padding-bottom: 45px;
}

.videoThumbnail.video-88:after {
  background-image: url("../assets/svg/video-icon-dark.svg");
  background-size: 112px;
}

.button.button-89, #MemberLoginForm_LoginForm a.button-89, #MemberLoginForm_LoginForm input.button-89[type=submit], #MemberLoginForm_LostPasswordForm a.button-89, #MemberLoginForm_LostPasswordForm input.button-89[type=submit] {
  width: 44px;
  height: 44px;
  padding: 7px 14px;
}

.button.button-89 svg, #MemberLoginForm_LoginForm a.button-89 svg, #MemberLoginForm_LoginForm input.button-89[type=submit] svg, #MemberLoginForm_LostPasswordForm a.button-89 svg, #MemberLoginForm_LostPasswordForm input.button-89[type=submit] svg {
  width: 18px;
  height: 18px;
  top: -1px;
}

.slide.whiteSlide .button.white.button-89, .slide.whiteSlide #MemberLoginForm_LoginForm a.white.button-89, #MemberLoginForm_LoginForm .slide.whiteSlide a.white.button-89, .slide.whiteSlide #MemberLoginForm_LoginForm input.white.button-89[type=submit], #MemberLoginForm_LoginForm .slide.whiteSlide input.white.button-89[type=submit], .slide.whiteSlide #MemberLoginForm_LostPasswordForm a.white.button-89, #MemberLoginForm_LostPasswordForm .slide.whiteSlide a.white.button-89, .slide.whiteSlide #MemberLoginForm_LostPasswordForm input.white.button-89[type=submit], #MemberLoginForm_LostPasswordForm .slide.whiteSlide input.white.button-89[type=submit] {
  box-shadow: 0 2px 8px 2px rgba(41, 41, 41, 0.25);
}

.text-89 {
  font-size: 17px;
  position: relative;
  top: 11px;
  left: 11px;
}

@media (max-width: 1023px) {
  .box-89 {
    margin-bottom: 60px;
  }
}
@media (max-width: 569px) {
  .button.button-89, #MemberLoginForm_LoginForm a.button-89, #MemberLoginForm_LoginForm input.button-89[type=submit], #MemberLoginForm_LostPasswordForm a.button-89, #MemberLoginForm_LostPasswordForm input.button-89[type=submit], .text-89 {
    float: left;
  }
  .text-89 strong {
    display: block;
  }
  .text-89 {
    font-size: 20px;
    top: -4px;
    text-align: left;
  }
  .grid-89 {
    margin-top: 35px;
  }
  h1.header-89 {
    text-align: left;
  }
}
.box-90 {
  margin-bottom: 27px;
}

.box-90.videoThumbnail:after {
  background-size: 90px;
}

@media (max-width: 1023px) {
  .box-90 {
    margin: 30px 0 27px;
  }
}
.button.button-92, #MemberLoginForm_LoginForm a.button-92, #MemberLoginForm_LoginForm input.button-92[type=submit], #MemberLoginForm_LostPasswordForm a.button-92, #MemberLoginForm_LostPasswordForm input.button-92[type=submit] {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .button.button-92, #MemberLoginForm_LoginForm a.button-92, #MemberLoginForm_LoginForm input.button-92[type=submit], #MemberLoginForm_LostPasswordForm a.button-92, #MemberLoginForm_LostPasswordForm input.button-92[type=submit] {
    padding-left: 83px;
    padding-right: 83px;
  }
}
.hr-92 {
  margin-top: 80px;
}

@media (min-width: 768px) {
  .button.button-93, #MemberLoginForm_LoginForm a.button-93, #MemberLoginForm_LoginForm input.button-93[type=submit], #MemberLoginForm_LostPasswordForm a.button-93, #MemberLoginForm_LostPasswordForm input.button-93[type=submit] {
    padding-left: 83px;
    padding-right: 83px;
  }
}
.frame-94 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 25px;
  border-radius: 2px;
}

.slide.whiteSlide .frame-94 {
  border: 1px solid rgba(42, 42, 42, 0.2);
}

@media (min-width: 1135px) {
  .frame-94 {
    text-align: left;
  }
  .frame-94 br {
    display: none;
  }
  .button.button-94, #MemberLoginForm_LoginForm a.button-94, #MemberLoginForm_LoginForm input.button-94[type=submit], #MemberLoginForm_LostPasswordForm a.button-94, #MemberLoginForm_LostPasswordForm input.button-94[type=submit] {
    margin: 0 0 0 210px;
  }
}
@media (max-width: 1134px) {
  .frame-94 {
    text-align: center;
  }
  .button.button-94, #MemberLoginForm_LoginForm a.button-94, #MemberLoginForm_LoginForm input.button-94[type=submit], #MemberLoginForm_LostPasswordForm a.button-94, #MemberLoginForm_LostPasswordForm input.button-94[type=submit] {
    margin: 30px 0 0;
  }
}
@media (max-width: 499px) {
  .frame-94 {
    padding: 0;
    border: none;
  }
}
.form-96 {
  margin: 40px 0 25px;
}

form input[type=text].input-96,
form input[type=name].input-96,
form input[type=email].input-96 {
  max-width: 300px;
}

.form-97 {
  margin: 35px 0 50px;
}

.form-97 select {
  background: #fff;
  border-radius: 3px;
  padding: 13px 24px 16px 16px;
  border: none;
  font-size: 20px;
  color: #242424;
  outline: none;
  max-width: 350px;
  width: 125px;
  font-weight: 600;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 0;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="7"><path fill="#303030" d="M14.022 0l5.978 6 6-6z"	/></svg>');
}

.form-97 select option {
  text-align: center;
}

@media (min-width: 769px) {
  .form-97 input[type=tel] {
    border-radius: 0 3px 3px 0;
    margin-left: -1px;
  }
  .form-97 select {
    border-radius: 3px 0 0 3px;
  }
}
@media (max-width: 768px) {
  .form-97 select {
    width: 100%;
  }
}
/* Re-usable stuff */
.table {
  display: table;
  width: 100%;
  height: 100%;
}

.cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.scroll-x {
  overflow-x: scroll;
}

.scroll-y {
  overflow-y: scroll;
}

.overflowHidden, .scrollHidden {
  overflow: hidden;
}

.italic {
  font-style: italic !important;
}

.ultraLight,
.uppercase.ultraLight {
  font-weight: 100 !important;
}

.light, .showcase li .sc strong,
.uppercase.light {
  font-weight: 300 !important;
}

.normal,
.uppercase.normal {
  font-weight: normal !important;
}

.semiBold,
.uppercase.semiBold {
  font-weight: 500 !important;
}

.bold {
  font-weight: 600 !important;
}

.ultraBold,
.uppercase.ultraBold {
  font-weight: 900 !important;
}

.top {
  vertical-align: top !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.center {
  text-align: center !important;
}

.middle {
  vertical-align: middle !important;
}

.bottom {
  vertical-align: bottom !important;
}

.rtl {
  direction: rtl;
  unicode-bidi: embed;
}

.rectangular {
  border-radius: 0px !important;
}

.block {
  display: block !important;
}

.inlineBlock {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.fixed {
  position: fixed !important;
}

.wide {
  width: 100% !important;
}

.nowrap {
  white-space: nowrap;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-1 {
  opacity: 0.1 !important;
}

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-9 {
  opacity: 0.9 !important;
}

.opacity-10,
.opaque {
  opacity: 1 !important;
}

.transparent {
  background: transparent !important;
}

.padding-0 {
  padding: 0px !important;
}

.padding-1 {
  padding: 10px !important;
}

.padding-2 {
  padding: 20px !important;
}

.padding-3 {
  padding: 30px !important;
}

.padding-4 {
  padding: 40px !important;
}

.padding-5 {
  padding: 50px !important;
}

.padding-6 {
  padding: 60px !important;
}

.padding-7 {
  padding: 70px !important;
}

.padding-8 {
  padding: 80px !important;
}

.padding-9 {
  padding: 90px !important;
}

.padding-10 {
  padding: 100px !important;
}

.padding-11 {
  padding: 110px !important;
}

.padding-12 {
  padding: 120px !important;
}

.padding-13 {
  padding: 130px !important;
}

.padding-14 {
  padding: 140px !important;
}

.padding-15 {
  padding: 150px !important;
}

.padding-16 {
  padding: 160px !important;
}

.padding-17 {
  padding: 170px !important;
}

.padding-18 {
  padding: 180px !important;
}

.padding-19 {
  padding: 190px !important;
}

.padding-20 {
  padding: 200px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-1 {
  padding-top: 10px !important;
}

.padding-top-2 {
  padding-top: 20px !important;
}

.padding-top-3 {
  padding-top: 30px !important;
}

.padding-top-4 {
  padding-top: 40px !important;
}

.padding-top-5 {
  padding-top: 50px !important;
}

.padding-top-6 {
  padding-top: 60px !important;
}

.padding-top-7 {
  padding-top: 70px !important;
}

.padding-top-8 {
  padding-top: 80px !important;
}

.padding-top-9 {
  padding-top: 90px !important;
}

.padding-top-10 {
  padding-top: 100px !important;
}

.padding-top-11 {
  padding-top: 110px !important;
}

.padding-top-12 {
  padding-top: 120px !important;
}

.padding-top-13 {
  padding-top: 130px !important;
}

.padding-top-14 {
  padding-top: 140px !important;
}

.padding-top-15 {
  padding-top: 150px !important;
}

.padding-top-16 {
  padding-top: 160px !important;
}

.padding-top-17 {
  padding-top: 170px !important;
}

.padding-top-18 {
  padding-top: 180px !important;
}

.padding-top-19 {
  padding-top: 190px !important;
}

.padding-top-20 {
  padding-top: 200px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-1 {
  padding-right: 10px !important;
}

.padding-right-2 {
  padding-right: 20px !important;
}

.padding-right-3 {
  padding-right: 30px !important;
}

.padding-right-4 {
  padding-right: 40px !important;
}

.padding-right-5 {
  padding-right: 50px !important;
}

.padding-right-6 {
  padding-right: 60px !important;
}

.padding-right-7 {
  padding-right: 70px !important;
}

.padding-right-8 {
  padding-right: 80px !important;
}

.padding-right-9 {
  padding-right: 90px !important;
}

.padding-right-10 {
  padding-right: 100px !important;
}

.padding-right-11 {
  padding-right: 110px !important;
}

.padding-right-12 {
  padding-right: 120px !important;
}

.padding-right-13 {
  padding-right: 130px !important;
}

.padding-right-14 {
  padding-right: 140px !important;
}

.padding-right-15 {
  padding-right: 150px !important;
}

.padding-right-16 {
  padding-right: 160px !important;
}

.padding-right-17 {
  padding-right: 170px !important;
}

.padding-right-18 {
  padding-right: 180px !important;
}

.padding-right-19 {
  padding-right: 190px !important;
}

.padding-right-20 {
  padding-right: 200px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-1 {
  padding-bottom: 10px !important;
}

.padding-bottom-2 {
  padding-bottom: 20px !important;
}

.padding-bottom-3 {
  padding-bottom: 30px !important;
}

.padding-bottom-4 {
  padding-bottom: 40px !important;
}

.padding-bottom-5 {
  padding-bottom: 50px !important;
}

.padding-bottom-6 {
  padding-bottom: 60px !important;
}

.padding-bottom-7 {
  padding-bottom: 70px !important;
}

.padding-bottom-8 {
  padding-bottom: 80px !important;
}

.padding-bottom-9 {
  padding-bottom: 90px !important;
}

.padding-bottom-10 {
  padding-bottom: 100px !important;
}

.padding-bottom-11 {
  padding-bottom: 110px !important;
}

.padding-bottom-12 {
  padding-bottom: 120px !important;
}

.padding-bottom-13 {
  padding-bottom: 130px !important;
}

.padding-bottom-14 {
  padding-bottom: 140px !important;
}

.padding-bottom-15 {
  padding-bottom: 150px !important;
}

.padding-bottom-16 {
  padding-bottom: 160px !important;
}

.padding-bottom-17 {
  padding-bottom: 170px !important;
}

.padding-bottom-18 {
  padding-bottom: 180px !important;
}

.padding-bottom-19 {
  padding-bottom: 190px !important;
}

.padding-bottom-20 {
  padding-bottom: 200px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-1 {
  padding-left: 10px !important;
}

.padding-left-2 {
  padding-left: 20px !important;
}

.padding-left-3 {
  padding-left: 30px !important;
}

.padding-left-4 {
  padding-left: 40px !important;
}

.padding-left-5 {
  padding-left: 50px !important;
}

.padding-left-6 {
  padding-left: 60px !important;
}

.padding-left-7 {
  padding-left: 70px !important;
}

.padding-left-8 {
  padding-left: 80px !important;
}

.padding-left-9 {
  padding-left: 90px !important;
}

.padding-left-10 {
  padding-left: 100px !important;
}

.padding-left-11 {
  padding-left: 110px !important;
}

.padding-left-12 {
  padding-left: 120px !important;
}

.padding-left-13 {
  padding-left: 130px !important;
}

.padding-left-14 {
  padding-left: 140px !important;
}

.padding-left-15 {
  padding-left: 150px !important;
}

.padding-left-16 {
  padding-left: 160px !important;
}

.padding-left-17 {
  padding-left: 170px !important;
}

.padding-left-18 {
  padding-left: 180px !important;
}

.padding-left-19 {
  padding-left: 190px !important;
}

.padding-left-20 {
  padding-left: 200px !important;
}

.margin-0 {
  margin: 0px !important;
}

.margin-1 {
  margin: 10px !important;
}

.margin-2 {
  margin: 20px !important;
}

.margin-3 {
  margin: 30px !important;
}

.margin-4 {
  margin: 40px !important;
}

.margin-5 {
  margin: 50px !important;
}

.margin-6 {
  margin: 60px !important;
}

.margin-7 {
  margin: 70px !important;
}

.margin-8 {
  margin: 80px !important;
}

.margin-9 {
  margin: 90px !important;
}

.margin-10 {
  margin: 100px !important;
}

.margin-11 {
  margin: 110px !important;
}

.margin-12 {
  margin: 120px !important;
}

.margin-13 {
  margin: 130px !important;
}

.margin-14 {
  margin: 140px !important;
}

.margin-15 {
  margin: 150px !important;
}

.margin-16 {
  margin: 160px !important;
}

.margin-17 {
  margin: 170px !important;
}

.margin-18 {
  margin: 180px !important;
}

.margin-19 {
  margin: 190px !important;
}

.margin-20 {
  margin: 200px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-1 {
  margin-top: 10px !important;
}

.margin-top-2 {
  margin-top: 20px !important;
}

.margin-top-3 {
  margin-top: 30px !important;
}

.margin-top-4 {
  margin-top: 40px !important;
}

.margin-top-5 {
  margin-top: 50px !important;
}

.margin-top-6 {
  margin-top: 60px !important;
}

.margin-top-7 {
  margin-top: 70px !important;
}

.margin-top-8 {
  margin-top: 80px !important;
}

.margin-top-9 {
  margin-top: 90px !important;
}

.margin-top-10 {
  margin-top: 100px !important;
}

.margin-top-11 {
  margin-top: 110px !important;
}

.margin-top-12 {
  margin-top: 120px !important;
}

.margin-top-13 {
  margin-top: 130px !important;
}

.margin-top-14 {
  margin-top: 140px !important;
}

.margin-top-15 {
  margin-top: 150px !important;
}

.margin-top-16 {
  margin-top: 160px !important;
}

.margin-top-17 {
  margin-top: 170px !important;
}

.margin-top-18 {
  margin-top: 180px !important;
}

.margin-top-19 {
  margin-top: 190px !important;
}

.margin-top-20 {
  margin-top: 200px !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-1 {
  margin-right: 10px !important;
}

.margin-right-2 {
  margin-right: 20px !important;
}

.margin-right-3 {
  margin-right: 30px !important;
}

.margin-right-4 {
  margin-right: 40px !important;
}

.margin-right-5 {
  margin-right: 50px !important;
}

.margin-right-6 {
  margin-right: 60px !important;
}

.margin-right-7 {
  margin-right: 70px !important;
}

.margin-right-8 {
  margin-right: 80px !important;
}

.margin-right-9 {
  margin-right: 90px !important;
}

.margin-right-10 {
  margin-right: 100px !important;
}

.margin-right-11 {
  margin-right: 110px !important;
}

.margin-right-12 {
  margin-right: 120px !important;
}

.margin-right-13 {
  margin-right: 130px !important;
}

.margin-right-14 {
  margin-right: 140px !important;
}

.margin-right-15 {
  margin-right: 150px !important;
}

.margin-right-16 {
  margin-right: 160px !important;
}

.margin-right-17 {
  margin-right: 170px !important;
}

.margin-right-18 {
  margin-right: 180px !important;
}

.margin-right-19 {
  margin-right: 190px !important;
}

.margin-right-20 {
  margin-right: 200px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-1 {
  margin-bottom: 10px !important;
}

.margin-bottom-2 {
  margin-bottom: 20px !important;
}

.margin-bottom-3 {
  margin-bottom: 30px !important;
}

.margin-bottom-4 {
  margin-bottom: 40px !important;
}

.margin-bottom-5 {
  margin-bottom: 50px !important;
}

.margin-bottom-6 {
  margin-bottom: 60px !important;
}

.margin-bottom-7 {
  margin-bottom: 70px !important;
}

.margin-bottom-8 {
  margin-bottom: 80px !important;
}

.margin-bottom-9 {
  margin-bottom: 90px !important;
}

.margin-bottom-10 {
  margin-bottom: 100px !important;
}

.margin-bottom-11 {
  margin-bottom: 110px !important;
}

.margin-bottom-12 {
  margin-bottom: 120px !important;
}

.margin-bottom-13 {
  margin-bottom: 130px !important;
}

.margin-bottom-14 {
  margin-bottom: 140px !important;
}

.margin-bottom-15 {
  margin-bottom: 150px !important;
}

.margin-bottom-16 {
  margin-bottom: 160px !important;
}

.margin-bottom-17 {
  margin-bottom: 170px !important;
}

.margin-bottom-18 {
  margin-bottom: 180px !important;
}

.margin-bottom-19 {
  margin-bottom: 190px !important;
}

.margin-bottom-20 {
  margin-bottom: 200px !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-1 {
  margin-left: 10px !important;
}

.margin-left-2 {
  margin-left: 20px !important;
}

.margin-left-3 {
  margin-left: 30px !important;
}

.margin-left-4 {
  margin-left: 40px !important;
}

.margin-left-5 {
  margin-left: 50px !important;
}

.margin-left-6 {
  margin-left: 60px !important;
}

.margin-left-7 {
  margin-left: 70px !important;
}

.margin-left-8 {
  margin-left: 80px !important;
}

.margin-left-9 {
  margin-left: 90px !important;
}

.margin-left-10 {
  margin-left: 100px !important;
}

.margin-left-11 {
  margin-left: 110px !important;
}

.margin-left-12 {
  margin-left: 120px !important;
}

.margin-left-13 {
  margin-left: 130px !important;
}

.margin-left-14 {
  margin-left: 140px !important;
}

.margin-left-15 {
  margin-left: 150px !important;
}

.margin-left-16 {
  margin-left: 160px !important;
}

.margin-left-17 {
  margin-left: 170px !important;
}

.margin-left-18 {
  margin-left: 180px !important;
}

.margin-left-19 {
  margin-left: 190px !important;
}

.margin-left-20 {
  margin-left: 200px !important;
}

.crop {
  margin: 0 !important;
}

.cropBottom {
  margin-bottom: 0 !important;
}

.cropTop {
  margin-top: 0 !important;
}

.cropLeft, .cropSides {
  margin-left: 0 !important;
}

.cropRight, .cropSides {
  margin-right: 0 !important;
}

.pointer-events {
  pointer-events: all !important;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.space {
  padding: 0 20px;
}

.pointer {
  cursor: pointer;
}

.disableClick {
  pointer-events: none;
}

.cover {
  background-size: cover !important;
}

.noSelect, .noSelect *, .disableSelect, .disableSelect * {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.selectable, .selectable *, .enableSelect, .enableSelect * {
  -webkit-touch-callout: auto !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.clearBoth:after {
  content: "";
  clear: both;
  display: table;
}

form select option:first-child {
  color: green !important;
}

.checkbox {
  text-align: left;
}
.checkbox label .element {
  display: inline-block;
  border-width: 0;
  padding: 0;
  font-size: 0;
  min-width: 36px;
  height: 22px;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 50px;
  vertical-align: bottom;
  margin-right: 10px;
}
.checkbox label {
  color: #444;
  cursor: pointer;
  display: inline-block;
}
.checkbox label input {
  display: none !important;
}
.checkbox label .element:after {
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  display: inline-block;
  padding: 0;
  border-radius: 16px;
  margin: 3px;
  transition: transform 0.25s;
  transition-timing-function: cubic-bezier(0.23, 2.01, 0.43, 0.66);
}
.checkbox label input[type=checkbox]:checked + .element {
  background: #2196F3;
}
.checkbox label input[type=checkbox]:checked + .element:after {
  transform: translateX(14px);
}

form input.third {
  width: 33% !important;
  max-width: 33% !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
form input.third + .third {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  width: calc(33% + 1px) !important;
  max-width: calc(33% + 1px) !important;
  margin-left: -1px;
}

figure.figure_button {
  display: inline;
}

.showcase .showcase-container li {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
}

.fix-custom {
  padding-left: calc(8% + 15px);
  padding-right: calc(8% + 15px);
}

@media screen and (min-width: 1024px) and (max-width: 1698px) {
  .fix-custom {
    padding-left: 0%;
    padding-right: 0%;
    max-width: 1800px;
    left: -50px;
    width: calc(100% + 100px) !important;
    position: relative;
  }
  .showcase .showcase-container li:nth-child(3n+1) {
    text-align: right;
  }
}
.showcase li {
  margin-top: 40px;
}
.showcase li .sc {
  margin-bottom: 50px;
  color: #858585;
  font-size: 17px;
  line-height: 25px;
  position: relative;
  text-align: center;
}
.showcase li .sc-img {
  font-size: 0;
  line-height: 0;
  border-radius: 5px;
  display: inline-block;
  transition: 1s cubic-bezier(0.35, 1.69, 0.35, 0.81);
}
.showcase.slide li .sc:hover .sc-img {
  box-shadow: 0 22px 34px rgba(0, 0, 0, 0.4);
  box-shadow: 13px 22px 34px rgba(0, 0, 0, 0.4);
  transform: translateY(-10px) scale(1.025);
}
.showcase.slide li .sc-img:after {
  content: ":";
  position: absolute;
  top: 20px;
  left: 0;
  bottom: -1px;
  right: 0;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  opacity: 0;
  transition: 1s cubic-bezier(0.35, 1.69, 0.35, 0.81);
  border-radius: 0 0 3px 3px;
}
.showcase.slide li .sc:hover .sc-img:after {
  opacity: 0.5;
}
.showcase.popup .h1 {
  margin-bottom: 20px;
  display: block;
}
.showcase.popup .button-list a {
  margin-right: 10px;
}
.showcase.popup em {
  position: relative;
  top: -5px;
}
.showcase.popup li .sc-img {
  background: #35363a;
}
.showcase li .sc-img img {
  margin-bottom: -1px;
  border-radius: 0 0 3px 3px;
}
.showcase.popup li .sc-img:before {
  font-size: 50px;
  top: 0px;
  left: 9px;
}
.showcase li .sc strong {
  display: block;
  color: #ffffff;
  margin-top: 10px;
}

.whiteSlide .showcase li .sc strong {
  color: #303030 !important;
}

/* shiny effect on hover */
/* popup */
.slide.showcase li .sc:hover:after {
  opacity: 1;
  transform: translateY(0px) translateX(-50%);
}

.showcase-container {
  align-items: center;
  justify-content: center;
}
.showcase-container.controller li.selected {
  cursor: pointer;
  pointer-events: all;
}

.popup[data-popup-id=showcase] .slider > li.selected {
  animation: 0.5s fadeIn;
}

.fix-custom-popup {
  max-width: 1480px !important;
}

#giftbox {
  width: 100px;
  left: 25%;
}

.lightfooter {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
}
.lightfooter li {
  padding: 10px 0px;
}
.lightfooter li:first-child {
  padding-left: 20px;
}

.panel.top .menu li:nth-child(8) svg, .panel.top .menu li:nth-child(10) svg {
  position: relative;
  top: 3px;
}

.container .wrap h1, .container .wrap p, .container .wrap a {
  transition: all 2s ease;
}

.panel.top .right a.round {
  background-color: #b10417;
  color: white;
}

.container .wrap p, .container .wrap h1, .menu li {
  transition: all 0.3s ease;
}

body:not(.whiteSlide) .container .wrap p, body:not(.whiteSlide) .container .wrap h1, body:not(.whiteSlide) .menu li {
  text-shadow: 0px 0px 2px #ffffff, 0px 0px 15px #000000, 0px 0px 3px #000000, 4px 0px 5px #000000, -4px 0px 5px #000000, 0px -4px 5px #000000, 0px 4px 5px #000000, 0px 1px 7.5px #000000;
}
body:not(.whiteSlide) .menu li {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 40px;
  padding: 10px;
  position: relative;
  margin-right: 5px !important;
}
body:not(.whiteSlide) #svg-logo {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 30px;
  padding: 10px;
  width: 170px !important;
  height: 127px !important;
}

body.whiteSlide .figure_button a.button, body.whiteSlide .figure_button #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm body.whiteSlide .figure_button a, body.whiteSlide .figure_button #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm body.whiteSlide .figure_button a {
  background-color: #404040 !important;
}
body.whiteSlide .container .wrap p, body.whiteSlide .container .wrap h1, body.whiteSlide .menu li {
  text-shadow: 0px 1px 15px #ffffff;
}
body.whiteSlide .menu li {
  background-color: #fff;
  border-radius: 99px;
  padding: 10px;
  margin-right: 5px !important;
  text-shadow: none;
}
body.whiteSlide .menu li a {
  color: #303030;
}
body.whiteSlide #svg-logo {
  background-color: #fff;
  border-radius: 30px;
  padding: 25px;
  width: 200px !important;
  height: 157px !important;
}
body.whiteSlide .st0 {
  fill: #58585a;
}
body.whiteSlide .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
}
body.whiteSlide .st1, body.whiteSlide .st2 {
  fill: #bd0926;
}

#Form_BookingForm input[name=Date], #Form_GiftDinnerForm input[name=Date] {
  width: 50%;
  display: block;
  float: left;
  border-radius: 5px 0px 0px 5px;
}
#Form_BookingForm select[name=Time], #Form_GiftDinnerForm select[name=Time] {
  width: 50% !important;
  display: block;
  margin-left: 20px;
  position: relative;
  border-radius: 0px 5px 5px 0px;
  top: 8px;
  text-indent: 40%;
}

#Form_GiftDinnerForm select[name=Menu] {
  width: 100% !important;
  display: block;
  margin: 0 auto;
}
#Form_GiftDinnerForm select[name=Time] {
  margin-bottom: 20px;
}

#svg-logo {
  width: 150px !important;
  height: 107px !important;
}

#svg-logo-compact {
  width: 75px !important;
  height: 54px !important;
}

li.social_icon {
  display: block;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

li.social_icon:nth-last-child(3) {
  margin-left: 20px !important;
}

.grid-32:hover .cell-32:after {
  opacity: 1 !important;
}

.colophon {
  display: inline-block;
}

.colophon li {
  display: inline-block;
  padding-right: 5px;
}

.colophon a {
  background-color: white;
  padding: 10px;
  border-radius: 30px;
}

.colophon img {
  margin: 0px 3px;
}

.colophon .gambero-rosso {
  /*background-color: #1b4367;*/
}

.colophon .michelin img {
  display: inline-block;
  width: 50px;
  position: relative;
  top: 8px;
}

.colophon .lgtdm img {
  display: inline-block;
  height: 35px;
  position: relative;
  top: 9px;
  left: 0px;
}

.colophon .espresso img {
  display: inline-block;
  height: 30px;
  position: relative;
  top: 7px;
  left: 0px;
  margin-right: 2px;
}

.colophon .gambero-rosso img {
  display: inline-block;
  height: 30px;
  position: relative;
  top: 7px;
  left: 0px;
  margin-right: 2px;
}

.colophon .fifty-top-italy img {
  display: inline-block;
  height: 30px;
  position: relative;
  top: 7px;
  left: 0px;
  margin-right: 2px;
}

.compact .left .colophon {
  padding-bottom: 10px;
}

div.content p img {
  height: auto;
}

.localelinkforsidebar {
  text-transform: capitalize;
}

@media (max-width: 767px) {
  nav div.sections.compact > div.right > span[data-dropdown-id="2"] {
    display: none;
  }
  .colophon {
    transform: scale(0.75);
  }
}
.page-cucina .panel.top .menu li, .page-cuisine .panel.top .menu li {
  background-color: rgba(255, 255, 255, 0);
  transition: all 2s ease;
}
.page-cucina.lastSlide .panel.top .menu li, .page-cuisine.lastSlide .panel.top .menu li {
  background-color: rgba(178, 164, 120, 0.5);
  border-radius: 5px;
}

.page-menu.stage-8 .container .wrap p, .page-menus.stage-8 .container .wrap p {
  line-height: 1.1;
  padding-bottom: 5px;
}
.page-menu .container .wrap p em, .page-menus .container .wrap p em {
  font-size: 20px;
  position: relative;
  top: -5px;
}
.page-menu .container .wrap p strong, .page-menus .container .wrap p strong {
  font-weight: normal;
  font-size: 22px;
}

.chefname {
  position: relative;
}

/*
#michelinstars {
  //background-color:rgba(1,0,0,0.5);
  width: 50px;
  display:inline-block;
  img {
    height: 22px;
    padding-right: 2px;
    //text-shadow: 0px 0px 2px #ffffff, 0px 0px 15px #000000, 0px 1px 7.5px #000000;
    //color:red;
  }
}
*/
.symbol.michelin {
  display: inline-block;
}

.symbol.michelin img {
  width: 20px;
  position: relative;
  top: -20px;
}

.page-home.stage-1 .container .wrap p img {
  margin: 0 auto;
  display: block;
}

.page-regala-una-cena .panel.top .menu li, .page-gift .panel.top .menu li {
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 5px;
  padding: 5px 0px;
  display: inline-flex;
}

#svg-luigi-moio {
  padding: 50px 0px;
}

.slide-17-description:first-child {
  margin-top: 45%;
}

.slide-17-img {
  border-radius: 10px;
}

.thankyou h1 {
  font-size: 37px;
}
.thankyou h2, .thankyou .showcase li .sc strong, .showcase li .sc .thankyou strong {
  font-size: 20px;
}

@media (max-width: 1313px) {
  .whiteSlide .container .wrap h1, .whiteSlide .container .wrap p {
    background-color: #fff;
    box-shadow: 0 0 0 10px #fff;
  }
}
@media (max-width: 1023px) {
  #svg-luigi-moio {
    padding: 10px 0px !important;
  }
  .slide-17-description:first-child {
    margin-top: 0px !important;
  }
  .slide-17-img {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #michelinstars {
    position: relative;
    display: inline-block;
    top: -10px !important;
    left: 0px !important;
  }
  #Form_BookingForm input[name=Date] {
    width: 100%;
    display: block;
    float: none;
    border-radius: 5px;
  }
  #Form_BookingForm select[name=Time] {
    width: 83% !important;
    display: block;
    margin: 0 auto;
    position: relative;
    border-radius: 5px;
    top: 0px;
    text-indent: 40%;
  }
  .container .wrap p, .container .wrap h1 {
    text-align: center;
  }
  .page-home .container .wrap > p {
    background-color: rgba(180, 205, 227, 0.95);
    padding: 10px;
    border-radius: 5px;
  }
  .page-esperienze.container .wrap a.button, .page-esperienze.container .wrap #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .page-esperienze.container .wrap a, .page-esperienze.container .wrap #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .page-esperienze.container .wrap a, .page-experiences.container .wrap a.button, .page-experiences.container .wrap #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .page-experiences.container .wrap a, .page-experiences.container .wrap #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .page-experiences.container .wrap a {
    width: 100% !important;
    margin: 5px 0px !important;
    display: block;
  }
  .page-prenotazioni .container .wrap h1 {
    font-size: 40px;
  }
  .page-prenotazioni .container .wrap p {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .page-prenotazioni .container .wrap div.pad {
    box-shadow: 0px 0px 20px rgba(100, 100, 100, 0.5);
  }
  .page-cucina.stage-2 .container .wrap h1, .page-cucina.stage-2 .container .wrap p {
    background-color: rgba(226, 226, 226, 0.5);
    padding: 10px;
    border-radius: 5px;
  }
  .page-cucina.stage-3 .container .wrap p {
    background-color: rgba(182, 169, 129, 0.85);
    padding: 10px;
    border-radius: 5px;
  }
  .page-cucina.stage-3 .container .wrap a.button, .page-cucina.stage-3 .container .wrap #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .page-cucina.stage-3 .container .wrap a, .page-cucina.stage-3 .container .wrap #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .page-cucina.stage-3 .container .wrap a {
    width: 100% !important;
    margin: 5px 0px !important;
    display: block;
  }
  .page-chef .container .wrap a.button, .page-chef .container .wrap #MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm .page-chef .container .wrap a, .page-chef .container .wrap #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm .page-chef .container .wrap a {
    width: 100% !important;
    margin: 5px 0px !important;
    display: block;
  }
}
#MemberLoginForm_LoginForm, #MemberLoginForm_LostPasswordForm {
  display: block;
  width: 400px;
  background-color: white;
  padding: 25px 0px 15px 50px;
  border-radius: 10px;
  margin: 250px auto;
}
#MemberLoginForm_LoginForm p, #MemberLoginForm_LoginForm label, #MemberLoginForm_LostPasswordForm p, #MemberLoginForm_LostPasswordForm label {
  color: black;
}
#MemberLoginForm_LoginForm a, #MemberLoginForm_LoginForm input[type=submit], #MemberLoginForm_LostPasswordForm a, #MemberLoginForm_LostPasswordForm input[type=submit] {
  width: 85%;
  margin: 15px 0px 0px 0px;
  display: block;
}
/*  Generic Styling, for Desktops/Laptops */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0px;
}

/* Zebra striping */
tr:nth-of-type(odd) {
  background: #050505;
}

th {
  background: #333;
  color: white;
  font-weight: bold;
}

td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}

@media only screen and (max-width: 980px) {
  /* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  tr {
    border: 1px solid #ccc;
  }
  tr:not(:last-child) {
    border-bottom: none;
  }
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-top: 2em;
  }
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    white-space: nowrap;
    font-weight: bold;
  }
}
nav.panel.bottom div.desktop div.left li:first-child {
  background-color: #b10417;
  border-radius: 99px;
  padding: 10px;
  color: white;
}
nav.panel.bottom div.desktop div.left li:first-child a {
  color: white;
}

nav.sidebar ul.subMenu > li:first-child a {
  background-color: #b10417;
  border-radius: 99px;
  padding: 10px 20px;
  position: relative;
  left: -20px;
  color: white;
}

/*# sourceMappingURL=style.css.map */