@use "sass:math";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: ""; }

a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

small {
  font-size: 80%; }

sub,
sup {
  font-size: 50%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.8em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)
	-   vertical-align          - Vertical align center
	-   horizontal-align 		- Horizontally align center
	-   both-align-center 		- Vertical and Horizontally align center
	-   icon          			- arguments: $index(Position),$size(Image px size), $image(Image name)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/* Vertical align center */
/* ICON */
/* Most use custom mixin */
/* Flexbox mixin */
.container {
  padding: 0 0;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%; }

@media only screen and (min-width: 641px) {
  .container {
    width: 85%; } }

@media only screen and (min-width: 961px) {
  .container {
    width: 70%; } }

.container .row {
  margin-left: 0;
  margin-right: 0; }

.section {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .section.no-pad {
    padding: 0; }
  .section.no-pad-bot {
    padding-bottom: 0; }
  .section.no-pad-top {
    padding-top: 0; }

.row {
  margin-left: auto;
  margin-right: auto; }
  .row:after {
    content: "";
    display: table;
    clear: both; }
  .row .col {
    float: left;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .row .col.s1 {
      width: 8.33333%;
      margin-left: 0; }
    .row .col.s2 {
      width: 16.66667%;
      margin-left: 0; }
    .row .col.s3 {
      width: 25%;
      margin-left: 0; }
    .row .col.s4 {
      width: 33.33333%;
      margin-left: 0; }
    .row .col.s5 {
      width: 41.66667%;
      margin-left: 0; }
    .row .col.s6 {
      width: 50%;
      margin-left: 0; }
    .row .col.s7 {
      width: 58.33333%;
      margin-left: 0; }
    .row .col.s8 {
      width: 66.66667%;
      margin-left: 0; }
    .row .col.s9 {
      width: 75%;
      margin-left: 0; }
    .row .col.s10 {
      width: 83.33333%;
      margin-left: 0; }
    .row .col.s11 {
      width: 91.66667%;
      margin-left: 0; }
    .row .col.s12 {
      width: 100%;
      margin-left: 0; }
    .row .col.offset-s1 {
      margin-left: 8.33333%; }
    .row .col.offset-s2 {
      margin-left: 16.66667%; }
    .row .col.offset-s3 {
      margin-left: 25%; }
    .row .col.offset-s4 {
      margin-left: 33.33333%; }
    .row .col.offset-s5 {
      margin-left: 41.66667%; }
    .row .col.offset-s6 {
      margin-left: 50%; }
    .row .col.offset-s7 {
      margin-left: 58.33333%; }
    .row .col.offset-s8 {
      margin-left: 66.66667%; }
    .row .col.offset-s9 {
      margin-left: 75%; }
    .row .col.offset-s10 {
      margin-left: 83.33333%; }
    .row .col.offset-s11 {
      margin-left: 91.66667%; }
    .row .col.offset-s12 {
      margin-left: 100%; }
    @media only screen and (min-width: 641px) {
      .row .col.m1 {
        width: 8.33333%;
        margin-left: 0; }
      .row .col.m2 {
        width: 16.66667%;
        margin-left: 0; }
      .row .col.m3 {
        width: 25%;
        margin-left: 0; }
      .row .col.m4 {
        width: 33.33333%;
        margin-left: 0; }
      .row .col.m5 {
        width: 41.66667%;
        margin-left: 0; }
      .row .col.m6 {
        width: 50%;
        margin-left: 0; }
      .row .col.m7 {
        width: 58.33333%;
        margin-left: 0; }
      .row .col.m8 {
        width: 66.66667%;
        margin-left: 0; }
      .row .col.m9 {
        width: 75%;
        margin-left: 0; }
      .row .col.m10 {
        width: 83.33333%;
        margin-left: 0; }
      .row .col.m11 {
        width: 91.66667%;
        margin-left: 0; }
      .row .col.m12 {
        width: 100%;
        margin-left: 0; }
      .row .col.offset-m1 {
        margin-left: 8.33333%; }
      .row .col.offset-m2 {
        margin-left: 16.66667%; }
      .row .col.offset-m3 {
        margin-left: 25%; }
      .row .col.offset-m4 {
        margin-left: 33.33333%; }
      .row .col.offset-m5 {
        margin-left: 41.66667%; }
      .row .col.offset-m6 {
        margin-left: 50%; }
      .row .col.offset-m7 {
        margin-left: 58.33333%; }
      .row .col.offset-m8 {
        margin-left: 66.66667%; }
      .row .col.offset-m9 {
        margin-left: 75%; }
      .row .col.offset-m10 {
        margin-left: 83.33333%; }
      .row .col.offset-m11 {
        margin-left: 91.66667%; }
      .row .col.offset-m12 {
        margin-left: 100%; } }
    @media only screen and (min-width: 961px) {
      .row .col.l1 {
        width: 8.33333%;
        margin-left: 0; }
      .row .col.l2 {
        width: 16.66667%;
        margin-left: 0; }
      .row .col.l3 {
        width: 25%;
        margin-left: 0; }
      .row .col.l4 {
        width: 33.33333%;
        margin-left: 0; }
      .row .col.l5 {
        width: 41.66667%;
        margin-left: 0; }
      .row .col.l6 {
        width: 50%;
        margin-left: 0; }
      .row .col.l7 {
        width: 58.33333%;
        margin-left: 0; }
      .row .col.l8 {
        width: 66.66667%;
        margin-left: 0; }
      .row .col.l9 {
        width: 75%;
        margin-left: 0; }
      .row .col.l10 {
        width: 83.33333%;
        margin-left: 0; }
      .row .col.l11 {
        width: 91.66667%;
        margin-left: 0; }
      .row .col.l12 {
        width: 100%;
        margin-left: 0; }
      .row .col.offset-l1 {
        margin-left: 8.33333%; }
      .row .col.offset-l2 {
        margin-left: 16.66667%; }
      .row .col.offset-l3 {
        margin-left: 25%; }
      .row .col.offset-l4 {
        margin-left: 33.33333%; }
      .row .col.offset-l5 {
        margin-left: 41.66667%; }
      .row .col.offset-l6 {
        margin-left: 50%; }
      .row .col.offset-l7 {
        margin-left: 58.33333%; }
      .row .col.offset-l8 {
        margin-left: 66.66667%; }
      .row .col.offset-l9 {
        margin-left: 75%; }
      .row .col.offset-l10 {
        margin-left: 83.33333%; }
      .row .col.offset-l11 {
        margin-left: 91.66667%; }
      .row .col.offset-l12 {
        margin-left: 100%; } }

/* Inspire from http://materializecss.com/grid.html */
/* Media query */
/* Example
---1160px---
	@media screen and (max-width : 1180px) {
	
	}

---959px---
	@media screen and (max-width : 992px) {
	
	}

*/
/* Custom media query */
/* colors */
/* Secondary Colors */
/* Color codes */
@font-face {
  font-family: 'NespressoLucas-SemiBd';
  src: url("../fonts/NespressoLucas-SemiBd.eot");
  src: url("../fonts/NespressoLucas-SemiBd.eot?#iefix") format("embedded-opentype"), url("../fonts/NespressoLucas-SemiBd.woff2") format("woff2"), url("../fonts/NespressoLucas-SemiBd.woff") format("woff"), url("../fonts/NespressoLucas-SemiBd.ttf") format("truetype"), url("../fonts/NespressoLucas-SemiBd.svg#NespressoLucas-SemiBd") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NespressoLucas-Bold';
  src: url("../fonts/NespressoLucas-Bold.eot");
  src: url("../fonts/NespressoLucas-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NespressoLucas-Bold.woff2") format("woff2"), url("../fonts/NespressoLucas-Bold.woff") format("woff"), url("../fonts/NespressoLucas-Bold.ttf") format("truetype"), url("../fonts/NespressoLucas-Bold.svg#NespressoLucas-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NespressoLucas-Regular';
  src: url("../fonts/NespressoLucas-Regular.eot");
  src: url("../fonts/NespressoLucas-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NespressoLucas-Regular.woff2") format("woff2"), url("../fonts/NespressoLucas-Regular.woff") format("woff"), url("../fonts/NespressoLucas-Regular.ttf") format("truetype"), url("../fonts/NespressoLucas-Regular.svg#NespressoLucas-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* Variable declaration for fonts */
/* Fonts */
.button-margin {
  padding: 3rem 0; }

.button-container {
  margin: 2rem 0; }
  .button-container.align-center {
    text-align: center; }
  .button-container.no-margin {
    margin: 0; }
  .button-container.sm-margin {
    margin: 1rem 0; }
  .button-container.large-margin {
    margin: 4vw 0; }
  .button-container.inline {
    display: inline-block; }

.button {
  display: inline-block;
  font-family: "NespressoLucas-Regular", sans-serif;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  line-height: 1;
  position: relative;
  font-weight: 400;
  vertical-align: middle; }
  .button.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  .button.white {
    color: #FFFFFF;
    border: 2px solid #FFFFFF; }
    .button.white:hover, .button.white:active, .button.white:focus {
      background: #FFFFFF;
      color: #191919; }
  .button.white-fill {
    background: #FFFFFF;
    color: #8F9195;
    border: 2px solid #FFFFFF; }
  .button.white-border {
    color: #FFFFFF;
    border: 2px solid #FFFFFF; }
    .button.white-border:hover, .button.white-border:active, .button.white-border:focus {
      background: #fec23e;
      border-color: #63479b;
      color: #63479b; }
  .button.black {
    color: #191919;
    background: none;
    border: 2px solid #191919; }
    .button.black:hover, .button.black:active, .button.black:focus {
      background: #191919;
      color: #FFFFFF; }
  .button.blue {
    background: #63479b;
    color: #FFFFFF;
    border: 2px solid #63479b; }
    .button.blue:hover, .button.blue:active, .button.blue:focus {
      background: none;
      border-color: #63479b;
      color: #63479b; }
  .button.blue-border {
    background: none;
    color: #63479b;
    border: 2px solid #63479b; }
    .button.blue-border:hover, .button.blue-border:active, .button.blue-border:focus {
      background: #63479b;
      color: #FFFFFF; }
  .button.red {
    background: #E10027;
    color: #FFFFFF;
    border: 2px solid #E10027; }
    .button.red:hover, .button.red:active, .button.red:focus {
      background: none;
      border-color: #E10027;
      color: #E10027; }
  .button.circle {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .button.large {
    font-size: 2.6vw; }
  .button.midsize {
    font-size: 2vw; }
  .button.smallsize {
    font-size: 1.4vw; }
  .button.tinysize {
    font-size: 1vw; }
  .button.wide {
    padding: 1.5rem 6rem; }
  .button.mid {
    padding: 1.2rem 3rem; }
  .button.small {
    padding: 1.2rem 2.4rem; }
  .button.tiny {
    padding: 0.8rem 1.5rem; }
  .button.tinysmall {
    padding: 0.8rem 0.8rem; }
  .button.full-width {
    padding: 1.5rem;
    display: block;
    width: 100%; }
  .button.mLeft10 {
    margin-left: 1rem; }
  .button.mLeft20 {
    margin-left: 2rem; }
  .button.mLeft40 {
    margin-left: 4rem; }
  .button.mRight10 {
    margin-right: 1rem; }
  .button.mRight20 {
    margin-right: 2rem; }
  .button.mRight40 {
    margin-right: 4rem; }
  .button.mTop10 {
    margin-top: 1rem; }
  .button.mTop15 {
    margin-top: 1.5rem; }
  .button.mTop20 {
    margin-top: 2rem; }
  .button.mBot10 {
    margin-bottom: 1rem; }
  .button.mBot20 {
    margin-bottom: 2rem; }
  .button.caps {
    text-transform: uppercase; }
  .button.bold {
    font-family: "NespressoLucas-Bold", sans-serif; }
  .button.underline {
    text-decoration: underline; }
  .button.disabled {
    opacity: 0.5; }

/*	Icons */
.icon-search {
  background: url(../images/icon-search.svg) center center no-repeat;
  width: 2vw;
  height: 2vw;
  background-size: contain;
  display: inline-block;
  margin-right: 1rem; }

.icon-cart {
  background: url(../images/icon-cart.svg) center center no-repeat;
  width: 2vw;
  height: 1.9vw;
  background-size: contain;
  display: inline-block;
  margin-right: 1rem; }

.icon-upload {
  background: url(../images/icon-upload.svg) center center no-repeat;
  width: 2vw;
  height: 1.9vw;
  background-size: contain;
  display: inline-block;
  margin-right: 1rem; }

.icon-down-caret {
  background: url(../images/icon-arrow-down-grey.svg) no-repeat;
  width: 12px;
  height: 8px;
  display: inline-block;
  margin-right: 1rem; }

.icon-goto-top {
  background: url(../images/icon-goto-top.png) center top no-repeat;
  width: 7px;
  height: 16px;
  display: inline-block;
  margin-right: 1rem; }

.icon-error {
  background: url(../images/icon-error.png) center top no-repeat;
  width: 26px;
  height: 24px;
  display: inline-block;
  margin-right: 1rem; }

.icon-success {
  background: url(../images/icon-success.png) center top no-repeat;
  width: 26px;
  height: 24px;
  display: inline-block;
  margin-right: 1rem; }

.icon-menu {
  background: url(../images/icon-menu.png) center center no-repeat;
  width: 2vw;
  height: 2vw;
  background-size: contain;
  display: inline-block;
  margin-right: 1rem; }

.icon-add {
  background: #079AB1 url(../images/icon-add.svg) center center no-repeat;
  width: 4vw;
  height: 4vw;
  background-size: contain;
  display: inline-block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.icon-pencil {
  background: url(../images/icon-pencil.svg) center center no-repeat;
  width: 1.2vw;
  height: 1.2vw;
  background-size: contain;
  display: inline-block;
  margin-right: 1rem; }

/*Social*/
.icon-fb {
  background: url(../images/icon-fb.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }
  .icon-fb.black {
    background-image: url(../images/icon-fb-black.svg);
    width: 1.5vw;
    height: 1.5vw; }

.icon-tw {
  background: url(../images/icon-tw.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }
  .icon-tw.black {
    background-image: url(../images/icon-tw-black.svg);
    width: 1.5vw;
    height: 1.5vw; }

.icon-ig {
  background: url(../images/icon-ig.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-yt {
  background: url(../images/icon-yt.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-snapchat {
  background: url(../images/icon-snapchat.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-pi {
  background: url(../images/icon-pi.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-ellen-shop {
  background: url(../images/icon-ellen-shop.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-ed-ellen {
  background: url(../images/icon-ed-ellen.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-apps-games {
  background: url(../images/icon-apps-games.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-info {
  background: url(../images/icon-info.svg) center center no-repeat;
  width: 1vw;
  height: 2.3vw;
  background-size: contain;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }
  .icon-info.small {
    width: 0.6vw;
    height: 1.6vw;
    border: 1px solid #8F9195;
    -webkit-border-radius: 0.4vw;
    -khtml-border-radius: 0.4vw;
    -moz-border-radius: 0.4vw;
    -ms-border-radius: 0.4vw;
    -o-border-radius: 0.4vw;
    border-radius: 0.4vw;
    padding: 0.8rem 1rem; }

.icon-amazon-pay {
  background: url(../images/icon-amazon-pay.png) center center no-repeat;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -khtml-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -ms-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -o-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -webkit-border-radius: 0.8vw;
  -khtml-border-radius: 0.8vw;
  -moz-border-radius: 0.8vw;
  -ms-border-radius: 0.8vw;
  -o-border-radius: 0.8vw;
  border-radius: 0.8vw;
  width: 9vw;
  height: 3.4vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }

.icon-line {
  background: url(../images/icon-line.png) center center no-repeat;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -khtml-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -ms-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -o-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 16px 2px;
  -webkit-border-radius: 0.8vw;
  -khtml-border-radius: 0.8vw;
  -moz-border-radius: 0.8vw;
  -ms-border-radius: 0.8vw;
  -o-border-radius: 0.8vw;
  border-radius: 0.8vw;
  width: 3.4vw;
  height: 3.4vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }

.icon-favourite {
  background: url(../images/icon-favourite.svg) center center no-repeat;
  width: 1.8vw;
  height: 1.5vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle; }
  .icon-favourite.black {
    background-image: url(../images/icon-favourite-grey.svg); }

.icon-sound-mute {
  background: url(../images/icon-mute-sound.svg) center center no-repeat;
  width: 1vw;
  height: 1.8vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-delete {
  background: url(../images/icon-delete.svg) center center no-repeat;
  width: 1.8vw;
  height: 2.2vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle; }
  .icon-delete.white {
    background-image: url(../images/icon-delete-white.svg);
    margin-right: 0.5rem; }
  .icon-delete.small {
    width: 1.4vw;
    height: 1.8vw; }

.icon-trophy {
  background: url(../images/icon-trophy.svg) center center no-repeat;
  width: 1.5vw;
  height: 1.5vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle; }

.icon-classroom {
  background: #de2f2f url(../images/icon-classroom.svg) center center no-repeat;
  width: 2vw;
  height: 2vw;
  background-size: auto 80%;
  display: inline-block;
  vertical-align: middle; }

.icon-edit {
  background: #de2f2f url(../images/icon-pencil.svg) center center no-repeat;
  width: 2vw;
  height: 2vw;
  background-size: auto 80%;
  display: inline-block;
  vertical-align: middle; }

.icon-edit-t {
  background: url(../images/icon-edit.svg) center center no-repeat;
  width: 1.5vw;
  height: 1.5vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle; }

.icon-new-course {
  background: url(../images/icon-new-course.svg) center center no-repeat;
  width: 1.3vw;
  height: 1.9vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-new-coupon {
  background: url(../images/icon-new-coupon.svg) center center no-repeat;
  width: 1.6vw;
  height: 1.9vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-connect {
  background: url(../images/icon-connect.svg) center center no-repeat;
  width: 1.9vw;
  height: 1.8vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle; }

.icon-query {
  background: url(../images/icon-query.svg) center center no-repeat;
  width: 1.8vw;
  height: 1.8vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle; }

.icon-quick-lesson {
  background: url(../images/icon-quick-lesson.svg) center center no-repeat;
  width: 2vw;
  height: 1.5vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle; }

.icon-tick {
  background: url(../images/icon-tick-pink.svg) center center no-repeat;
  width: 2.7vw;
  height: 2vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-close {
  background: url(../images/btn-close.svg) center center no-repeat;
  width: 1.5vw;
  height: 1.5vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle; }
  .icon-close.yellow {
    background-image: url(../images/icon-close-yellow.svg); }

.icon-review {
  background: url(../images/icon-review.svg) center center no-repeat;
  width: 2.6vw;
  height: 1.5vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }
  .icon-review.white {
    background-image: url(../images/icon-review-white.svg); }

.icon-reference {
  background: url(../images/icon-reference.png) center center no-repeat;
  width: 1.4vw;
  height: 1.4vw;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }

/*Media query*/
@media screen and (max-width: 1180px) {
  .button.tinysize {
    font-size: 1.2vw; } }

@media screen and (max-width: 992px) {
  .button-container.large-margin {
    margin: 4rem 0; }
  .button.green {
    -webkit-border-radius: 0.6rem;
    -khtml-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
    border-radius: 0.6rem; }
  .button.large {
    font-size: 1.8rem; }
  .button.midsize {
    font-size: 1.5rem; }
  .button.smallsize {
    font-size: 1.3rem; }
  .button.tinysize {
    font-size: 1.2rem; }
  .icon-menu {
    width: 2.4rem;
    height: 2.4rem; }
  .icon-search {
    width: 2.4rem;
    height: 2.4rem; }
  .icon-cart {
    width: 2.4rem;
    height: 2.3rem; }
  .icon-upload {
    width: 2.4rem;
    height: 2.3rem; }
  .icon-add {
    width: 4rem;
    height: 4rem; }
  .icon-pencil {
    width: 1.5rem;
    height: 1.5rem; }
  .icon-fb, .icon-tw, .icon-yt, .icon-snapchat, .icon-ig, .icon-pi, .icon-ellen-shop, .icon-ed-ellen, .icon-apps-games {
    width: 1.6rem;
    height: 1.6rem; }
  .icon-info {
    width: 1rem;
    height: 2.3rem; }
  .icon-amazon-pay {
    width: 10rem;
    height: 4rem;
    -webkit-border-radius: 1rem;
    -khtml-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem; }
  .icon-line {
    width: 4rem;
    height: 4rem;
    -webkit-border-radius: 1rem;
    -khtml-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem; }
  .icon-favourite {
    width: 1.8rem;
    height: 1.5rem; }
  .icon-sound-mute {
    width: 1rem;
    height: 1.8rem; }
  .icon-delete {
    width: 1.8rem;
    height: 2.2rem; }
    .icon-delete.small {
      width: 1.4rem;
      height: 1.8rem; }
  .icon-trophy {
    width: 2.5rem;
    height: 2.5rem; }
  .icon-new-course {
    width: 1.5rem;
    height: 2.2rem; }
  .icon-new-coupon {
    width: 1.9rem;
    height: 2.2rem; }
  .icon-tick {
    width: 2.7rem;
    height: 2rem; }
  .icon-close {
    width: 1.5rem;
    height: 1.5rem; }
  .icon-classroom {
    width: 2.5rem;
    height: 2.5rem; }
  .icon-edit {
    width: 2.5rem;
    height: 2.5rem; }
  .icon-edit-t {
    width: 1.8rem;
    height: 1.8rem; }
  .icon-quick-lesson {
    width: 2.7rem;
    height: 2rem; }
  .icon-review {
    width: 2.6rem;
    height: 1.5rem; }
  .icon-reference {
    width: 1.5rem;
    height: 1.5rem; } }

@media screen and (max-width: 768px) {
  .button.large {
    font-size: 1.7rem; }
  .button.midsize {
    font-size: 1.5rem; }
  .button.smallsize {
    font-size: 1.4rem; }
  .button.tinysize {
    font-size: 1.3rem; }
  .button .icon-trophy {
    width: 2rem;
    height: 2rem; }
  .button.small {
    padding: 1rem 2rem; } }

/* All buttons */
/* Scss Document */
.form-container {
  padding-top: 3vw; }
  .form-container.contact-form {
    width: 70%;
    margin: 0 auto; }
  .form-container p {
    font-size: 1.3vw; }
  .form-container .form-element {
    position: relative;
    margin-bottom: 2rem;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */ }
    .form-container .form-element.pRight10 {
      padding-right: 10px; }
    .form-container .form-element.mTop15 {
      margin-top: 1.5rem; }
    .form-container .form-element.mTop20 {
      margin-top: 2rem; }
    .form-container .form-element.no-padding {
      padding: 0; }
    .form-container .form-element.small-margin {
      margin-bottom: 1vw; }
    .form-container .form-element label.title {
      display: block;
      font-size: 1.2rem;
      padding: 0.6vw 0;
      line-height: 1.3;
      color: #191919;
      text-transform: uppercase;
      font-family: "NespressoLucas-Bold", sans-serif; }
    .form-container .form-element input[type="text"], .form-container .form-element input[type="number"], .form-container .form-element select, .form-container .form-element input[type="date"], .form-container .form-element input[type="time"], .form-container .form-element input[type="tel"], .form-container .form-element input[type="password"], .form-container .form-element textarea {
      font-size: 1.6rem;
      font-family: "NespressoLucas-Regular", sans-serif;
      padding: 1vw;
      line-height: 1.3;
      background: #FFFFFF;
      border: 1px solid #666666;
      color: #191919;
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 0;
      -khtml-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .form-container .form-element input[type="text"].sm-padding, .form-container .form-element input[type="number"].sm-padding, .form-container .form-element select.sm-padding, .form-container .form-element input[type="date"].sm-padding, .form-container .form-element input[type="time"].sm-padding, .form-container .form-element input[type="tel"].sm-padding, .form-container .form-element input[type="password"].sm-padding, .form-container .form-element textarea.sm-padding {
        padding: 0.5vw 1vw; }
      .form-container .form-element input[type="text"]:focus, .form-container .form-element input[type="number"]:focus, .form-container .form-element select:focus, .form-container .form-element input[type="date"]:focus, .form-container .form-element input[type="time"]:focus, .form-container .form-element input[type="tel"]:focus, .form-container .form-element input[type="password"]:focus, .form-container .form-element textarea:focus {
        border-color: #828B99; }
    .form-container .form-element input[type="text"]:disabled, .form-container .form-element input[type="number"]:disabled, .form-container .form-element select:disabled, .form-container .form-element input[type="date"]:disabled, .form-container .form-element input[type="tel"]:disabled, .form-container .form-element input[type="password"]:disabled, .form-container .form-element textarea:disabled {
      opacity: 0.5;
      background-color: #aaaaad;
      border-color: #8F9195;
      color: #FFFFFF; }
      .form-container .form-element input[type="text"]:disabled::-webkit-input-placeholder, .form-container .form-element input[type="number"]:disabled::-webkit-input-placeholder, .form-container .form-element select:disabled::-webkit-input-placeholder, .form-container .form-element input[type="date"]:disabled::-webkit-input-placeholder, .form-container .form-element input[type="tel"]:disabled::-webkit-input-placeholder, .form-container .form-element input[type="password"]:disabled::-webkit-input-placeholder, .form-container .form-element textarea:disabled::-webkit-input-placeholder {
        color: #FFFFFF; }
      .form-container .form-element input[type="text"]:disabled:-moz-placeholder, .form-container .form-element input[type="number"]:disabled:-moz-placeholder, .form-container .form-element select:disabled:-moz-placeholder, .form-container .form-element input[type="date"]:disabled:-moz-placeholder, .form-container .form-element input[type="tel"]:disabled:-moz-placeholder, .form-container .form-element input[type="password"]:disabled:-moz-placeholder, .form-container .form-element textarea:disabled:-moz-placeholder {
        color: #FFFFFF;
        opacity: 1; }
      .form-container .form-element input[type="text"]:disabled::-moz-placeholder, .form-container .form-element input[type="number"]:disabled::-moz-placeholder, .form-container .form-element select:disabled::-moz-placeholder, .form-container .form-element input[type="date"]:disabled::-moz-placeholder, .form-container .form-element input[type="tel"]:disabled::-moz-placeholder, .form-container .form-element input[type="password"]:disabled::-moz-placeholder, .form-container .form-element textarea:disabled::-moz-placeholder {
        color: #FFFFFF;
        opacity: 1; }
      .form-container .form-element input[type="text"]:disabled:-ms-input-placeholder, .form-container .form-element input[type="number"]:disabled:-ms-input-placeholder, .form-container .form-element select:disabled:-ms-input-placeholder, .form-container .form-element input[type="date"]:disabled:-ms-input-placeholder, .form-container .form-element input[type="tel"]:disabled:-ms-input-placeholder, .form-container .form-element input[type="password"]:disabled:-ms-input-placeholder, .form-container .form-element textarea:disabled:-ms-input-placeholder {
        color: #FFFFFF; }
      .form-container .form-element input[type="text"]:disabled::placeholder, .form-container .form-element input[type="number"]:disabled::placeholder, .form-container .form-element select:disabled::placeholder, .form-container .form-element input[type="date"]:disabled::placeholder, .form-container .form-element input[type="tel"]:disabled::placeholder, .form-container .form-element input[type="password"]:disabled::placeholder, .form-container .form-element textarea:disabled::placeholder {
        color: #FFFFFF; }
    .form-container .form-element input::-webkit-outer-spin-button,
    .form-container .form-element input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .form-container .form-element input[type="number"] {
      -moz-appearance: textfield; }
    .form-container .form-element textarea {
      resize: none; }
    .form-container .form-element input[type="text"].disabled, .form-container .form-element input[type="number"].disabled, .form-container .form-element select:disabled, .form-container .form-element input[type="date"].disabled, .form-container .form-element input[type="tel"].disabled, .form-container .form-element input[type="password"].disabled, .form-container .form-element textarea.disabled {
      opacity: 0.5;
      background-color: #aaaaad;
      border-color: #8F9195;
      color: #FFFFFF; }
      .form-container .form-element input[type="text"].disabled::-webkit-input-placeholder, .form-container .form-element input[type="number"].disabled::-webkit-input-placeholder, .form-container .form-element select:disabled::-webkit-input-placeholder, .form-container .form-element input[type="date"].disabled::-webkit-input-placeholder, .form-container .form-element input[type="tel"].disabled::-webkit-input-placeholder, .form-container .form-element input[type="password"].disabled::-webkit-input-placeholder, .form-container .form-element textarea.disabled::-webkit-input-placeholder {
        color: #FFFFFF; }
      .form-container .form-element input[type="text"].disabled:-moz-placeholder, .form-container .form-element input[type="number"].disabled:-moz-placeholder, .form-container .form-element select:disabled:-moz-placeholder, .form-container .form-element input[type="date"].disabled:-moz-placeholder, .form-container .form-element input[type="tel"].disabled:-moz-placeholder, .form-container .form-element input[type="password"].disabled:-moz-placeholder, .form-container .form-element textarea.disabled:-moz-placeholder {
        color: #FFFFFF;
        opacity: 1; }
      .form-container .form-element input[type="text"].disabled::-moz-placeholder, .form-container .form-element input[type="number"].disabled::-moz-placeholder, .form-container .form-element select:disabled::-moz-placeholder, .form-container .form-element input[type="date"].disabled::-moz-placeholder, .form-container .form-element input[type="tel"].disabled::-moz-placeholder, .form-container .form-element input[type="password"].disabled::-moz-placeholder, .form-container .form-element textarea.disabled::-moz-placeholder {
        color: #FFFFFF;
        opacity: 1; }
      .form-container .form-element input[type="text"].disabled:-ms-input-placeholder, .form-container .form-element input[type="number"].disabled:-ms-input-placeholder, .form-container .form-element select:disabled:-ms-input-placeholder, .form-container .form-element input[type="date"].disabled:-ms-input-placeholder, .form-container .form-element input[type="tel"].disabled:-ms-input-placeholder, .form-container .form-element input[type="password"].disabled:-ms-input-placeholder, .form-container .form-element textarea.disabled:-ms-input-placeholder {
        color: #FFFFFF; }
      .form-container .form-element input[type="text"].disabled::placeholder, .form-container .form-element input[type="number"].disabled::placeholder, .form-container .form-element select:disabled::placeholder, .form-container .form-element input[type="date"].disabled::placeholder, .form-container .form-element input[type="tel"].disabled::placeholder, .form-container .form-element input[type="password"].disabled::placeholder, .form-container .form-element textarea.disabled::placeholder {
        color: #FFFFFF; }
    .form-container .form-element input[type="text"].pick-date {
      /*background-image:url(../images/icon-date.png); background-repeat:no-repeat; background-position: 95% center;*/ }
    .form-container .form-element input[type="date"]::before {
      content: attr(data-placeholder);
      width: 100%; }
    .form-container .form-element input[type="date"]:focus::before,
    .form-container .form-element input[type="date"]:valid::before {
      display: none; }
    .form-container .form-element select {
      line-height: 1.35;
      background-image: url(../images/icon-select-box.png);
      background-repeat: no-repeat;
      background-position: 95% center; }
    .form-container .form-element .info {
      font-size: 1.3rem;
      display: block;
      margin: 0.5rem 0; }
    .form-container .form-element .gj-datepicker-md [role=right-icon] {
      display: none; }
    .form-container .form-element.error label {
      color: #AD001D;
      position: relative; }
    .form-container .form-element.error .input-wrapper {
      position: relative; }
      .form-container .form-element.error .input-wrapper::before {
        content: '';
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
        background-image: url(../images/icon-error.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
    .form-container .form-element.error input[type="text"], .form-container .form-element.error input[type="number"], .form-container .form-element.error input[type="date"], .form-container .form-element.error input[type="time"], .form-container .form-element.error input[type="tel"], .form-container .form-element.error input[type="password"], .form-container .form-element.error textarea, .form-container .form-element.error .custom-select {
      border-color: #AD001D !important; }
    .form-container .form-element.error.state .input-wrapper::before {
      right: 3rem; }
    .form-container .form-element.correct label {
      position: relative; }
    .form-container .form-element.correct .input-wrapper {
      position: relative; }
      .form-container .form-element.correct .input-wrapper::before {
        content: '';
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
        background-image: url(../images/icon-correct.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
    .form-container .form-element.correct input[type="text"], .form-container .form-element.correct input[type="number"], .form-container .form-element.correct input[type="date"], .form-container .form-element.correct input[type="time"], .form-container .form-element.correct input[type="tel"], .form-container .form-element.correct input[type="password"], .form-container .form-element.correct textarea {
      border-color: #70D5AF !important; }
    .form-container .form-element.correct.state .input-wrapper::before {
      right: 3rem; }
  .form-container .float-left {
    width: 48%;
    float: left; }
  .form-container .float-right {
    width: 48%;
    float: right; }
  .form-container .form-recaptcha {
    position: relative;
    margin-bottom: 3vw; }
  .form-container .note {
    font-size: 1.2vw;
    margin-bottom: 1rem; }
    .form-container .note a:hover, .form-container .note afocus {
      text-decoration: underline; }
  .form-container .or {
    font-size: 1.4vw;
    font-weight: 600;
    text-align: center;
    margin: 0.5rem 0; }
  .form-container .error-msg {
    margin: 2rem 0 0;
    padding: 1rem 0;
    color: #AD001D;
    font-size: 1.4rem;
    line-height: 1.2; }
    .form-container .error-msg.no-margin-padding {
      margin: 0;
      padding: 0.4rem 0; }
    .form-container .error-msg li {
      display: block;
      margin-bottom: 0.5rem; }
  .form-container .success-message {
    margin: 1rem 0;
    color: #70D5AF;
    font-size: 1.2vw;
    line-height: 1.2;
    font-weight: 600; }
    .form-container .success-message li {
      display: block;
      margin-bottom: 0.5rem; }
  .form-container .click-details {
    font-size: 1vw;
    padding-left: 1vw;
    margin-left: 1vw;
    border-left: 2px solid #3f3d3d;
    color: #8F9195; }
    .form-container .click-details a {
      font-family: "NespressoLucas-Bold", sans-serif;
      text-decoration: underline;
      color: #8F9195; }

.add-business-container .form-container .form-element.float-left {
  clear: both; }

/* Custom input file */
.file-upload .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.file-upload .no-js .inputfile + label {
  display: none; }

.file-upload .inputfile + label {
  padding: 0;
  width: 100%;
  float: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden; }
  .file-upload .inputfile + label span {
    width: 80%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    float: left;
    font-size: 1.2vw;
    line-height: 1;
    font-family: "NespressoLucas-SemiBd", sans-serif;
    font-weight: 600;
    padding: 1vw;
    background: #3f3d3d;
    border: 2px solid #3f3d3d;
    color: #767676;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.4vw 0 0 0.4vw;
    -khtml-border-radius: 0.4vw 0 0 0.4vw;
    -moz-border-radius: 0.4vw 0 0 0.4vw;
    -ms-border-radius: 0.4vw 0 0 0.4vw;
    -o-border-radius: 0.4vw 0 0 0.4vw;
    border-radius: 0.4vw 0 0 0.4vw; }
  .file-upload .inputfile + label strong {
    font-size: 1.2vw;
    font-family: "NespressoLucas-SemiBd", sans-serif;
    font-weight: 600;
    padding: 1vw;
    position: relative;
    line-height: 1;
    text-align: center;
    width: 20%;
    background: #8F9195;
    border: 2px solid #8F9195;
    color: #FFFFFF;
    float: left;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 0.4vw 0.4vw 0;
    -khtml-border-radius: 0 0.4vw 0.4vw 0;
    -moz-border-radius: 0 0.4vw 0.4vw 0;
    -ms-border-radius: 0 0.4vw 0.4vw 0;
    -o-border-radius: 0 0.4vw 0.4vw 0;
    border-radius: 0 0.4vw 0.4vw 0; }

.file-upload.white .inputfile + label span {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  width: 74%; }

.file-upload.white .inputfile + label strong {
  font-size: 1.6rem;
  width: 26%;
  padding: 1.3rem 1rem; }

.file-upload.lightpink .inputfile + label span {
  background: #3f3d3d;
  border: 2px solid #3f3d3d;
  width: 74%; }

.file-upload.lightpink .inputfile + label strong {
  background: #3f3d3d;
  width: 26%;
  border-color: #3f3d3d;
  color: #8F9195; }
  .file-upload.lightpink .inputfile + label strong:before {
    content: "+";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 2vw;
    width: 2vw;
    height: 2.5vw; }

.file-upload.blue .inputfile + label span {
  background: #63479b;
  color: #FFFFFF;
  border: 2px solid #63479b;
  width: 74%; }

.file-upload.blue .inputfile + label strong {
  background: #63479b;
  width: 26%;
  border-color: #63479b;
  color: #FFFFFF; }
  .file-upload.blue .inputfile + label strong:before {
    content: "+";
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 2vw;
    width: 2vw;
    height: 2.5vw; }

.file-upload.whithe-btn .inputfile + label span {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  width: 74%; }

.file-upload.whithe-btn .inputfile + label strong {
  background: #FFFFFF;
  width: 26%;
  border-color: #FFFFFF;
  color: #8F9195; }
  .file-upload.whithe-btn .inputfile + label strong:before {
    content: "+";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 2vw;
    width: 2vw;
    height: 2.5vw; }

.file-upload.attached-img .inputfile + label span {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  width: 74%; }

.file-upload.attached-img .inputfile + label strong {
  background: url(../images/icon-attachment.svg) center center no-repeat;
  background-size: auto 80%;
  width: 26%;
  border-color: transparent;
  color: #8F9195; }

.file-upload.upload-img .inputfile + label {
  background: #FFFFFF;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  position: relative;
  border: 2px solid #191919; }
  .file-upload.upload-img .inputfile + label span {
    background-color: transparent;
    background-image: url(../images/icon-upload-image.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 80%;
    border: 0 none;
    width: 100%;
    padding-bottom: 30%; }
  .file-upload.upload-img .inputfile + label strong {
    background-color: transparent;
    width: 100%;
    border-color: transparent;
    color: #8F9195; }
    .file-upload.upload-img .inputfile + label strong:before {
      content: ""; }
  .file-upload.upload-img .inputfile + label img {
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover; }

.file-upload.upload-voice .inputfile + label span {
  background: #dce6f2;
  border: 2px solid #dce6f2;
  width: 70%; }

.file-upload.upload-voice .inputfile + label strong {
  background: #dce6f2;
  width: 30%;
  border-color: #dce6f2;
  color: #8F9195; }
  .file-upload.upload-voice .inputfile + label strong:before {
    content: "+";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 2vw;
    width: 2vw;
    height: 2.5vw; }

.file-upload.upload-video .inputfile + label {
  background: #f1e5e5;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  position: relative; }
  .file-upload.upload-video .inputfile + label span {
    background-color: transparent;
    background-image: url(../images/img-video-thumb.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 80%;
    border: 0 none;
    width: 100%;
    padding-bottom: 30%; }
  .file-upload.upload-video .inputfile + label strong {
    background-color: transparent;
    width: 100%;
    border-color: transparent;
    color: #8F9195; }
    .file-upload.upload-video .inputfile + label strong:before {
      content: ""; }
  .file-upload.upload-video .inputfile + label img {
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover; }

.file-upload.switched {
  /*For button first*/ }
  .file-upload.switched .inputfile + label span {
    float: right;
    width: 62%;
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
  .file-upload.switched .inputfile + label strong {
    float: left;
    width: 35%;
    font-size: 1.6rem;
    padding: 1.3rem 1rem;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }

.file-upload.right {
  float: right; }

.file-upload .preview-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  padding-bottom: 100%;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

/*	Checkbox */
.checkbox {
  text-align: left;
  color: #191919;
  margin: 0 0 1.5rem;
  font-size: 1.2vw; }
  .checkbox input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .checkbox input[type=checkbox].css-checkbox + label.css-label {
    text-indent: 0;
    padding-left: 3rem;
    font-weight: 600;
    min-height: 31px;
    line-height: 31px;
    background-repeat: no-repeat;
    background-position: 0 1px;
    vertical-align: middle;
    cursor: pointer; }
  .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -176px; }
  .checkbox input[type=checkbox].css-checkbox + label.css-label.error {
    background-position: 0 -437x; }
  .checkbox input[type=checkbox].css-checkbox:checked + label.css-label.error {
    background-position: 0 -216px; }
  .checkbox input[type=checkbox].css-checkbox:disabled + label.css-label {
    opacity: 0.5; }
  .checkbox label.css-label {
    display: inline-block;
    background-image: url(../images/chk-box.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .checkbox label.css-label a {
      color: #191919;
      text-decoration: underline; }
  .checkbox--white label.css-label {
    background-image: url(../images/chk-box-white.png); }
  .checkbox--black label.css-label {
    background-image: url(../images/chk-box-black.png); }
  .checkbox.mLeft10 {
    margin-left: 1rem; }
  .checkbox.mRight10 {
    margin-right: 1rem; }
  .checkbox.mTop20 {
    margin-top: 2rem; }
  .checkbox.mRight20 {
    margin-right: 2rem; }
  .checkbox.mBottom20 {
    margin-bottom: 2rem; }

.checkboxGroup {
  padding: 1rem; }
  .checkboxGroup.checkbox-inline .checkbox {
    display: inline-block;
    margin-right: 2rem; }
    .checkboxGroup.checkbox-inline .checkbox.no-margin {
      margin: 0; }
  .checkboxGroup.checkbox-inline.no-padding {
    padding: 0; }

/*Pure CSS checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
  /*Other Color*/ }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    color: #191919;
    font-size: 1.4vw; }
  .styled-checkbox + label:before {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 2.5rem;
    height: 2.5rem;
    background: #FFFFFF;
    border: 2px solid #191919;
    margin-right: 1rem;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .styled-checkbox:disabled + label:before {
    box-shadow: none; }
  .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 11px;
    background: #191919;
    width: 3px;
    height: 3px;
    box-shadow: 2px 0 0 #191919, 4px 0 0 #191919, 4px -2px 0 #191919, 4px -4px 0 #191919, 4px -6px 0 #191919, 4px -8px 0 #191919;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(
 M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; }
  .styled-checkbox.small + label:before {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.1vw;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
  .styled-checkbox.large + label:before {
    width: 5rem;
    height: 5rem;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
  .styled-checkbox.large:checked + label:after {
    width: 7px;
    height: 7px;
    box-shadow: 7px 0 0 #8F9195, 14px 0 0 #8F9195, 14px -7px 0 #8F9195, 14px -14px 0 #8F9195, 14px -20px 0 #8F9195, 14px -26px 0 #8F9195;
    left: 8px;
    top: 40%; }
  .styled-checkbox.pink + label:before {
    background: #f1e5e5;
    margin-right: 1rem; }
  .styled-checkbox.white + label {
    color: #FFFFFF; }
  .styled-checkbox.white + label:before {
    background: none;
    border: 2px solid #FFFFFF;
    margin-right: 1rem; }
  .styled-checkbox.white:checked + label:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    background: #FFFFFF;
    width: 1.5rem;
    height: 1.5rem;
    box-shadow: none;
    -webkit-transform: rotate(0deg);
    -khtml-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(
 M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; }

/*	Radio */
.radiobutton {
  margin: 0;
  font-size: 1.2vw;
  color: #8F9195;
  font-family: "NespressoLucas-SemiBd", sans-serif; }
  .radiobutton input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .radiobutton input[type=radio].css-checkbox + label.css-label {
    padding-left: 3.5rem;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer; }
  .radiobutton input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -432px; }
  .radiobutton label.css-label {
    background-image: url(../images/radio-button.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .radiobutton label.css-label a {
      color: #191919;
      text-decoration: underline; }
  .radiobutton--white {
    margin-bottom: 1rem; }
    .radiobutton--white label.css-label {
      background-image: url(../images/radio-button-white.png); }
  .radiobutton--black label.css-label {
    background-image: url(../images/radio-button-black.png); }

/*	Pure css Radio - without image */
.radio-item {
  font-size: 1.2vw;
  color: #8F9195;
  font-family: "NespressoLucas-SemiBd", sans-serif;
  font-weight: 500;
  position: relative;
  margin-right: 2vw; }
  .radio-item .radio-btn {
    position: absolute;
    opacity: 0;
    visibility: hidden; }
    .radio-item .radio-btn:checked + .radio-label::before {
      background: #63479b; }
  .radio-item .radio-label {
    position: relative;
    display: block;
    padding: 0 0 0 3vw;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    -khtml-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; }
    .radio-item .radio-label::before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      height: 2vw;
      width: 2vw;
      margin-right: 1vw;
      background: #fec23e;
      border-color: #191919;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-transition: all 0.25s linear;
      -khtml-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      transition: all 0.25s linear; }

.radioGroup .radiobutton {
  float: left;
  margin-right: 2rem; }

.radioGroup.no-float {
  float: none; }
  .radioGroup.no-float .radiobutton {
    float: none;
    margin-bottom: 2rem; }

/*	Select box */
.custom-select, .custom-select-ajax {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "NespressoLucas-SemiBd", sans-serif;
  background: url(../images/dropdown-arrow.png) no-repeat right 12px center;
  background-size: 15px 9px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.2vw;
  padding: 0.8vw 2.5vw 0.8vw 1.2vw;
  line-height: 1.4;
  width: 100%;
  position: relative;
  border: 0 solid #8F9195;
  color: #767676;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  cursor: pointer; }
  .custom-select.error, .custom-select-ajax.error {
    border-color: #E10027; }
  .custom-select:disabled, .custom-select.disabled, .custom-select-ajax:disabled, .custom-select-ajax.disabled {
    opacity: 0.5;
    background-color: #8F9195;
    border-color: #8F9195;
    color: #FFFFFF; }
  .custom-select option:hover, .custom-select-ajax option:hover {
    background-color: #8F9195; }
  .custom-select.mLeft10, .custom-select-ajax.mLeft10 {
    margin-left: 1rem; }
  .custom-select.mRight10, .custom-select-ajax.mRight10 {
    margin-right: 1rem; }
  .custom-select.mTop20, .custom-select-ajax.mTop20 {
    margin-right: 2rem; }
  .custom-select.mRight20, .custom-select-ajax.mRight20 {
    margin-right: 2rem; }
  .custom-select.mBottom20, .custom-select-ajax.mBottom20 {
    margin-bottom: 2rem; }
  .custom-select.white, .custom-select-ajax.white {
    color: #8F9195;
    background-color: #FFFFFF;
    border-color: #8F9195;
    background-image: url(../images/icon-arrow-down-grey.svg); }
  .custom-select.grey, .custom-select-ajax.grey {
    background-color: #f1f1f1;
    border-color: #f4f2f2;
    border-width: 1px;
    color: #8F9195;
    background-image: url(../images/icon-arrow-down-grey.svg); }
  .custom-select.blue, .custom-select-ajax.blue {
    background-color: #079AB1;
    border-color: #079AB1; }
  .custom-select.small-padding, .custom-select-ajax.small-padding {
    padding: 0.6vw 2vw 0.6vw 1vw; }
  .custom-select.tiny-padding, .custom-select-ajax.tiny-padding {
    padding: 0.2vw 2vw 0.2vw 1vw;
    border: 0 none; }
  .custom-select.fixed-padding, .custom-select-ajax.fixed-padding {
    padding: 1.2rem 2rem; }
  .custom-select.small-size, .custom-select-ajax.small-size {
    font-size: 1.1vw; }
  .custom-select.large, .custom-select-ajax.large {
    font-size: 1.4vw; }
  .custom-select.full-width, .custom-select-ajax.full-width {
    width: 100%; }
  .custom-select.s-hidden, .custom-select-ajax.s-hidden {
    opacity: 0; }

/* Select box - remove default arrow in IE */
select::-ms-expand {
  display: none; }

.select {
  text-align: left;
  font-family: "NespressoLucas-SemiBd", sans-serif;
  font-size: 1.2vw;
  line-height: 1.4;
  -webkit-border-radius: 1.5vw;
  -khtml-border-radius: 1.5vw;
  -moz-border-radius: 1.5vw;
  -ms-border-radius: 1.5vw;
  -o-border-radius: 1.5vw;
  border-radius: 1.5vw;
  width: auto;
  border: 0 none; }
  .select .styledSelect {
    border: 0 solid #8F9195;
    background: #8F9195 url(../images/icon-arrow-down-white.svg) no-repeat right 12px center;
    background-size: 13px 8px;
    color: #FFFFFF;
    -webkit-border-radius: 1.5vw;
    -khtml-border-radius: 1.5vw;
    -moz-border-radius: 1.5vw;
    -ms-border-radius: 1.5vw;
    -o-border-radius: 1.5vw;
    border-radius: 1.5vw;
    padding: 0.8vw 1.5vw;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .select .styledSelect:after {
      display: none; }
    .select .styledSelect.active, .select .styledSelect:active {
      -webkit-border-radius: 1.2vw 1.2vw 0 0;
      -khtml-border-radius: 1.2vw 1.2vw 0 0;
      -moz-border-radius: 1.2vw 1.2vw 0 0;
      -ms-border-radius: 1.2vw 1.2vw 0 0;
      -o-border-radius: 1.2vw 1.2vw 0 0;
      border-radius: 1.2vw 1.2vw 0 0; }
  .select .options {
    max-height: 250px;
    overflow: auto;
    border: 0 none; }
    .select .options li {
      padding: 0.6vw 1vw 0.6vw 1.5vw;
      background-color: #8F9195;
      color: #FFFFFF;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .select .options li:hover {
        background-color: #f4f2f2; }
      .select .options li:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .select.white .styledSelect {
    color: #8F9195;
    background-color: #FFFFFF;
    background-image: url(../images/icon-arrow-down-grey.svg); }
    .select.white .styledSelect.active {
      background-image: url(../images/icon-arrow-up-grey.svg); }
  .select.white .options li {
    color: #8F9195;
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(41, 41, 53, 0.2); }
    .select.white .options li:hover {
      background-color: #3f3d3d; }
    .select.white .options li:first-child {
      border-top: 1px solid rgba(41, 41, 53, 0.2); }
  .select.blue .styledSelect {
    color: #FFFFFF;
    background-color: #079AB1;
    background-image: url(../images/icon-arrow-down-white.svg); }
    .select.blue .styledSelect.active {
      background-image: url(../images/icon-arrow-up-white.svg); }
  .select.blue .options li {
    color: #FFFFFF;
    background-color: #079AB1; }
    .select.blue .options li:hover {
      background-color: #FFFFFF;
      color: #079AB1; }
  .select.small-padding .styledSelect {
    padding: 0.6vw 1.5vw 0.6vw 1vw; }
  .select.small-padding .options li {
    padding: 0.3vw 1.5vw 0.3vw 1vw; }
  .select.small-size {
    font-size: 1.1vw; }
  .select.full-width {
    width: 100%; }
  .select.mLeft10 {
    margin-left: 1rem; }
  .select.mLeft20 {
    margin-left: 2rem; }

/*Multi Select Listbox*/
.ms-container {
  font-size: 1.2vw; }
  .ms-container .ms-selectable {
    background: #f1e5e5;
    padding: 1vw;
    -webkit-border-radius: 0.4vw;
    -khtml-border-radius: 0.4vw;
    -moz-border-radius: 0.4vw;
    -ms-border-radius: 0.4vw;
    -o-border-radius: 0.4vw;
    border-radius: 0.4vw;
    max-height: 10rem;
    overflow: auto; }
    .ms-container .ms-selectable li {
      padding: 0.5rem;
      cursor: pointer; }
      .ms-container .ms-selectable li:hover {
        background: #de2f2f; }
  .ms-container .ms-selection {
    margin: 1rem 0; }
    .ms-container .ms-selection li {
      padding: 0.5rem 3rem 0.5rem  1rem;
      background: #f1e5e5;
      display: inline-block;
      margin-right: 1rem;
      margin-bottom: 0.5rem;
      position: relative;
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
      .ms-container .ms-selection li.ms-elem-selection {
        cursor: pointer; }
        .ms-container .ms-selection li.ms-elem-selection:after {
          content: "-";
          position: absolute;
          text-align: center;
          font-weight: 600;
          background: #8F9195;
          color: #FFFFFF;
          width: 2rem;
          height: 2rem;
          font-size: 2rem;
          -webkit-border-radius: 50%;
          -khtml-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          right: -0.5rem;
          top: -0.5rem;
          line-height: 1; }

/*Custon On/Off Switch button*/
.switch {
  position: relative;
  display: inline-block;
  width: 7rem;
  height: 2rem;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle; }
  .switch input {
    display: none; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8F9195;
    -webkit-border-radius: 1rem;
    -khtml-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem; }
    .switch .slider:before {
      position: absolute;
      content: "";
      height: 3rem;
      width: 40%;
      left: 0%;
      bottom: -0.5rem;
      background-color: #FFFFFF;
      -webkit-transition: all 0.4s ease-in-out;
      -khtml-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
  .switch input:checked + .slider {
    background-color: #132A3E; }
  .switch input:focus + .slider {
    box-shadow: 0 0 1px #132A3E; }
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(150%);
    -khtml-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -ms-transform: translateX(150%);
    -o-transform: translateX(150%);
    transform: translateX(150%); }
  .switch.black input:checked + .slider {
    background-color: #aaaaad; }
  .switch.black input:focus + .slider {
    box-shadow: 0 0 1px #aaaaad; }
  .switch.black .slider {
    background-color: #aaaaad; }
    .switch.black .slider:before {
      background-color: #191919; }
  .switch.green input:checked + .slider {
    background-color: #70D5AF; }
  .switch.green input:focus + .slider {
    box-shadow: 0 0 1px #70D5AF; }
  .switch.small {
    width: 6rem;
    height: 3rem; }
    .switch.small .slider:before {
      height: 70%;
      bottom: 15%; }

/*Coustom multiselect*/
.custom-multi-select .fs-label-wrap {
  border: 0 none;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  font-family: "NespressoLucas-SemiBd", sans-serif;
  font-weight: 600;
  background: #f1f1f1; }
  .custom-multi-select .fs-label-wrap .fs-label {
    padding: 1vw 2.5vw 1vw 2vw;
    font-size: 1.2vw;
    cursor: pointer; }

.custom-multi-select .fs-dropdown {
  background: #de2f2f;
  padding: 1vw;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  border: 0 none;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.custom-multi-select .fs-search {
  background: #E10027;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  padding: 0.5vw;
  margin-bottom: 1rem; }
  .custom-multi-select .fs-search input {
    background: none;
    color: #FFFFFF;
    padding: 0; }
    .custom-multi-select .fs-search input::-webkit-input-placeholder {
      color: #FFFFFF; }
    .custom-multi-select .fs-search input:-moz-placeholder {
      color: #FFFFFF;
      opacity: 1; }
    .custom-multi-select .fs-search input::-moz-placeholder {
      color: #FFFFFF;
      opacity: 1; }
    .custom-multi-select .fs-search input:-ms-input-placeholder {
      color: #FFFFFF; }
    .custom-multi-select .fs-search input::placeholder {
      color: #FFFFFF; }

.custom-multi-select .fs-option, .custom-multi-select .fs-search, .custom-multi-select .fs-optgroup-label {
  border-bottom: 0 none; }

.custom-multi-select .fs-option {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 1.2vw;
  padding-left: 0;
  padding-right: 30px; }
  .custom-multi-select .fs-option.selected .fs-checkbox i {
    background: #E10027; }

.custom-multi-select .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background: #E10027; }

.custom-multi-select .fs-wrap.multiple .fs-checkbox {
  left: auto;
  right: 0; }
  .custom-multi-select .fs-wrap.multiple .fs-checkbox i {
    border: 0 none;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }

/*Css custom range*/
.custom-range input[type="range"] {
  background: #FFFFFF;
  width: 70%;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  margin-top: 18px; }
  .custom-range input[type="range"]:hover {
    opacity: 1; }
  .custom-range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15%;
    height: 8px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #63479b;
    cursor: pointer; }
  .custom-range input[type="range"]::-moz-range-thumb {
    width: 15%;
    height: 8px;
    background: #63479b;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

.custom-range p {
  font-size: 1.3vw;
  color: #fec23e;
  text-align: right; }
  .custom-range p small {
    color: #FFFFFF;
    display: block;
    font-size: 1vw; }

/* Range slider */
.noUi-target {
  border: 0; }
  .noUi-target.noUi-horizontal {
    height: 7px;
    background: #666666; }
    .noUi-target.noUi-horizontal .noUi-handle {
      width: 4px;
      height: 20px;
      right: -1px !important;
      background-color: #63479b;
      box-shadow: none;
      border: 0; }
      .noUi-target.noUi-horizontal .noUi-handle:before, .noUi-target.noUi-horizontal .noUi-handle:after {
        display: none; }

/*Custom css for select2 plugin*/
.custom-select-js {
  float: left;
  width: 18vw;
  font-size: 1.2vw;
  font-weight: 400;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  font-family: "NespressoLucas-Regular", sans-serif;
  color: #8F9195;
  background-image: url(../images/icon-arrow-down-black.svg);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 13px 8px; }
  .custom-select-js.width20 {
    width: 30%; }
  .custom-select-js.width40 {
    width: 50%; }
  .custom-select-js.width60 {
    width: 74%; }
  .custom-select-js.full-width {
    width: 100%; }
  .custom-select-js.auto-width {
    width: auto; }
  .custom-select-js.white {
    background-color: #FFFFFF;
    border-color: #FFFFFF; }
  .custom-select-js.grey {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    color: #8F9195; }
  .custom-select-js.blue {
    background-color: #079AB1;
    border-color: #079AB1;
    color: #FFFFFF; }
  .custom-select-js.margin-bot {
    margin-bottom: 2rem; }
  .custom-select-js.margin-left {
    margin-left: 2%; }
  .custom-select-js.no-float {
    float: none; }
  .custom-select-js.mLeft10 {
    margin-left: 1rem; }
  .custom-select-js.mRight10 {
    margin-right: 1rem; }

.select2-container {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "NespressoLucas-SemiBd", sans-serif;
  background-size: 13px 8px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4vw;
  padding: 0;
  line-height: 1;
  width: auto;
  position: relative;
  border: 0 solid #f1f1f1;
  color: #8F9195;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  cursor: pointer; }

.select2-container--default .select2-selection--single {
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  padding: 0.6vw 1.4vw;
  text-align: left;
  height: auto;
  border-width: 2px;
  border-color: #FFFFFF;
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
  font-family: "NespressoLucas-Regular", sans-serif;
  color: #8F9195; }
  .select2-container--default .select2-selection--single.mLeft10 {
    margin-left: 1rem; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    line-height: normal;
    color: #8F9195; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../images/icon-arrow-down.png) no-repeat center top;
    background-size: 70% auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    right: 2%; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      display: none; }

/*Select 2*/
.select2-container--default .select2-selection--multiple {
  border-width: 2px;
  border-color: #191919;
  font-family: "NespressoLucas-Regular", sans-serif;
  color: #8F9195;
  width: 100%;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  padding: 0.7vw 1.4vw;
  background: #FFFFFF url(../images/icon-arrow-down-black.svg) no-repeat right 12px center;
  background-size: 13px 8px; }
  .select2-container--default .select2-selection--multiple input[type="search"] {
    padding: 0; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      background-color: #FFFFFF;
      -webkit-border-radius: 0.4vw;
      -khtml-border-radius: 0.4vw;
      -moz-border-radius: 0.4vw;
      -ms-border-radius: 0.4vw;
      -o-border-radius: 0.4vw;
      border-radius: 0.4vw; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 1.4rem; }

.select2-container--default.select2-container {
  /*width: 60% !important;*/
  z-index: 10000; }

.select2-container .select2-search--inline .select2-search__field {
  margin: 0; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-width: 2px; }

.select2-search--dropdown {
  padding: 0; }
  .select2-search--dropdown .select2-search__field {
    padding: 0.5rem 1rem;
    line-height: 1; }

.select2-results__options .select2-results__option {
  background: #FFFFFF;
  color: #8F9195;
  padding: 1rem;
  border: 1px solid #f4f2f2;
  border-top-width: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  padding: 5px 6px; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #079AB1;
  color: #FFFFFF; }

.select2-container--open .select2-dropdown--below {
  border: 0 none; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: transparent;
  -webkit-border-radius: 0.6vw;
  -khtml-border-radius: 0.6vw;
  -moz-border-radius: 0.6vw;
  -ms-border-radius: 0.6vw;
  -o-border-radius: 0.6vw;
  border-radius: 0.6vw;
  padding: 1rem 1.5rem;
  font-size: 1.4rem; }

.select2-container--default .select2-selection--single {
  font-size: 1.2vw;
  padding: 0.8vw 1.4vw; }

/* Select box - remove default arrow in IE */
select::-ms-expand {
  display: none; }

/*Multi Select Listbox*/
.ms-container {
  font-size: 1.1vw; }
  .ms-container .ms-selectable {
    background: #f1e5e5;
    padding: 1vw;
    -webkit-border-radius: 0.4vw;
    -khtml-border-radius: 0.4vw;
    -moz-border-radius: 0.4vw;
    -ms-border-radius: 0.4vw;
    -o-border-radius: 0.4vw;
    border-radius: 0.4vw;
    max-height: 10rem;
    overflow: auto; }
    .ms-container .ms-selectable li {
      padding: 0.5rem;
      cursor: pointer; }
      .ms-container .ms-selectable li:hover {
        background: #de2f2f; }
  .ms-container .ms-selection {
    margin: 1rem 0; }
    .ms-container .ms-selection li {
      padding: 0.5rem 3rem 0.5rem  1rem;
      background: #f1e5e5;
      display: inline-block;
      margin-right: 1rem;
      margin-bottom: 0.5rem;
      position: relative;
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
      .ms-container .ms-selection li.ms-elem-selection {
        cursor: pointer; }
        .ms-container .ms-selection li.ms-elem-selection:after {
          content: "-";
          position: absolute;
          text-align: center;
          font-weight: 600;
          background: #8F9195;
          color: #FFFFFF;
          width: 2rem;
          height: 2rem;
          font-size: 2rem;
          -webkit-border-radius: 50%;
          -khtml-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          right: -0.5rem;
          top: -0.5rem;
          line-height: 1; }

/*Custon On/Off Switch button*/
.switch {
  position: relative;
  display: inline-block;
  width: 7rem;
  height: 2rem;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle; }
  .switch input {
    display: none; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8F9195;
    -webkit-border-radius: 1rem;
    -khtml-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem; }
    .switch .slider:before {
      position: absolute;
      content: "";
      height: 3rem;
      width: 40%;
      left: 0%;
      bottom: -0.5rem;
      background-color: #FFFFFF;
      -webkit-transition: all 0.4s ease-in-out;
      -khtml-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
  .switch input:checked + .slider {
    background-color: #132A3E; }
  .switch input:focus + .slider {
    box-shadow: 0 0 1px #132A3E; }
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(150%);
    -khtml-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -ms-transform: translateX(150%);
    -o-transform: translateX(150%);
    transform: translateX(150%); }
  .switch.black input:checked + .slider {
    background-color: #aaaaad; }
  .switch.black input:focus + .slider {
    box-shadow: 0 0 1px #aaaaad; }
  .switch.black .slider {
    background-color: #aaaaad; }
    .switch.black .slider:before {
      background-color: #191919; }
  .switch.green input:checked + .slider {
    background-color: #70D5AF; }
  .switch.green input:focus + .slider {
    box-shadow: 0 0 1px #70D5AF; }
  .switch.small {
    width: 6rem;
    height: 3rem; }
    .switch.small .slider:before {
      height: 70%;
      bottom: 15%; }

/*Coustom multiselect*/
.custom-multi-select .fs-label-wrap {
  border: 0 none;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  font-family: "NespressoLucas-SemiBd", sans-serif;
  font-weight: 500;
  background: #f1f1f1; }
  .custom-multi-select .fs-label-wrap .fs-label {
    padding: 1vw 2.5vw 1vw 2vw;
    font-size: 1.1vw;
    cursor: pointer; }

.custom-multi-select .fs-dropdown {
  background: #de2f2f;
  padding: 1vw;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  border: 0 none;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.custom-multi-select .fs-search {
  background: #E10027;
  -webkit-border-radius: 0.4vw;
  -khtml-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
  border-radius: 0.4vw;
  padding: 0.5vw;
  margin-bottom: 1rem; }
  .custom-multi-select .fs-search input {
    background: none;
    color: #FFFFFF;
    padding: 0; }
    .custom-multi-select .fs-search input::-webkit-input-placeholder {
      color: #FFFFFF; }
    .custom-multi-select .fs-search input:-moz-placeholder {
      color: #FFFFFF;
      opacity: 1; }
    .custom-multi-select .fs-search input::-moz-placeholder {
      color: #FFFFFF;
      opacity: 1; }
    .custom-multi-select .fs-search input:-ms-input-placeholder {
      color: #FFFFFF; }
    .custom-multi-select .fs-search input::placeholder {
      color: #FFFFFF; }

.custom-multi-select .fs-option, .custom-multi-select .fs-search, .custom-multi-select .fs-optgroup-label {
  border-bottom: 0 none; }

.custom-multi-select .fs-option {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 1.1vw;
  padding-left: 0;
  padding-right: 30px; }
  .custom-multi-select .fs-option.selected .fs-checkbox i {
    background: #E10027; }

.custom-multi-select .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background: #E10027; }

.custom-multi-select .fs-wrap.multiple .fs-checkbox {
  left: auto;
  right: 0; }
  .custom-multi-select .fs-wrap.multiple .fs-checkbox i {
    border: 0 none;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }

ul.autocomplete-drop {
  clear: both; }
  ul.autocomplete-drop li {
    font-size: 1.4vw; }

.form-container .form-element.error .g-recaptcha .recaptcha-checkbox-border {
  border: 2px solid #E10027; }

.upload-container {
  margin-top: 6rem;
  color: #FFFFFF;
  margin-bottom: 3rem;
  padding: 4rem 4%;
  background: #030512 url(../images/bg-upload-receipt.jpeg) no-repeat center top; }
  .upload-container h5 {
    font-size: 3.3vw;
    color: #fec23e;
    font-family: "NespressoLucas-Bold", sans-serif;
    margin-bottom: 1vw; }
  .upload-container .copy {
    padding: 0 5% 0 8%;
    line-height: 1.4; }
    .upload-container .copy a {
      color: #FFFFFF; }
    .upload-container .copy p {
      font-size: 2rem; }
  .upload-container .upload-photo {
    width: 100%;
    margin-bottom: 1rem; }
    .upload-container .upload-photo .uploader {
      position: relative;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%; }
      .upload-container .upload-photo .uploader .name-container {
        width: 100%; }
      .upload-container .upload-photo .uploader p {
        font-size: 1.8rem;
        word-break: break-all;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        line-height: 1.3;
        text-align: center;
        position: relative;
        background-color: #132A3E;
        border: 2px dotted rgba(85, 85, 85, 0.56);
        padding: 1rem 2.5rem;
        height: 250px;
        max-height: 250px;
        overflow-y: auto;
        width: 100%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
        .upload-container .upload-photo .uploader p span {
          cursor: pointer;
          position: relative;
          background: #191919;
          padding: 1rem 3rem;
          -webkit-border-radius: 3rem;
          -khtml-border-radius: 3rem;
          -moz-border-radius: 3rem;
          -ms-border-radius: 3rem;
          -o-border-radius: 3rem;
          border-radius: 3rem; }
          .upload-container .upload-photo .uploader p span strong {
            font-weight: 400;
            font-family: "NespressoLucas-Bold", sans-serif;
            text-decoration: underline; }
          .upload-container .upload-photo .uploader p span:after {
            content: ""; }
  .upload-container #upload, .upload-container #uploadBarcode, .upload-container #uploadRecipt {
    font-size: 2vw;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    display: inline-block; }
  .upload-container.error {
    border: 3px solid #AD001D; }
  .upload-container .file-upload-en_gb, .upload-container .file-upload-fr, .upload-container .file-upload-en, .upload-container .file-upload-sp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .upload-container .file-upload-en_gb .upload-photo .uploader p, .upload-container .file-upload-fr .upload-photo .uploader p, .upload-container .file-upload-en .upload-photo .uploader p, .upload-container .file-upload-sp .upload-photo .uploader p {
      max-height: 12vw;
      height: 12vw;
      word-break: keep-all;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .upload-container .file-upload-en_gb .upload-photo .uploader p span, .upload-container .file-upload-fr .upload-photo .uploader p span, .upload-container .file-upload-en .upload-photo .uploader p span, .upload-container .file-upload-sp .upload-photo .uploader p span {
        font-size: 1.6rem; }
      .upload-container .file-upload-en_gb .upload-photo .uploader p span:first-child:after, .upload-container .file-upload-fr .upload-photo .uploader p span:first-child:after, .upload-container .file-upload-en .upload-photo .uploader p span:first-child:after, .upload-container .file-upload-sp .upload-photo .uploader p span:first-child:after {
        content: none; }

/*Media query*/
@media screen and (max-width: 1180px) {
  .form-container .note, .form-container .or, .form-container .error-message, .form-container .success-message, .form-container .error_msg {
    font-size: 1.5vw; }
  .form-container .click-details {
    font-size: 1.2vw; }
  .checkbox {
    font-size: 1.5vw; }
  .radiobutton {
    font-size: 1.5vw; }
  .radio-item {
    font-size: 1.5vw; }
  .searchFilter-content-panel .radio-item {
    font-size: 1.5rem; }
  .styled-checkbox + label {
    font-size: 1.5vw; }
  .custom-select {
    font-size: 1.5vw; }
    .custom-select.small-size {
      font-size: 1.4vw; }
    .custom-select.large {
      font-size: 1.6vw; }
  .select {
    font-size: 1.5vw; }
  .ms-container {
    font-size: 1.5vw; }
  .custom-multi-select .fs-label-wrap .fs-label {
    font-size: 1.5vw;
    padding: 1rem 2.5rem 1rem 2rem; }
  .custom-multi-select .fs-dropdown {
    padding: 1rem; }
  .custom-multi-select .fs-search {
    font-size: 1.2vw;
    padding: 0.5rem; }
  .custom-multi-select .fs-option {
    font-size: 1.5vw; }
  /* Custom input file */
  .file-upload .inputfile + label span {
    font-size: 1.5vw; }
  .file-upload .inputfile + label strong {
    font-size: 1.5vw; }
  .custom-range input[type="range"] {
    margin-top: 15px; } }

@media screen and (max-width: 992px) {
  .form-container p {
    font-size: 1.3rem; }
  .form-container .form-element {
    margin-bottom: 2rem; }
    .form-container .form-element input[type="text"], .form-container .form-element input[type="number"], .form-container .form-element input[type="date"], .form-container .form-element input[type="time"], .form-container .form-element input[type="tel"], .form-container .form-element input[type="password"], .form-container .form-element select, .form-container .form-element textarea {
      font-size: 1.5rem;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 0;
      -khtml-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      padding: 0.5rem 1rem 1rem; }
      .form-container .form-element input[type="text"].sm-padding, .form-container .form-element input[type="number"].sm-padding, .form-container .form-element input[type="date"].sm-padding, .form-container .form-element input[type="time"].sm-padding, .form-container .form-element input[type="tel"].sm-padding, .form-container .form-element input[type="password"].sm-padding, .form-container .form-element select.sm-padding, .form-container .form-element textarea.sm-padding {
        padding: 0.5rem 1rem; }
  .form-container .note, .form-container .or, .form-container .error-message, .form-container .success-message, .form-container .error_msg {
    font-size: 1.5rem; }
  .form-container .click-details {
    font-size: 1.2rem; }
  .checkbox {
    font-size: 1.5rem; }
  .checkboxGroup {
    padding: 0 1rem;
    display: inline-block; }
  .radiobutton {
    font-size: 1.5rem; }
  .radio-item {
    font-size: 1.5rem; }
    .radio-item .radio-label {
      padding: 0 0 0 3rem; }
      .radio-item .radio-label::before {
        height: 2.5rem;
        width: 2.5rem;
        margin-right: 1rem; }
  .styled-checkbox + label {
    font-size: 1.3rem; }
    .styled-checkbox + label.flex-wrapper {
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start; }
      .styled-checkbox + label.flex-wrapper span {
        width: calc(100% - 5rem); }
    .styled-checkbox + label br {
      display: none; }
  .styled-checkbox.large + label:before {
    width: 3rem;
    height: 3rem; }
  .styled-checkbox.large:checked + label:after {
    width: 5px;
    height: 5px;
    box-shadow: 4px 0 0 #8F9195, 8px 0 0 #8F9195, 8px -4px 0 #8F9195, 8px -9px 0 #8F9195, 8px -14px 0 #8F9195, 8px -19px 0 #8F9195;
    left: 3px;
    top: 12px; }
  .custom-select {
    font-size: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -khtml-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    border-radius: 1.5rem;
    padding: 1rem 2rem; }
    .custom-select.small-size {
      font-size: 1.3rem; }
    .custom-select.small-padding {
      padding: 1.2rem 2rem; }
    .custom-select.tiny-padding {
      padding: 1rem 1.8rem; }
    .custom-select.large {
      font-size: 1.8rem; }
  .select {
    font-size: 1.5rem;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px; }
    .select .styledSelect {
      -webkit-border-radius: 18px;
      -khtml-border-radius: 18px;
      -moz-border-radius: 18px;
      -ms-border-radius: 18px;
      -o-border-radius: 18px;
      border-radius: 18px;
      padding: 1rem 2rem; }
      .select .styledSelect.active, .select .styledSelect:active {
        -webkit-border-radius: 18px 18px 0 0;
        -khtml-border-radius: 18px 18px 0 0;
        -moz-border-radius: 18px 18px 0 0;
        -ms-border-radius: 18px 18px 0 0;
        -o-border-radius: 18px 18px 0 0;
        border-radius: 18px 18px 0 0; }
    .select .options li {
      padding: 0.8rem 2rem 0.8rem 2rem; }
    .select.small-padding .styledSelect {
      padding: 1.2rem 2rem; }
    .select.small-padding .options li {
      padding: 0.5rem 2rem; }
    .select.small-size {
      font-size: 1.3rem; }
  .ms-container {
    font-size: 1.7rem; }
    .ms-container .ms-selectable {
      padding: 1.2rem;
      -webkit-border-radius: 0.5rem;
      -khtml-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      border-radius: 0.5rem; }
  .custom-multi-select .fs-label-wrap {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .custom-multi-select .fs-label-wrap .fs-label {
      font-size: 1.7rem; }
  .custom-multi-select .fs-search {
    font-size: 1.4rem; }
  .custom-multi-select .fs-option {
    font-size: 1.7rem; }
  /* Custom input file */
  .file-upload .inputfile + label span {
    width: 70%;
    font-size: 1.3rem;
    padding: 1rem;
    -webkit-border-radius: 0.5rem 0 0 0.5rem;
    -khtml-border-radius: 0.5rem 0 0 0.5rem;
    -moz-border-radius: 0.5rem 0 0 0.5rem;
    -ms-border-radius: 0.5rem 0 0 0.5rem;
    -o-border-radius: 0.5rem 0 0 0.5rem;
    border-radius: 0.5rem 0 0 0.5rem; }
  .file-upload .inputfile + label strong {
    width: 30%;
    font-size: 1.3rem;
    padding: 1rem;
    -webkit-border-radius: 0 0.5rem 0.5rem 0;
    -khtml-border-radius: 0 0.5rem 0.5rem 0;
    -moz-border-radius: 0 0.5rem 0.5rem 0;
    -ms-border-radius: 0 0.5rem 0.5rem 0;
    -o-border-radius: 0 0.5rem 0.5rem 0;
    border-radius: 0 0.5rem 0.5rem 0; }
  .file-upload.lightpink .inputfile + label strong:before {
    font-size: 2rem;
    width: 2rem;
    height: 2rem; }
  .file-upload.blue .inputfile + label strong:before {
    font-size: 2rem;
    width: 2rem;
    height: 2rem; }
  .file-upload.upload-img .inputfile + label {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .file-upload.upload-video .inputfile + label {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .custom-range p {
    font-size: 1.9vw; }
    .custom-range p small {
      font-size: 1.9vw; }
  .autocomplete-drop li {
    font-size: 1.4rem; }
  .custom-select-js {
    width: 100%;
    font-size: 1.4rem;
    float: none; }
    .custom-select-js.width60 {
      width: 100%; }
  /*Select 2*/
  .select2-container {
    font-size: 1.7rem;
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    border-radius: 0.5rem; }
    .select2-container .error {
      display: block; }
  .select2-container--default .select2-selection--multiple {
    -webkit-border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding: 1rem 2rem; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      -webkit-border-radius: 0.5rem;
      -khtml-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      border-radius: 0.5rem; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
      font-size: 1.4rem; }
  .select2-container--default.select2-container {
    width: 50% !important; }
  .select2-container--default .select2-selection--single {
    padding: 1.1rem 1.5rem;
    font-size: 1.4rem;
    -webkit-border-radius: 1rem;
    -khtml-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem; }
  .ms-container {
    font-size: 1.7rem; }
    .ms-container .ms-selectable {
      padding: 1.2rem;
      -webkit-border-radius: 0.5rem;
      -khtml-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      border-radius: 0.5rem; }
  .custom-multi-select .fs-label-wrap {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .custom-multi-select .fs-label-wrap .fs-label {
      font-size: 1.7rem; }
  .custom-multi-select .fs-search {
    font-size: 1.4rem; }
  .custom-multi-select .fs-option {
    font-size: 1.7rem; }
  /* Custom input file */
  .file-upload .inputfile + label span {
    width: 70%;
    font-size: 1.3rem;
    padding: 1rem;
    -webkit-border-radius: 0.5rem 0 0 0.5rem;
    -khtml-border-radius: 0.5rem 0 0 0.5rem;
    -moz-border-radius: 0.5rem 0 0 0.5rem;
    -ms-border-radius: 0.5rem 0 0 0.5rem;
    -o-border-radius: 0.5rem 0 0 0.5rem;
    border-radius: 0.5rem 0 0 0.5rem; }
  .file-upload .inputfile + label strong {
    width: 30%;
    font-size: 1.3rem;
    padding: 1rem;
    -webkit-border-radius: 0 0.5rem 0.5rem 0;
    -khtml-border-radius: 0 0.5rem 0.5rem 0;
    -moz-border-radius: 0 0.5rem 0.5rem 0;
    -ms-border-radius: 0 0.5rem 0.5rem 0;
    -o-border-radius: 0 0.5rem 0.5rem 0;
    border-radius: 0 0.5rem 0.5rem 0; }
  .file-upload.lightpink .inputfile + label strong:before {
    font-size: 2rem;
    width: 2rem;
    height: 2rem; }
  .file-upload.upload-img .inputfile + label {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .file-upload.upload-video .inputfile + label {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .upload-container h5 {
    font-size: 3.2rem; } }

@media screen and (max-width: 768px) {
  .form-container .form-element {
    padding: 0; }
  .form-container .float-left {
    width: 100%;
    float: none; }
  .form-container .float-right {
    width: 100%;
    float: none; }
  .form-container .error-message {
    margin-right: 0; }
  .form-container .click-details {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 1rem 0; }
  .checkbox {
    font-size: 1.6rem; }
  .radiobutton {
    font-size: 1.6rem; }
  .radio-item {
    font-size: 1.6rem; }
    .radio-item .radio-label {
      padding: 0 0 0 3rem; }
      .radio-item .radio-label::before {
        height: 2.2rem;
        width: 2.2rem; }
  .custom-select {
    font-size: 1.4rem;
    padding: 1rem 2.5rem 1rem 1rem;
    background-position: right 6px center; }
    .custom-select.small-size {
      font-size: 1.4rem; }
    .custom-select.large {
      font-size: 1.7rem; }
  .select {
    font-size: 1.4rem;
    width: 100%; }
    .select .styledSelect {
      padding: 1rem 2rem; }
    .select .options li {
      padding: 0.8rem 2rem 0.8rem 2rem; }
  .ms-container {
    font-size: 1.6rem; }
  .custom-multi-select .fs-label-wrap .fs-label {
    font-size: 1.6rem; }
  .custom-multi-select .fs-search {
    font-size: 1.3rem; }
  .custom-multi-select .fs-option {
    font-size: 1.6rem; }
  /* Custom input file */
  .file-upload .inputfile + label span {
    font-size: 1.6rem; }
  .file-upload .inputfile + label strong {
    font-size: 1.2rem; }
  .custom-range p {
    font-size: 2.9vw; }
    .custom-range p small {
      font-size: 2.9vw; }
  .upload-container .copy {
    padding: 0; }
    .upload-container .copy p {
      font-size: 1.6rem; }
  .upload-container .upload-photo .uploader p {
    font-size: 1.6rem; }
  .upload-container .file-upload-en_gb .upload-photo .uploader p, .upload-container .file-upload-fr .upload-photo .uploader p, .upload-container .file-upload-en .upload-photo .uploader p, .upload-container .file-upload-sp .upload-photo .uploader p {
    max-height: 18rem;
    height: 20rem; }
    .upload-container .file-upload-en_gb .upload-photo .uploader p span:first-child, .upload-container .file-upload-fr .upload-photo .uploader p span:first-child, .upload-container .file-upload-en .upload-photo .uploader p span:first-child, .upload-container .file-upload-sp .upload-photo .uploader p span:first-child {
      font-size: 1.6rem;
      margin-bottom: 0; } }

@media screen and (max-width: 641px) {
  .form-container .file-upload .inputfile + label span {
    font-size: 1.2rem; }
  .form-container .file-upload .inputfile + label strong {
    font-size: 1.2rem; }
    .form-container .file-upload .inputfile + label strong:before {
      font-size: 2.3rem;
      width: 4vw;
      height: 7vw; }
  .custom-range p {
    font-size: 1.5rem; }
    .custom-range p small {
      font-size: 1.5rem; }
  .upload-container {
    padding: 4rem 2rem;
    margin-top: 4rem; }
    .upload-container h5 {
      margin-bottom: 1rem; } }

/* Form related element css */
html {
  font-size: 62.5%;
  /* Defining root font 10px*/ }

body {
  font-family: "NespressoLucas-Regular", sans-serif;
  font-size: 1vw;
  line-height: 1.1;
  background: #FFFFFF;
  color: #191919;
  margin: 0;
  padding: 0;
  font-weight: 400;
  overflow-y: scroll;
  overflow-x: hidden; }

.loader {
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1001;
  text-align: center;
  top: 0;
  left: 0; }
  .loader .loader-img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0; }

/*	Overwriting some default css 	*/
a, a:focus, a:active, a:hover {
  text-decoration: none;
  outline: 0 none; }

a {
  color: #191919;
  text-decoration: none; }
  a img {
    outline: none;
    border: 0; }

input, select, textarea, button {
  border: 0 none;
  -webkit-appearance: none; }

.custom-col-1 {
  display: flex;
  flex-direction: column;
  width: 80%;
  padding-right: 5%; }

.custom-col-2 {
  width: 20%; }

.custom-div {
  display: flex;
  flex-direction: row; }

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

ol {
  margin: 0;
  padding: 0; }

ul li, p {
  margin: 0;
  padding: 0; }

label {
  font-weight: normal;
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  line-height: 1; }

strong {
  font-weight: 700; }

::-webkit-input-placeholder {
  color: #767676; }

:-moz-placeholder {
  color: #767676;
  opacity: 1; }

::-moz-placeholder {
  color: #767676;
  opacity: 1; }

:-ms-input-placeholder {
  color: #767676; }

::placeholder {
  color: #767676;
  opacity: 1; }

*:focus {
  outline: none; }

/*	Common classes	*/
.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.justify {
  text-align: justify; }

.hide {
  display: none; }

.show {
  display: block; }

.mobile {
  display: none; }

.nonmobile {
  display: block; }

.no-border {
  border: 0 none !important; }

.nowrap {
  white-space: nowrap; }

.mLeft10 {
  margin-left: 1rem; }

.mLeft20 {
  margin-left: 2rem; }

.mRight10 {
  margin-right: 1rem; }

.mRight20 {
  margin-right: 2rem; }

.mTop10 {
  margin-top: 1rem; }

.mTop20 {
  margin-top: 2rem; }

.mBot10 {
  margin-bottom: 1rem; }

.mBot20 {
  margin-bottom: 2rem; }

.clear, .form-container, .file-upload, .m-page-container, .heading {
  clear: both; }
  .clear:after, .form-container:after, .file-upload:after, .m-page-container:after, .heading:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.main-container {
  width: 100%;
  overflow: hidden;
  border-top: 15px solid #63479b; }

.page-container {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto;
  position: relative;
  z-index: 2; }
  .page-container.center-div {
    display: flex;
    justify-content: center;
    align-items: center; }

.m-page-container {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 82%;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

.flex-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .flex-wrapper.top {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start; }
  .flex-wrapper.bottom {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end; }
  .flex-wrapper.normal {
    -webkit-align-items: normal;
    -moz-align-items: normal;
    -ms-align-items: normal;
    align-items: normal; }
  .flex-wrapper.space-between {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
  .flex-wrapper.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .flex-wrapper.right-align {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end; }
  .flex-wrapper.center-align {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .flex-wrapper.stretch > div {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-align-self: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .flex-wrapper.stretch-inner {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch; }

.vertical-align {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }

.divider {
  margin: 2rem 0; }
  .divider.grey-border {
    height: 2px;
    background: #3f3d3d; }
  .divider.white-border {
    height: 2px;
    background: #FFFFFF; }

.vue-text {
  font-size: 1.1vw !important; }

/*	Common listing	- Just add 'listing' wrapper class above any ul or ol blocks */
.listing {
  line-height: 1.2;
  margin-bottom: 2rem; }
  .listing ol, .listing ul {
    margin-left: 2rem;
    padding-left: 1rem; }
    .listing ol li, .listing ul li {
      list-style-position: outside;
      margin-bottom: 1rem; }
  .listing ul {
    list-style-type: disc;
    margin-top: 0.5rem; }
    .listing ul ul {
      list-style-type: circle; }
      .listing ul ul ul {
        list-style-type: square; }
        .listing ul ul ul ul {
          list-style-type: upper-alpha; }
  .listing ol {
    list-style-type: decimal; }
    .listing ol ol {
      list-style-type: upper-roman; }
      .listing ol ol ol {
        list-style-type: lower-roman; }
        .listing ol ol ol ol {
          list-style-type: lower-alpha; }

/**/
/*	Common table style	- Just add 'table-grid' wrapper class above any table blocks */
.table-grid {
  margin-bottom: 2rem;
  overflow-x: auto; }
  .table-grid table {
    border-collapse: collapse;
    width: 100%; }
    .table-grid table th, .table-grid table td {
      padding: 1rem;
      border: 1px solid #8F9195;
      text-align: left; }
    .table-grid table tr:nth-child(even) {
      background-color: #8F9195; }
    .table-grid table th {
      background-color: #8F9195;
      color: white; }

/* Common Text Alignment Classes */
.text-right {
  text-align: right; }

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

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

.caps {
  text-transform: uppercase; }

/*Error*/
.error-msg {
  color: #E10027;
  margin-bottom: 2rem; }

/*Common heading*/
.heading {
  margin-bottom: 1.5vw; }
  .heading__h1 {
    font-size: 3.2vw;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-weight: 700; }
  .heading__h2 {
    font-size: 2.6vw;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-weight: 700; }
  .heading__h3 {
    font-size: 2.2vw;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-weight: 400; }
  .heading__h4 {
    font-size: 1.7vw;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-weight: 400; }
  .heading__h5 {
    font-size: 1.4vw;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-weight: 400; }
  .heading__h6 {
    font-size: 1.2vw;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-weight: 400; }
  .heading .left {
    width: 50%; }
  .heading .right {
    width: 50%;
    text-align: right; }

.notifications {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  padding: 1rem;
  background-color: #ff4d4d;
  color: #FFFFFF;
  min-width: 1em;
  line-height: 1;
  width: 1.3rem;
  height: 1.3rem;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle; }
  .notifications:before {
    content: '';
    float: left;
    width: auto;
    padding-bottom: 100%; }

.text-grey {
  color: #8F9195; }

.text-blue {
  color: #63479b; }

.text-yellow {
  color: #fec23e; }

.text-white {
  color: #FFFFFF; }

/*Media query*/
@media screen and (max-width: 1440px) {
  .m-page-container {
    width: 88%; } }

@media screen and (max-width: 1180px) {
  body {
    font-size: 1.2vw; }
  .m-page-container {
    width: 90%; }
  .heading__h1 {
    font-size: 3.4vw; }
  .heading__h2 {
    font-size: 2.8vw; }
  .heading__h3 {
    font-size: 2.4vw; }
  .heading__h4 {
    font-size: 1.9vw; }
  .heading__h5 {
    font-size: 1.6vw; }
  .heading__h6 {
    font-size: 1.4vw; }
  .slick-next, .slick-prev {
    width: 33px;
    height: 60px;
    margin-top: -30px;
    background-size: cover; } }

@media screen and (max-width: 992px) {
  body {
    font-size: 1.3rem; }
  .mobile {
    display: block; }
  .nonmobile {
    display: none; }
  .vue-text {
    font-size: 1.5rem !important; }
  .custom-div {
    flex-direction: column; }
  .custom-col-1 {
    width: 100%; }
  .custom-col-2 {
    width: 100%;
    text-align: center; }
    .custom-col-2 img {
      width: 50%;
      height: auto; }
  .heading {
    margin-bottom: 2rem; }
    .heading__h1 {
      font-size: 3.2rem; }
    .heading__h2 {
      font-size: 2.6rem; }
    .heading__h3 {
      font-size: 2.2rem; }
    .heading__h4 {
      font-size: 1.7rem; }
    .heading__h5 {
      font-size: 1.4rem; }
    .heading__h6 {
      font-size: 1.2rem; }
    .heading__mobile-margin {
      margin: 2rem 5%; }
    .heading .left {
      width: 100%; }
    .heading .right {
      width: 100%;
      text-align: right; }
  .slick-next, .slick-prev {
    width: 25px;
    height: 45px;
    margin-top: -22px;
    background-size: cover; } }

@media screen and (max-width: 768px) {
  .heading__h1 {
    font-size: 3rem; }
  .heading__h2 {
    font-size: 2.4rem; }
  .heading__h3 {
    font-size: 2.1rem; }
  .heading__h4 {
    font-size: 1.6rem; }
  .heading__h5 {
    font-size: 1.4rem; }
  .heading__h6 {
    font-size: 1.2rem; } }

/*	Hides Angular emlements if they are not loaded completely*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
  display: none !important; }

/* All custom base classes which generally use Ex: .text-right, .text-left */
/*---Pages---*/
/*Landing page*/
.banner img {
  width: 100%;
  height: auto; }

header {
  padding: 4rem 0;
  text-align: center; }
  header .logo {
    margin: 4rem 0; }
    header .logo img {
      max-width: 60%;
      height: auto; }
  header .title {
    font-size: 4.8rem;
    letter-spacing: 10px;
    font-family: "NespressoLucas-Bold", sans-serif;
    color: #63479b; }

.copy-container {
  font-size: 2.1rem;
  max-width: 1010px;
  width: 90%;
  margin: 0 auto;
  text-align: center; }
  .copy-container p {
    margin-bottom: 2rem; }
  .copy-container h3 {
    font-size: 2.7rem;
    font-family: "NespressoLucas-Bold", sans-serif;
    letter-spacing: 6px;
    padding: 3rem 0; }
  .copy-container .img-cycle {
    margin: 5rem 0; }
    .copy-container .img-cycle img {
      width: 80%;
      height: auto; }

footer {
  border-top: 4px solid #e6e6e8;
  text-align: center;
  padding: 3rem 0 2rem; }
  footer figure {
    max-width: 180px;
    width: 30%;
    margin: 0 auto; }
    footer figure img {
      width: 100%;
      height: auto; }
  footer .links {
    font-size: 1.4rem;
    margin-top: 1rem; }
    footer .links a {
      color: #191919; }
      footer .links a:hover {
        text-decoration: underline; }

.mosaic-container {
  width: 100%;
  background: #969696;
  padding-bottom: 66.67%;
  overflow: hidden;
  position: relative; }
  .mosaic-container .grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 100%; }
    .mosaic-container .grid li {
      width: 200px; }
    .mosaic-container .grid a {
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      display: block; }
    .mosaic-container .grid figure {
      display: block;
      margin: 0;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      background-size: cover;
      background-position: center center;
      border: 2px solid #FFFFFF;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }

/*Media query*/
@media screen and (max-width: 1180px) {
  header {
    padding: 3rem 0; }
    header .logo {
      margin: 3rem 0; }
  .copy-container h3 {
    padding: 3rem 0 2rem; }
  .copy-container .img-cycle {
    margin: 3rem 0; } }

@media screen and (max-width: 992px) {
  header {
    padding: 2rem 0; }
    header .logo {
      margin: 2rem 0; }
    header .title {
      font-size: 4rem;
      letter-spacing: 8px; }
  .copy-container h3 {
    padding: 2rem 0 1rem;
    letter-spacing: 5px;
    font-size: 2.4rem; }
  .copy-container .img-cycle {
    margin: 2rem 0; } }

@media screen and (max-width: 768px) {
  header .title {
    font-size: 3rem;
    letter-spacing: 6px; }
  .copy-container {
    font-size: 1.7rem; }
    .copy-container h3 {
      letter-spacing: 4px;
      font-size: 2rem; } }