//
// Wispotter Stylesheet v365.0.8
//

//
// i8 320 - iX 375 - iPlus 414 --- sm 575 - md 768 - lg 992 - xl 1200
//

// Settings

$assetPath: "/_assets/";

// Overridden Values

$breakpoint-xxsmall:                             360px !default;
$breakpoint-xsmall:                              375px !default;
/*
$breakpoint-small:                               480px !default;
$breakpoint-medium:                              768px !default;
$breakpoint-large:                               960px !default;
$breakpoint-xlarge:                              1220px !default;

$breakpoint-mini-max:                            ($breakpoint-small - 1) !default;
$breakpoint-small-max:                           ($breakpoint-medium - 1) !default;
$breakpoint-medium-max:                          ($breakpoint-large - 1) !default;
$breakpoint-large-max:                           ($breakpoint-xlarge - 1) !default;


@media (max-width: $breakpoint-medium) {
	
}
@media (min-width: $breakpoint-medium) {
	
}

*/

.wi-hide-xxsmall {
	@media (max-width: $breakpoint-xxsmall) {
		display: none !important;
	}
}
.wi-hide-xsmall {
	@media (max-width: $breakpoint-xsmall) {
		display: none !important;
	}
}

// Import Defaults

@import "uikit/src/scss/variables-theme.scss";
@import "uikit/src/scss/mixins-theme.scss";

// Mixin Overrides

@mixin hook-card() {
  color: #000;
}

@mixin placeholder {
  &::-webkit-input-placeholder {
    @content;
  }
  &:-moz-placeholder {
    @content;
  }
  &::-moz-placeholder {
    @content;
  }
  &:-ms-input-placeholder {
    @content;
  }
}

@mixin vertical-align($position: relative) {
  position: $position;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

// Main Imports

@import "uikit/src/scss/uikit-theme.scss";

@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");

@import url("../fonts/awesome/css/all.min.css");

// Custom Colors

$color-wispotter: #6f1988;
$color-wipurple: #662d91;
$color-wipurple-light: #e0cfe8;
$color-wipurple-type: #efdbff;

$color-client: #265098 !default;
$color-connect-free: #6f1988;
$color-connect-free-alt: #41d17f;
$color-connect-paid: #1b7d2f;
$color-connect-paid-hourly: #3ba04f;
$color-connect-paid-alt: $color-client;
$color-connect-paid-hourly-alt: rgba($color-client, .5);

$color-red: #af474a;
$color-red-matte: #831e22;

$color-grey: #333;
$color-grey-border: #e6e6e6;

$color-type: #333;
$color-type-title: #a08e7f;
$color-type-title-dark: #815e40;
$color-type-title-darker: #805d40;
$color-type-dark: #999;
$color-type-redundant: #bababa;

$color-bg: #fff;
$color-bg-darker: #f3f0ec;
$color-bg-light: #f2efeb;
$color-bg-middle: #ddd3c0;

$color-curtain: #dbdbdb;

$color-white: #fff;
$color-black: #000;

$static-white: #fff;
$static-black: #000;
$static-green: #4e8b43;
$static-yellow: #e3b200;
$static-red: #e26765;

$static-connected: #4cd964;

$static-facebook: #3b5998;
$static-instagram: #c32aa3;
$static-pinterest: #bd081c;
$static-youtube: #ff0000;
$static-twitter: #1da1f2;
$static-linkedin: #007bb5;
$static-whatsapp: #25d366;
$static-google: #dd4b39;

/*

a {
	&:hover {
		text-decoration: none !important;
		color: $color-type;
	}
}

*/

// Fonts

$font-stack: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

// Global Hacks
html {
  background: $color-bg;
}
.body,
header .container {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
html,
body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  -webkit-text-size-adjust: 100%;
}
.wi-hidden {
	display: none !important;
}
.wi-none{
	display: none;
}
.wi-p {
  flex: 1 0 auto;
  background: linear-gradient(180deg, $color-white 15%, rgba($color-client, 0) 15%, rgba($color-client, .1) 22.5%, rgba($color-client, .2) 55%);
  &.wispotter {
		background: linear-gradient(180deg, $color-white 15%, rgba($color-wipurple, 0) 15%, rgba($color-wipurple, .1) 22.5%, rgba($color-wipurple, .2) 55%);
  }
}
.wi-pd {
  flex-shrink: 0;
  z-index: 1001;
}
* {
  font-family: $font-stack;
  text-transform: none !important;
  select:focus {
    border-color: $color-wipurple !important;
  }
  input:focus {
    border-color: $color-wipurple !important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba($color-wipurple,.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba($color-wipurple,.5);
	box-shadow: 0px 0px 5px 0px rgba($color-wipurple,.5);
  }
}
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
  font-family: $font-stack;
}
.select2-selection__rendered {
  font-family: $font-stack;
}
::selection {
  background: rgba($color-type-title, 0.2) !important;
  border-radius: 4px !important;
  color: $color-wipurple !important;
}
a {
  &:hover {
    color: $color-red;
  }
}
.uk-grid-smaller,
.uk-grid-column-smaller {
  margin-left: -8px;
}

.uk-grid-smaller > *,
.uk-grid-column-smaller > * {
  padding-left: 6px;
}

.uk-grid + .uk-grid-smaller,
.uk-grid + .uk-grid-row-smaller,
.uk-grid-smaller > .uk-grid-margin,
.uk-grid-row-smaller > .uk-grid-margin,
* + .uk-grid-margin-smaller {
  margin-top: 6px;
}
.uk-tooltip {
	background: $color-client;
	color: $color-white;
	border-radius: 4px;
	  &:after {
		 content: "";
		 position: absolute;
		 top: 100%;
		 left: 50%;
		 margin-left: -10px;
		 border-width: 7px;
		 border-style: solid;
		 border-color: $color-client transparent transparent transparent;
	  }
}
.uk-label-client {
  background-color: rgba($color-client, .6);
  color: $color-white;
  font-size: 12px;
  border-radius: 4px;
  &:hover {
    background-color: rgba($color-client, .8);
  }
}
a:hover .uk-label-client {
  background-color: rgba($color-client, .8);
}
.uk-label-wispotter {
  background-color: rgba($color-wipurple, .6);
  color: $color-white;
  font-size: 12px;
  border-radius: 4px;
  &:hover {
    background-color: rgba($color-wipurple, .8);
  }
}
a:hover .uk-label-wispotter {
  background-color: rgba($color-wipurple, .8);
}
.th-client {
  background: $color-client;
  color: $static-white;
}
// .th-client-dark {
// 	background: $color-white;
// 	color: $color-client;
// }
[data-svg="facebook"] {
  fill: $static-facebook;
  svg {
    color: $static-facebook;
  }
}
.th-facebook {
  background: $static-facebook !important;
  color: $static-white;
}
[data-svg="instagram"] {
  fill: $static-instagram;
  svg {
    color: $static-instagram;
  }
}
.th-instagram {
  background: $static-instagram !important;
  color: $static-white;
}
[data-svg="pinterest"] {
  fill: $static-pinterest;
  svg {
    color: $static-pinterest;
  }
}
.th-pinterest {
  background: $static-pinterest !important;
  color: $static-white;
}
[data-svg="youtube"] {
  fill: $static-youtube;
  svg {
    color: $static-youtube;
  }
}
.th-youtube {
  background: $static-youtube !important;
  color: $static-white;
}
[data-svg="twitter"] {
  fill: $static-twitter;
  svg {
    color: $static-twitter;
  }
}
.th-twitter {
  background: $static-twitter !important;
  color: $static-white;
}
[data-svg="linkedin"] {
  fill: $static-linkedin;
  svg {
    color: $static-linkedin;
  }
}
.th-linkedin {
  background: $static-linkedin !important;
  color: $static-white;
}
[data-svg="whatsapp"] {
  fill: $static-whatsapp;
  svg {
    color: $static-whatsapp;
  }
}
.th-whatsapp {
  background: $static-whatsapp !important;
  color: $static-white;
}

.uk-list-inline {
  padding: 0 10px;
  margin-top: 0;
  li {
    list-style: none;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    a {
      height: 24px;
      background: $static-white;
      color: $color-type;
      font-weight: 500;
      display: flex;
      align-items: center;
      font-size: 14px;
      padding-left: 10px;
      padding-right: 10px;
      border-radius: 8px;
    }
  }
}
@font-face {
  font-family: 'pass';
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
}
	
	input.password {
	  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif ;
	  font-size: 18px;
	  &::-webkit-input-placeholder {
		transform: scale(0.77);
		transform-origin: 0 50%;
	  }
	  &::-moz-placeholder {
		font-size: 14px;
		opacity: 1;
	  }
	  &:-ms-input-placeholder {
		font-size: 14px;
		font-family: 'Roboto', Helvetica, Arial, sans-serif;
	  }
}
.cur-pointer {
  cursor: pointer;
}


// Styles

.cli {
  
  &.notifications {
    h4 {
      color: $color-client;
    }
    .notifications-wrapper {
      &.uk-grid>* {
        padding-left: 0;
      }
      div {
        margin-top: 10px;
      }
      a {
        display: block;
        background: rgba($static-white, .4);
        &:hover {
          background: rgba($static-white, .8);
          text-decoration: none;
        }
        color: $color-client;
        padding: 4px 8px 7px;
        border-radius: 8px;
        vertical-align: middle;
        span {
          display: inline-block;
          margin-right: 5px;
        }
      }
    }
    
  }
}
.wis {
  /*
	background: linear-gradient(180deg, 
		$color-white 0%, 
		#f5f5f5 5%, 
		rgba($color-wipurple, .4) 40%);
		
		background: linear-gradient(
			180.02deg,
			$color-white 0.02%,
			#f5f5f5 5.78%,
			#d9cbe4 42.55%
		  );
	*/
  
  min-height: 100%;
  padding-bottom: 120px;
  color: $color-wipurple;
  
  
  &.notifications {
    h4 {
      color: $color-wipurple;
    }
    .notifications-wrapper {
      &.uk-grid>* {
        padding-left: 0;
      }
      div {
        margin-top: 10px;
      }
      a {
        display: block;
        background: rgba($static-white, .4);
        &:hover {
          background: rgba($static-white, .8);
          text-decoration: none;
        }
        padding: 4px 8px 7px;
        border-radius: 8px;
        vertical-align: middle;
        span {
          display: inline-block;
          margin-right: 5px;
        }
      }
    }
    
  }
  a {
	  color: $color-wipurple;
	  &:hover {
		  color: lighten($color-wipurple, 5%);
		  text-decoration: underline;
	  }
  }
  .title {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 22px;
  }
  .abstract {
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 30px 30px;
  }
  .content {
    p {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
    }
  }
  
  .checkboxes {
	text-align: left;
	.checkbox {
	}
	.uk-radio:checked, .uk-radio:indeterminate, .uk-checkbox:checked, .uk-checkbox:indeterminate {
		background-color: $color-wipurple;
	}
	.uk-radio, .uk-checkbox {
		border-color: $color-wipurple;
	}
	label {
	  padding-left: 30px;
	  display: block;
	  margin-bottom: 12px;
	  input {
		margin-left: -30px;
	  }
	  a {
		color: $color-wipurple;
		font-weight: bold;
		font-size: inherit;
		line-height: 17px;
		text-decoration-line: underline;
	  }
	}
  }
  .block {
    background: linear-gradient(
      180deg,
      rgba($color-white, 0.5) 20%,
		  rgba($color-white, .01) 100%
    );
    border-radius: 8px;
    padding: 12px;
    margin-top: 20px;
	&.solid {
		background: rgba($color-white, 0.5);
	}
    &:first-child {
      margin-top: 20px;
    }
    .question {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      display: flex;
      align-items: center;
      padding-bottom: 12px;
      &.toggle {
        cursor: pointer;
      }
    }
    .answer {
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      p {
        &:last-child {
          margin-bottom: 0 !important;
        }
      }
    }
    .label {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 8px;
      &.small {
        font-size: 14px;
        line-height: 17px;
      }
    }
    .form {
      label {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
      }
      .uk-form-icon {
        top: 22px;
      }
      input {
        color: $color-wipurple;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 4px;
      }
      select {
        color: $color-wipurple;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        border-radius: 4px;
      }
      .uk-form-custom {
        width: 100%;
        display: block;
      }
    }
  }
  .extras {
    width: 75%;
    margin: 0 auto 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
  }
  .action {
    padding: 2px 18px 4px;
  }
  .user {
    .avatar {
      height: 62px;
      width: 62px;
      display: block;
      border-radius: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      border: 1px solid $color-wipurple;
      box-sizing: border-box;
      margin-left: 12px;
		&.small {
			height: 40px;
			width: 40px;
		}
		  &.smaller {
			  height: 30px;
			  width: 30px;
		  }
    }
    .identity {
      padding-left: 12px;
    }
    .name {
      color: $color-wipurple;
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
    }
    .edit {
      line-height: 1rem;
      a {
        color: $color-wipurple-type;
        font-size: 11px;
      }
    }
  }
}

.wis-logo {
  padding: 0 20px;
  .horizontal {
    height: 40px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .horizontal-small {
    height: 25px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

footer {
  // padding-bottom: 110px;
}

.wi-header {
  height: 50px;
  //background-image: url(../images/header-bg.svg);
  background-repeat: repeat-x;
  background-position: top;
  width: 100%;
  z-index: 100;
  
  transition: all 0.3s ease;
  .hud-wrapper {
	  height: 50px;
	  background-repeat: repeat-x;
	  background-position: top;
	  background-image: url(../images/header-bg.svg);
  }
  .hud {
    height: 30px;
    width: calc(100% - 100px);
	
    background: $color-wipurple;
    border-radius: 0 0 10px 10px;
    display: inline-block;
    color: $static-white;
    font-size: 10px;
    line-height: 28px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    a {
      color: rgba($static-white, 0.5);
      text-decoration: underline;
      &:hover {
        color: rgba($static-white, 0.75);
        text-decoration: none;
      }
    }
    .logo-wrapper {
      padding-left: 0;
      img {
        height: 18px;
      }
      svg,
      .inj {
        margin-left: 8px;
        cursor: pointer;
        height: 18px;
      }
    }
    &.connected {
      color: $static-connected;
    }
    .error {
      // TODO
    }
  }
  .lf,
  .rg {
    width: 38px;
	height: 20px;
    display: inline-block;
  }
	.lf {
		background-image: url(/_assets/images/header-lf.svg);
		background-size: auto;
		background-repeat: no-repeat;
		background-position: right top;
	}
  .rg {
	  background-image: url(/_assets/images/header-rg.svg);
	  background-size: auto;
	  background-repeat: no-repeat;
	  background-position: left top;
  }
  
  
  
	.hudb-wrapper {
		width: 100%;
		height: 20px;
	}
	.hudb {
	  height: auto;
	  min-height: 20px;
	  width: calc(100% - 136px);
	  
	  background: $color-wipurple-light;
	  border-radius: 0 0 10px 10px;
	  display: inline-block;
	  color: $color-wipurple;
	  font-size: 11.5px;
	  font-weight: 500;
	  line-height: 1rem;
	  padding-left: 6px;
	  padding-right: 6px;
	  text-align: center;
	  span {
		  display: block;
		  margin-bottom: 2px;
		  margin-top: 2px;
	  }
	}
	.lfb,
	.rgb {
	  width: 10px;
	  height: 20px;
	  display: inline-block;
	}
	  .lfb {
		  margin-left: 52px;
		  background-image: url(/_assets/images/headerb-lf.svg);
		  background-size: auto;
		  background-repeat: no-repeat;
		  background-position: right top;
	  }
	.rgb {
		margin-right: 52px;
		background-image: url(/_assets/images/headerb-rg.svg);
		background-size: auto;
		background-repeat: no-repeat;
		background-position: left top;
	}
  
  
  .toggle-button {
	  border: none;
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-color: transparent;
	  width: 18px !important;
	  height: 15px !important;
	  margin-top: -3px;
	  background-image: url(/_assets/icons/bars.svg);
	  &.active {
			background-image: url(/_assets/icons/times.svg);
	  }
  }
  .drawer-wrapper {
	height: 393px;
	transition: all 0.3s ease;
    padding: 15px 15px 4px;
	@media (max-width: $breakpoint-xsmall) {
		margin-top: -395px;
	}
	@media (min-width: $breakpoint-xsmall) {
		margin-top: -393px;
	}
    background: linear-gradient(180deg, darken($color-wipurple, 15%) 0%, $color-wipurple 100%);
	&.visible {
		margin-top: 0;
	}
	.drawer {
		
	}
    .user {
		margin: 0 auto;
      .avatar {
        height: 62px;
        width: 62px;
        display: block;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid $color-wipurple;
        box-sizing: border-box;
      }
      .name {
        color: $color-wipurple-type;
        font-size: 18px;
        font-weight: 500;
		line-height: 24px;
      }
      .edit {
        line-height: 1rem;
        a {
          color: $color-wipurple-type;
          font-size: 11px;
        }
      }
    }
    .nav {
		margin: 0 auto;
      padding-top: 20px;
      .icon {
        width: 20px;
        text-align: center;
      }
      a.light {
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
        text-align: left !important;
        width: 100%;
        border-radius: 8px;
        background: $color-wipurple;
        color: $color-wipurple-type;
        &:hover {
          background: lighten($color-wipurple, 10%);
          color: $color-white;
          // -webkit-box-shadow: 0 0 4px 0 lighten($color-wipurple, 15%);
          // box-shadow: 0 0 4px 0 lighten($color-wipurple, 15%);
        }
        .title {
          padding-left: 10px;
        }
        .count {
          span {
            padding: 4px 6px;
            border-radius: 6px;
            background: darken($color-wipurple, 10%);
          }
        }
      }
      a.dark {
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
        text-align: left !important;
        width: 100%;
        border-radius: 8px;
        background: darken($color-wipurple, 10%);
        color: $color-wipurple-type;
        &:hover {
          background: lighten($color-wipurple, 10%);
          color: $color-white;
        }
        .title {
          padding-left: 10px;
        }
        .count {
          span {
            padding: 4px 6px;
            border-radius: 6px;
            background: darken($color-wipurple, 20%);
          }
        }
      }
    }
    .version {
      text-align: center;
      a,
      span {
        font-size: 10px !important;
        color: lighten($color-wipurple, 35%);
      }
      a {
        color: lighten($color-wipurple, 35%);
        text-decoration: none;
        line-height: 1.2em;
        border-bottom: 1px solid lighten($color-wipurple, 15%);
        &:hover {
          color: lighten($color-wipurple, 50%);
          text-decoration: none;
          border-bottom: none;
        }
      }
      .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
        content: "•";
        margin: 0 5px;
        font-size: 0.5rem;
        color: lighten($color-wipurple, 35%);
      }
      .uk-breadcrumb {
        margin-bottom: 0;
      }
    }
  }
}

.wi-logo {
  padding: 28px 20px 0;
  .square {
    display: block;
    width: 100%;
    height: 90px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .horizontal {
    height: 30px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .vertical {
    height: 130px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
.wi-controls {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  .uk-button-control {
    background-color: rgba($color-client, .2);
    color: $color-client;
    border: none;
    border-radius: 20px;
    height: 30px;
  }
}
/*
.wi-intro {
	min-height: 100vh;
	background: linear-gradient(180deg, 
		$color-white 0.03%, 
		#F0F6F4 7.48%, 
		#D4E4DF 55.09%);
		display: flex;
	.loading {
		flex-grow: 1;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		width: 50%;
		height: 50vh;
		color: $color-client;
		.message {
			margin-bottom: 30px;
		}
	}
	.logged-in {
		flex-grow: 1;
		text-align: center;
		font-size: 14px;
		font-weight: 500;
		width: 50%;
		height: 50vh;
		color: $color-client;
		.message {
			margin-bottom: 30px;
		}
	}
	.logging-in {
		flex-grow: 1;
		text-align: center;
		font-size: 14px;
		font-weight: 500;
		width: 50%;
		height: 50vh;
		color: $color-client;
		.message {
			margin-bottom: 30px;
		}
	}
}
*/
.wi-intro,
.wi-splash,
.wi-register {
  //min-height: 100vh;
  //background: linear-gradient(180deg, $color-white 0%, #f0f6f4 7.5%, #d4e4df 55%);
  display: flex;
  padding-bottom: 100px;
  .loading {
    flex-grow: 1;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
	padding-top: 80px;
	width: 300px;
	margin: 0 auto;
    color: $color-client;
    .message {
      margin-bottom: 30px;
    }
  }
  .logged-in {
    //flex-grow: 1;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
	height: auto;
	padding-top: 80px;
	width: 300px;
	margin: 0 auto;
    //height: 50vh;
    color: $color-client;
    .message {
      margin-bottom: 30px;
      &.bigger {
        font-size: 18px;
        span {
          
        }
      }
      svg, svg path {
        fill: $color-client !important;
        color: $color-client !important;
        stroke: $color-client !important;
      }
    }
  }
  .logging-in {
    //flex-grow: 1;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
	height: auto;
	//height: 50vh;
    color: $color-client;
	width: 300px;
	margin: 0 auto;
    .message {
      margin: 0 auto 30px;
      &.title {
        font-weight: 700;
        margin-bottom: 0;
        &.mb {
          margin-bottom: 10px;
        }
        &.heading {
          font-size: 18px;
        }
      }
      &.red {
        color: $color-red-matte;
      }
      svg, svg path {
        fill: $color-client !important;
        color: $color-client !important;
        stroke: $color-client !important;
      }
      a {
        color: $color-client;
        text-decoration: underline;
        &:hover {
          text-decoration: none;
        }
      }
      p {
        &.phone {
          font-weight: bold;
          font-size: 18px;
          letter-spacing: 0.12em;
          margin-top: -10px;
          margin-bottom: -10px;
        }
      }
    }
  }
  .activate {
    flex-grow: 1;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    width: 50%;
    height: 50vh;
    color: $color-client;
    .message {
      width: 80%;
      margin: 0 auto 30px;
      font-size: 12px;
    }
  }
}
.wi-splash {
  height: auto !important;
  min-height: auto;
  padding-top: 30px; //60px
  padding-bottom: 140px;
}
.wi-register {
  height: auto !important;
  //padding-bottom: 280px;
  padding-top: 60px;
}

.wi-banner {
  padding: 30px 20px;
  a {
    display: block;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 150px;
    width: 100%;
  }
}
.wi-banner-inner {
  padding: 0 20px;
  a img {
    display: block;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
  }
}
.wi-content {
  padding: 30px 10px 110px;
  /*
  background: linear-gradient(
    180deg,
    $color-white 0.03%,
    #f0f6f4 7.48%,
    #d4e4df 55.09%
  );
  */
  .slider {
    margin-bottom: 20px;
    .item {
      display: block;
      border: 1px solid rgba($color-client, 0.2);
      width: 100%;
      padding-bottom: 56.25%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      border-radius: 15px;
    }
  }
  .survey {
    margin-bottom: 20px;
    background: $color-bg;
    border-radius: 15px;
    color: $color-client !important;
    &.rate {
      background: rgba($color-client, .05);
    }
    &.board {
      background: rgba($color-client, .05);
    }
    .intro,
    .begin,
    .step,
    .end {
      width: 100%;
      padding: 20px;
      
      .inquiry {
        margin-top: 12px;
        font-size: 14px;
        text-align: center;
        color: $color-client !important;
        font-weight: normal;
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 20px;
        span {
          display: block;
          margin-bottom: 2px;
        }
      }
      .person {
        color: $color-client;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 20px;
        .avatar {
          width: 60px;
          height: 60px;
          background-size: cover;
          border-radius: 100%;
          //border: 1px solid rgba($color-white, .5);
          box-shadow: 0 0 0px 2px rgba($color-client, .2);
        }
        .name {
          font-size: 14px;
          font-weight: 600;
        }
        .duty {
          font-size: 12px;
        }
      }
      .hashtag {
        text-align: center;
        a {
          color: $color-client;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          &:hover {
            color: darken($color-client, 10%);
          }
        }
      }
      .question {
        text-align: center;
        color: $color-client;
        font-weight: normal;
        font-size: 24px;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 20px;
        p {
        }
      }
      .disclaimer {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: $color-client;
        margin-bottom: 20px;
        p {
          margin: 10px auto;
          width: 90%;
        }
      }
      .agreement {
        padding: 15px;
        height: 100px !important;
        min-height: 100px !important;
        background: rgba($color-client, 0.1);
        border: 2px solid rgba($color-client, 0.15);
        box-sizing: border-box;
        color: $color-client;
        font-size: 11px;
        border-radius: 8px;
      }
    }
    .uk-dotnav > .uk-active > * {
      background-color: rgba($color-client, 40%);
    }
    .uk-dotnav > * > :hover,
    .uk-dotnav > * > :focus {
      background-color: rgba($color-client, 20%);
    }
    .uk-dotnav > * > * {
      border-color: rgba($color-client, 20%);
    }
  }
  
  .facebook {
    margin-bottom: 20px;
    background: url(/_assets/images/bg-facebook.svg), rgba($color-client, 0.15);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    border-radius: 15px;
    color: $color-client;
    padding: 10px;
    .title {
      font-weight: 500;
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      margin: 10px auto;
    }
    .info {
      margin: 0 auto 20px;
      width: 90%;
      font-weight: 500;
      font-size: 11px;
      line-height: 14px;
      text-align: center;
    }
    .box {
		.fb-page {
			width: 100% !important;
			span {
				display: block !important;
				margin: 0 auto !important;
			}
		}
      iframe {
        border-radius: 8px;
      }
    }
    .user {
      .avatar {
        height: 62px;
        width: 62px;
        display: block;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid $color-wipurple;
        box-sizing: border-box;
      }
      .name {
        color: $color-wipurple-type;
        font-size: 18px;
        font-weight: 500;
      }
      .edit {
        line-height: 1rem;
        a {
          color: $color-wipurple-type;
          font-size: 11px;
        }
      }
    }
  }
  .instagram {
    margin-bottom: 20px;
    background: linear-gradient(
      180deg,
      rgba($color-client, 0.05) 0%,
      $color-white 35%
    );
    border-radius: 15px;
    border-radius: 15px;
    color: $color-client;
    padding: 10px;
    .title {
      font-weight: 500;
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      margin: 10px auto;
    }
    .info {
      margin: 0 auto 20px;
      width: 90%;
      font-weight: 500;
      font-size: 11px;
      line-height: 14px;
      text-align: center;
    }

	.grid {
	  .item {
		  border-radius: 3px;
		float: left;
		position: relative;
		width: 32%;
		padding-bottom: 32%;
		margin: 0.5%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	  }
	}
	.singles {
		.item {
			border-radius: 3px;
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 100%;
			margin: 0.5%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			margin-bottom: 8px;
		}
		.content {
			padding: 0 4px 24px;
			font-size: 14px;
			.author {
				font-weight: 600;
			}
		}
	}
  }
  .newsfeed {
	  
		.header {
			text-align: center;
			color: $color-client;
			font-style: normal;
			font-weight: 500;
			font-size: 24px;
			line-height: 30px;
			margin-bottom: 20px;
			margin-top: 12px;
		}
		.item-wrapper {
			&.lighter {
				  background: rgba($color-white, 0.6);
			}
			  background: rgba($color-white, 0.3);
			  border: 2px solid $color-white;
			  box-sizing: border-box;
			  border-radius: 15px;
			  margin-bottom: 20px;
				.item {
					  padding: 12px 10px 12px;
				}
			  .cover {
				  background-repeat: no-repeat;
				  background-size: cover;
				  background-position: center center;
				  height: 180px;
				  width: 100%;
				  border-radius: 13px 13px 0 0;
			  }
			  .hashtag {
				  
				  font-style: normal;
				  font-weight: 500;
				  font-size: 12px;
				  line-height: 15px;
				  color: darken($color-client, 5%);
				  margin-bottom: 8px;
			  }
			  .title {
					color: darken($color-client, 5%);
				  font-style: normal;
				  font-weight: normal;
				  @media (max-width: $breakpoint-xsmall) {
						font-size: 20px;
						  line-height: 26px;
				  }
				  @media (min-width: $breakpoint-xsmall) {
						font-size: 24px;
						  line-height: 30px;
				  }
					margin-bottom: 8px;
			  }
			  .info {
				  color: $color-client;
				  font-style: normal;
				  font-weight: normal;
				  font-size: 12px;
				  line-height: 15px;
					margin-bottom: 8px;
			  }
			  .abstract {
					color: $color-client;
				  font-style: normal;
				  font-weight: normal;
				  font-size: 14px;
				  line-height: 20px;
					margin-bottom: 8px;
			  }
			  .action {
					padding-top: 12px;
					padding-bottom: 12px;
					ul {
						margin-bottom: 0;
						li {
							display: block;
							  margin-bottom: 24px;
						}
					}
				  .readmore {
					  background: rgba(lighten($color-client, 5%), .35);
					  box-shadow: 0px 0px 10px rgba($color-white, 0.5);
					  border-radius: 8px;
					  padding: 12px 18px;
					  color: $color-white;
					  text-decoration: none;
					  &:hover {
							background: rgba(lighten($color-client, 5%), .50);
							box-shadow: 0px 0px 10px rgba($color-white, 0.5);
					  }
				  }
				  .share {
					  background: $color-white;
					  border: 1px solid $color-white;
					  box-sizing: border-box;
					  border-radius: 8px;
					  color: $color-client;
					  font-style: normal;
					  font-weight: 500;
					  font-size: 12px;
					  line-height: 15px;
					  padding: 6px 18px;
					  text-decoration: none;
						&:hover {
							  background: rgba($color-white, .75);
							  box-shadow: 0px 0px 10px rgba($color-white, 0.5);
						}
		  }
			  }
		}
  }
  
  
  .board {
    margin-bottom: 20px;
    background: linear-gradient(
      180deg,
      rgba($color-client, 0.05) 0%,
      $color-white 100%
    );
    border-radius: 15px;
    border-radius: 15px;
    color: $color-client !important;
    padding: 10px;
    .uk-light .uk-form-label {
      color: $color-client !important;
    }
    .uk-input {
      background: $color-white;
      border-radius: 8px;
      border: 1px solid rgba($color-client, .15);
      color: $color-client;
    }
    .title {
      font-weight: 500;
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      margin: 10px auto;
    }
    .info {
      margin: 0 auto 20px;
      width: 90%;
      font-weight: 500;
      font-size: 11px;
      line-height: 14px;
      text-align: center;
    }
    
    .singles {
      .content:nth-child(2n) {
        background: linear-gradient(to bottom, rgba($color-white, .6) 0%,rgba(255,255,255,.25) 100%);
      }
      .content {
        background: linear-gradient(to bottom, rgba($color-white, .5) 0%,rgba(255,255,255,.25) 100%);
        border-radius: 8px;
        padding: 8px;
        margin-bottom: 8px;
        font-size: 14px;
        .title {
          font-weight: 500;
          font-size: 18px;
          line-height: 24px;
          margin: 8px auto 0;
        }
        p {
          margin-top: 8px;
        }
        .icon {
          display: inline-block;
          width: 16px;
        }
        .author {
          font-weight: 600;
        }
        
      }
    }
  }
  
  .bottomboard {
	  margin-bottom: -20px;
	  img {
		  
	  }
  }
  .button-wrapper {
    text-align: center;
    .rating {
      margin: 0 auto;
      width: 100%;
      direction: rtl;
      unicode-bidi: bidi-override;
      color: rgba($color-black, .10);
      input {
        display: none;
      }
      label:hover,
      label:hover ~ label,
      input:checked + label,
      input:checked + label ~ label {
        color: $color-client;
        cursor: pointer;
      }
    }
    .choice {
      margin: 0 auto;
      width: 100%;
      color: rgba($color-black, .10);
      input {
        display: none;
      }
      label:hover,
      input:checked {
        color: $color-client;
        cursor: pointer;
      }
    }
  }
  .input-wrapper {
    textarea {
      background: $color-white;
      border: 2px solid rgba($color-client, 0.1);
      box-sizing: border-box;
      border-radius: 8px;
      color: $color-client !important;
      &:focus {
        border: 2px solid rgba($color-client, 0.2);
      }
    }
  }
}
#wis-map {
  width: 100%;
  height: 320px;
  & > div {
    border-radius: 12px;
    overflow: hidden;
  }
}
.wis-bar {
  text-align: center;
  height: 30px;
  display: block;
  background: $static-white;
  border-radius: 28px;
  margin: 0 10px 10px 10px;
  padding: 10px;
  .uk-grid > * {
    padding: 0 !important;
  }
	.toggle-button {
		cursor: pointer;
		border: none;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: transparent;
		width: 18px !important;
		height: 15px !important;
		margin-top: 7px;
		margin-left: 5px;
		background-image: url(/_assets/icons/bars-wi.svg);
		&.active {
			background-image: url(/_assets/icons/times-wi.svg);
		}
		svg {
			fill: $color-wipurple;
			color: $color-wipurple;
		}
	}
  .wrapper {
    display: flex;
    justify-content: space-between;
    a:hover {
      text-decoration: none;
    }
    .wi-button {
      display: inline-flex;
      color: $color-wipurple;
      &.active {
        background: rgba($color-wipurple, 0.1);
        &:hover {
          cursor: default;
          background: rgba($color-wipurple, 0.1);
        }
      }
      &:hover {
        background: rgba($color-wipurple, 0.05);
      }
      &.wi-button-round {
        align-items: center;
        justify-content: center;
        display: flex;
        border-radius: 18px;
      }
      &.wi-button-round-expand {
        align-items: center;
        justify-content: center;
        display: flex;
        width: auto !important;
        height: 31px !important;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 18px;
        svg {
          margin-left: 6px;
          margin-right: 6px;
        }
      }
    }
  }
}
.wi-bar {
  text-align: center;
  height: 65px;
  display: block;
  background: $static-white;
  border-radius: 28px;
  margin: 0 10px 10px 10px;
  padding: 10px; 
  .uk-grid > * {
    padding: 0 !important;
  }
  .wrapper {
    display: flex;
	@media (max-width: $breakpoint-small) {
		justify-content: space-between;
	}
	@media (min-width: $breakpoint-small) {
		justify-content: space-evenly;
	}
    .wi-button {
		  transition: all 0.3s ease;
      display: inline-flex;
      color: $color-client;
      &.active {
        background: rgba($color-client, 0.1);
        &:hover {
          cursor: default;
          background: rgba($color-client, 0.1);
        }
      }
      &:hover {
		transition: all 0.1s ease;
        background: rgba($color-client, 0.05);
      }
    }
  }
}

.wi-button {
  &.wi-button-round {
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 18px;
	@media (max-width: $breakpoint-small) {
		width: 66px !important;
		height: 66px !important;
	}
	@media (min-width: $breakpoint-small) {
		min-width: 66px;
		padding-left: 12px;
		padding-right: 12px;
		
		width: auto !important;
		height: 66px !important;
		svg, .flag-icon {
			margin-right: 8px;
		}
	}
	&:hover {
		text-decoration: none;
	}
	.fa-layers-counter {
		top: -7px;
		@media (max-width: $breakpoint-small) {
			right: -7px;
		}
		@media (min-width: $breakpoint-small) {
			right: 0;
		}
		-webkit-transform: scale(.6) !important;
		transform: scale(.6) !important;
		-webkit-transform-origin: top right !important;
		transform-origin: top right !important;
		background: rgba($color-client, .8);
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
  }
  &.wi-button-icon {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 48px;
    height: 48px;
    border: none;
    color: $color-client !important;
    background: transparent;
    cursor: pointer;
    font-size: 48px;
    margin-top: 12px;
    svg {
      fill: $color-client;
      color: $color-client;
    }
    &.single {
      margin-left: auto;
      margin-right: auto;
    }
  }
  &.wi-button-icon-wtext {
    align-items: center;
    justify-content: center;
    display: flex;
    width: auto;
    padding: 6px 12px;
    height: auto;
    color: $color-client !important;
    background: transparent;
    cursor: pointer;
    font-size: 22px;
    margin: 12px auto;
    background: rgba($color-client, 0.05);
    border: 1px solid rgba($color-client, 0.35);
    box-sizing: border-box;
    border-radius: 8px;
    &:hover {
      background: rgba($color-client, 0.1);
      border: 1px solid rgba($color-client, 0.5);
    }
    span {
      font-size: 14px;
      margin-left: 8px;
    }
    svg {
      fill: $color-client;
      color: $color-client;
    }
    &.single {
      margin-left: auto;
      margin-right: auto;
    }
  }
  &.wi-button-survey {
    background: rgba($color-client, 6%);
    border-radius: 8px;
    color: $color-client;
    &:hover {
      background: rgba($color-client, 12%);
    }
    &.yes {
      background: rgba($color-client, 0.8);
      color: $color-white;
      &:hover {
        background: rgba($color-client, 1);
      }
    }
    &.no {
      background: rgba($color-black, 0.75);
      color: $color-white;
      &:hover {
        background: rgba($color-black, 1);
      }
    }
  }
  &.wi-button-splash {
    align-items: center;
    justify-content: center;
    display: flex;
    width: auto;
    padding: 12px 12px;
    height: auto;
    cursor: pointer;
    font-size: 18px;
    margin: 12px auto;
    background: rgba($color-client, 0.1);
    border: 1px solid transparent;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    background: rgba($color-client, 1);
    border: 1px solid transparent;
    color: $color-white !important;
    &:disabled {
      background: rgba($color-client, 0.1);
      border: 1px solid transparent;
      color: $color-white !important;
    }
    &:disabled:hover {
      background: rgba($color-client, 0.1);
      border: 1px solid rgba($color-client, 0.5);
      cursor: not-allowed;
    }
    &:hover {
      background: darken($color-client, 4%);
      border: 1px solid rgba($color-client, 1);
		text-decoration: none;
	}
    span {
      font-size: 14px;
      margin-left: 8px;
    }
    svg {
      fill: $color-client;
      color: $color-client;
    }
    &.single {
      margin-left: auto;
      margin-right: auto;
    }
    &.small {
      margin: 6px auto;
      padding: 6px 12px;
      font-size: 14px;
      width: auto;
    }
  }
  &.wis-button {
    align-items: center;
    justify-content: center;
    display: flex;
    width: auto;
    padding: 12px 12px;
    height: auto;
    cursor: pointer;
    font-size: 18px;
    margin: 12px auto;
    background: rgba($color-wipurple, 0.1);
    border: 1px solid transparent;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    background: rgba($color-wipurple, 1);
    border: 1px solid transparent;
    color: $color-white !important;
    &:disabled {
      background: rgba($color-wipurple, 0.1);
      border: 1px solid transparent;
      color: $color-white !important;
    }
    &:disabled:hover {
      background: rgba($color-wipurple, 0.1);
      border: 1px solid rgba($color-client, 0.5);
      cursor: not-allowed;
    }
    &:hover {
      background: darken($color-wipurple, 4%);
      border: 1px solid rgba($color-client, 1);
    }
    span {
      font-size: 14px;
      margin-left: 8px;
    }
    svg {
      fill: $color-client;
      color: $color-client;
    }
    &.single {
      margin-left: auto;
      margin-right: auto;
    }
    &.small {
      margin: 6px auto;
      padding: 6px 12px;
      font-size: 14px;
      width: auto;
    }
  }
  &.wi-button-narrow {
    padding: 0 15px !important;
  }
  &.wi-button-thanks {
    background-color: rgba($color-client, .2) !important;
  }
  &.wi-button-white {
    background-color: rgba($color-white, .8) !important;
  }
}
.uk-button {
  &.uk-button-wi {
    color: $static-white;
    background: $color-client;
    border-radius: 12px;
    font-size: 18px;
    &:hover {
      background: darken($color-client, 4);
    }
  }
  &.uk-button-wi-slim {
    color: $static-white;
    background: $color-client;
    border-radius: 12px;
    font-size: 14px;
    line-height: 12px;
    padding: 12px 4px;
    margin-bottom: 15px;
    &:hover {
      background: darken($color-client, 4);
    }
    &.outline {
      color: $color-client;
      background: transparent;
      border: 2px solid $color-client;
      &:hover {
        background: rgba($color-client, .2);
      }
    }
  }
  &.uk-button-wis {
    color: $static-white;
    background: $color-wipurple;
    height: 26px;
    width: 100%;
    border-radius: 4px;
    line-height: 24px;
    text-align: left;
    padding-left: 12px;
  }
}

.wi-cards {
  display: block;
  margin: 0 auto;
  &.alt {
    
    .card {
      margin-bottom: 12px;
      clip-path: none;
        border-radius: 8px;
        color: $color-grey;
        height: 58px;
        //border-top: 1px solid $color-white;
      
        -webkit-box-shadow: inset 0px 3px 0px 0px rgba($color-black, 0.08);
        -moz-box-shadow: inset 0px 3px 0px 0px rgba($color-black, 0.08);
        box-shadow: inset 0px 3px 0px 0px rgba($color-black, 0.08);
      
      margin-top: -3px;
      transition: all 0.3s ease;
    }
    .card-end {
      display: none;
    }
  }
  .card {
    background: linear-gradient(180deg, darken($color-white, 8%) 0%, $color-white 63.02%),
      $color-white;
    box-shadow: 0px -2px 0px $color-white;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
    color: $color-grey;
    height: 58px;
    //border-top: 1px solid $color-white;
    clip-path: polygon(0 0, 100% 0, 99% 100%, 1% 100%);

    -webkit-box-shadow: inset 0px 3px 0px 0px rgba($color-black, 0.08);
    -moz-box-shadow: inset 0px 3px 0px 0px rgba($color-black, 0.08);
    box-shadow: inset 0px 3px 0px 0px rgba($color-black, 0.08);
	
	margin-top: -3px;
	transition: all 0.3s ease;
    span.slim {
      display: block;
      font-weight: 300;
      font-size: .8rem;
      line-height: .8rem;
      margin-bottom: 0px;
    }
    &.cl-client {
      background: linear-gradient(180deg, darken($color-client, 4%) 0%, $color-client 17.19%), $color-client;
      //box-shadow: 0px -2px 0px #39A37D;

      box-shadow: inset 0px 3px 0px 0px lighten($color-client, 5%);
      padding-top: 3px;

      color: $color-white;
    }
    // &.client-dark {
    // 	background: linear-gradient(180deg, #EBEBEB 0%, $color-white 63.02%), $color-white;
    // 	color: $color-type;
    // }
    &.cl-facebook {
    	background: linear-gradient(180deg, darken($static-facebook, 8%) 0%, $static-facebook 30.21%), $static-facebook;
		box-shadow: inset 0px 3px 0px 0px lighten($static-facebook, 5%);
		padding-top: 3px;
    	color: $static-white;
		&:hover, &:active, &::selection {
			color: $static-white !important;
		}
    }
    &.cl-connect-free {
      background: linear-gradient(180deg, darken($color-connect-free, 14%) 0%, $color-connect-free 17.19%), $color-connect-free;
      //box-shadow: 0px -2px 0px #39A37D;
      
      box-shadow: inset 0px 3px 0px 0px lighten($color-connect-free, 5%);
      padding-top: 3px;
      
      color: $color-white;
    }
    &.cl-connect-paid {
      background: linear-gradient(180deg, darken($color-connect-paid, 4%) 0%, $color-connect-paid 17.19%), $color-connect-paid;
      //box-shadow: 0px -2px 0px #39A37D;
      
      box-shadow: inset 0px 3px 0px 0px lighten($color-connect-paid, 5%);
      padding-top: 3px;
      
      color: $color-white;
    }
    &.cl-connect-paid-hourly {
      background: linear-gradient(180deg, darken($color-connect-paid-hourly, 4%) 0%, $color-connect-paid-hourly 17.19%), $color-connect-paid-hourly;
      //box-shadow: 0px -2px 0px #39A37D;
      
      box-shadow: inset 0px 3px 0px 0px lighten($color-connect-paid-hourly, 5%);
      padding-top: 3px;
      
      color: $color-white;
    }
    &.cl-connect-paid-alt {
      background: linear-gradient(180deg, darken($color-connect-paid-alt, 4%) 0%, $color-connect-paid-alt 17.19%), $color-connect-paid-alt;
      //box-shadow: 0px -2px 0px #39A37D;
      
      box-shadow: inset 0px 3px 0px 0px lighten($color-connect-paid-alt, 5%);
      padding-top: 3px;
      
      color: $color-white;
    }
    &.cl-connect-paid-hourly-alt {
      background: linear-gradient(180deg, darken($color-connect-paid-hourly-alt, 4%) 0%, $color-connect-paid-hourly-alt 17.19%), $color-connect-paid-hourly-alt;
      //box-shadow: 0px -2px 0px #39A37D;
      
      box-shadow: inset 0px 3px 0px 0px lighten($color-connect-paid-hourly-alt, 5%);
      padding-top: 3px;
      
      color: $color-white;
    }
    .icon {
      width: 80px;
	  padding-left: 55px;
    }
	&:hover {
		  text-decoration: none;
		height: 62px;
		margin-top: -7px;
		cursor: pointer;
		transition: all 0.1s ease;
	}
  }
  .card-end {
    background: linear-gradient(0deg, rgba($color-white,0) 0%, rgba($color-white,0) 50%, rgba($color-white,1) 100%);;
    height: 30px;
    border-radius: 0 0 8px 8px;
	clip-path: polygon(1% 0, 99% 0, 98% 100%, 2% 100%);
  }
}
.wi-skeleton-wrapper {
  .wi-skeleton {
    background-color: rgba($color-client, .1);
    border-radius: 16px;
  }
  .wi-margin {
    margin-bottom: 20px;
  }
  .wi-block {
    height: 220px;
  }
  .wi-text {
    background-color: rgba($color-client, .1);
    border-radius: 16px;
    display: block;
    margin: 0 auto;
    height: 24px;
    margin-bottom: 12px;
  }
  .wi-button {
    background-color: rgba($color-client, .1);
    border-radius: 16px;
    display: block;
    margin: 20px auto;
    width: 180px;
    height: 44px;
  }
  .wi-image {
    height: 220px;
  }
  .wi-facebook {
    height: 140px;
    padding-top: 100px;
    .block {
      margin: 0 auto;
      height: 120px;
      width: 90%;
      background-color: rgba($color-client, .1);
      border-radius: 16px;
    }
  }
  .wi-survey {
    padding-top: 80px;
    height: 200px;
  }
  .wi-instagram {
    padding-top: 40px;
    height: 400px;
    .block {
      margin: 0 auto;
      height: 340px;
      width: 90%;
      background-color: rgba($color-client, .1);
      border-radius: 16px;
    }
  }
  .wi-instagram-posts {
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
    .block {
      margin: 0 auto 30px;
      height: 340px;
      width: 90%;
      background-color: rgba($color-client, .1);
      border-radius: 16px;
    }
  }
  .wi-news {
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
    .block {
      margin: 20px auto;
      height: 140px;
      width: 90%;
      background-color: rgba($color-client, .1);
      border-radius: 16px;
    }
  }
  .wi-smartbanner {
    margin-top: 20px;
    &.wi-skeleton {
      border-radius: 0;
      @media (min-width: $breakpoint-small) {
        border-radius: 16px;
      }
    }
    .w-squircle {
      background-color: $color-white !important;
    }
    .wi-text {
      width: 100px;
      margin-bottom: 0;
    }
    .wi-button {
      width: 80px;
      margin-top: 0;
      margin-bottom: 0;
    }
    .uk-flex-middle {
      padding-left: 15px;
    }
  }
  
  @keyframes placeHolderShimmer {
      0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          background-position: 100% 0
      }
      to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          background-position: -100% 0
      }
  }
  .animated-background {
    will-change: transform;
    animation: placeHolderShimmer 1s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    background: #e6e6e6;
    background: linear-gradient(90deg, rgba($color-client, .1) 10%, rgba($color-client, .2) 30%, rgba($color-client, .1) 50%);
    background-size: 800px 404px;
}
}
.wi-form {
  display: block;
  margin: 0 auto;
  .entry {
    background: $color-white;
    border-radius: 12px;
    padding: 15px 25px;
    .icon {
      margin: 30px auto;
    }
    .guide {
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: rgba($color-client, 0.8);
    }
    .uk-form-label {
      display: block;
      margin-bottom: 4px;
      font-size: 14px;
      line-height: 17px;
      color: $color-client;
    }
    .uk-input,
    .uk-select,
    .uk-textarea {
      max-width: 100%;
      width: 100%;
      border: 0 none;
      padding: 0 10px;
      text-align: center;
      background: $color-white;
      color: $color-client;
      font-weight: bold;
      font-size: 18px;
      border: 2px solid $color-client;
      border-radius: 6px;
      transition: 0.2s ease-in-out;
      transition-property: color, background-color, border;
      &::placeholder,
      &::-webkit-input-placeholder {
        color: rgba($color-client, 0.4) !important;
      }
    }
    .uk-select {
      padding-left: 35px;
      text-align: center !important;
    }
	#new-pwd-strength {
		&::selection {
			background: $color-client !important;
			color: $color-client !important;
		}
	}
    .uk-input {
      @include placeholder {
        color: $color-client;
        font-size: 14px;
        padding-top: 12px;
      }
      &[type="password"] {
        color: $color-client;
        font-size: 24px;
		-webkit-text-size-adjust: 100%;
        letter-spacing: 5px;
        line-height: 28px;
		  padding: 0 4px 0 10px;
		 font-family: "pass";
		 -webkit-text-security: disc;
        @include placeholder {
          color: rgba($color-client, 0.4);
          /*
					font-size: 36px;
					padding-top: 12px;
					letter-spacing: 5px;
					*/
        }
        @include placeholder {
          color: $color-client;
          font-size: 28px;
          padding-top: 12px;
        }
      }
	  
	&[type="tel"] {
		padding-left: 88px !important;
		  @include placeholder {
			color: $color-client;
			font-size: 18px;
			padding-top: 1px;
		  }
	}
      &[type="number"]::-webkit-inner-spin-button,
      &[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
      }
    }
    .uk-form-icon,
    svg {
      color: rgba($color-client, 0.4) !important;
    }
    [class*="uk-inline"] {
      display: block;
    }
    .uk-inline {
      .uk-input {
        padding-left: 18px !important;
		  &[type="tel"] {
			  padding-left: 88px !important;
		  }
      }
    }
    .info {
      width: 80%;
      display: block;
      margin: 0 auto;
      font-weight: 500;
      font-size: 12px;
      line-height: 15px;
      color: $color-type-redundant;
    }
  }
  .action {
  }
  .extras {
    display: block;
    width: 80%;
    margin: 20px auto;
    p {
      color: rgba($color-client, 0.5);
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      &.spacious {
        margin-top: 40px !important;
      }
    }
  }
  .alert {
    background: $color-white;
    box-shadow: inset 0px 0px 0px 5px rgba($color-client, 0.35);
    border-radius: 12px;
    padding: 15px;
    .text {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
    }
    .icon {
    }
    .fa-stack {
      width: 1em;
    }
    svg {
      color: rgba($color-client, 0.35);
    }
  }
  .permissions {
    .timeout {
      margin: 20px auto;
      width: 60%;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      p {
        margin-bottom: 5px;
      }
      a {
        color: rgba($color-client, 0.5);
      }
    }
    .checkboxes {
      text-align: left;
      .checkbox {
      }
      label {
        padding-left: 30px;
        display: block;
        margin-bottom: 12px;
        input {
          margin-left: -30px;
        }
        a {
          color: $color-client;
          font-weight: bold;
          font-size: 14px;
          line-height: 17px;
          text-decoration-line: underline;
        }
      }
    }
  }
  .disclaimer {
    font-size: 12px;
  }
}

  .wi-extras { //normally under wi-form
	display: block;
	width: 80%;
	margin: 20px auto;
	p {
	  color: rgba($color-client, 0.5);
	  font-weight: 500;
	  font-size: 14px;
	  line-height: 17px;
	  text-align: center;
	  &.spacious {
		margin-top: 40px !important;
	  }
	}
  }
  
	.wi-alert { //normally under wi-form
	  background: $color-white;
	  box-shadow: inset 0px 0px 0px 5px rgba($color-client, 0.35);
	  border-radius: 12px;
	  padding: 15px;
      margin-bottom: 10px;
      margin-top: 10px;
	  .text {
		font-weight: 500;
		font-size: 14px;
		line-height: 17px;
	  }
	  .icon {
	  }
	  .fa-stack {
		width: 1em;
	  }
	  svg {
		color: rgba($color-client, 0.35);
	  }
	}
.uk-radio,
.uk-checkbox {
  display: inline-block;
  height: 26px;
  width: 26px;
  overflow: hidden;
  margin-top: -4px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: $color-white;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid rgba($color-black, .15);
  transition: 0.2s ease-in-out;
  transition-property: background-color, border;

  border: 2px solid $color-client;
  box-sizing: border-box;
  border-radius: 6px;
  &:checked,
  &:indeterminate {
    background-color: $color-client;
    color: $color-white;
    fill: $color-white;
  }
}
.uk-modal {
  background: rgba($color-client, 0.6);
}
.uk-modal-dialog {
  border-radius: 28px;
}
.wis-modal.uk-modal {
	  background: rgba($color-wipurple, 0.6);
}

#progress {
  width: 90%;
  margin: 10px auto;
  height: 5px;
  background-color: rgba($color-client, 0.2);
  border-radius: 2px;
}

#progress div {
  height: 100%;
  padding: 0 10px;
  width: 0;
  background-color: rgba($color-client, 0.4);
  box-sizing: border-box;
  border-radius: 2px;
}
.uk-subnav-pill>.uk-active>a {
	background-color: rgba($color-white, .5);
}


.w-smart-banner {
	background: rgba($color-client, .2);
	margin-top: 25px;
	@media (min-width: $breakpoint-small) {
		border-radius: 16px;
	}
	&.uk-alert {
		padding: 15px 15px 15px 32px;
	}
	.uk-close {
		right: auto;
		left: 10px;
		  top: 50%;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
	}
	.uk-width-expand {
		padding-left: 15px;
	}
	.title {
		color: $color-client;
		font-size: 14px;
		font-weight: 500;
	}
	.author {
		color: rgba($color-client, .8);
		font-size: 12px;
	}
	.wi-sb-button {
		background: $color-client;
		color: $color-white;
		font-weight: 500;
		font-size: 14px;
		padding: 0 15px;
		border: none;
		border-radius: 8px;
	}
}

.w-squircle {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	  height: 65px;
	  width: 65px;
	  background-color: green;
	  clip-path: polygon(
		100% 50%, 100% 56.6%, 100% 59.3%, 100% 61.4%, 99.9% 63.2%, 99.9% 64.8%, 99.9% 66.2%, 99.8% 67.5%, 99.8% 68.7%, 99.7% 69.8%, 99.6% 70.8%, 99.5% 71.8%, 99.5% 72.8%, 99.4% 73.7%, 99.3% 74.6%, 99.1% 75.4%, 99% 76.3%, 98.9% 77%, 98.8% 77.8%, 98.6% 78.5%, 98.5% 79.2%, 98.3% 79.9%, 98.1% 80.6%, 98% 81.3%, 97.8% 81.9%, 97.6% 82.5%, 97.4% 83.1%, 97.2% 83.7%, 97% 84.3%, 96.8% 84.8%, 96.5% 85.4%, 96.3% 85.9%, 96% 86.4%, 95.8% 86.9%, 95.5% 87.4%, 95.3% 87.9%, 95% 88.3%, 94.7% 88.8%, 94.4% 89.2%, 94.1% 89.7%, 93.8% 90.1%, 93.4% 90.5%, 93.1% 90.9%, 92.8% 91.3%, 92.4% 91.7%, 92% 92%, 91.7% 92.4%, 91.3% 92.8%, 90.9% 93.1%, 90.5% 93.4%, 90.1% 93.8%, 89.7% 94.1%, 89.2% 94.4%, 88.8% 94.7%, 88.3% 95%, 87.9% 95.3%, 87.4% 95.5%, 86.9% 95.8%, 86.4% 96%, 85.9% 96.3%, 85.4% 96.5%, 84.8% 96.8%, 84.3% 97%, 83.7% 97.2%, 83.1% 97.4%, 82.5% 97.6%, 81.9% 97.8%, 81.3% 98%, 80.6% 98.1%, 79.9% 98.3%, 79.2% 98.5%, 78.5% 98.6%, 77.8% 98.8%, 77% 98.9%, 76.3% 99%, 75.4% 99.1%, 74.6% 99.3%, 73.7% 99.4%, 72.8% 99.5%, 71.8% 99.5%, 70.8% 99.6%, 69.8% 99.7%, 68.7% 99.8%, 67.5% 99.8%, 66.2% 99.9%, 64.8% 99.9%, 63.2% 99.9%, 61.4% 100%, 59.3% 100%, 56.6% 100%, 50% 100%, 43.4% 100%, 40.7% 100%, 38.6% 100%, 36.8% 99.9%, 35.2% 99.9%, 33.8% 99.9%, 32.5% 99.8%, 31.3% 99.8%, 30.2% 99.7%, 29.2% 99.6%, 28.2% 99.5%, 27.2% 99.5%, 26.3% 99.4%, 25.4% 99.3%, 24.6% 99.1%, 23.7% 99%, 23% 98.9%, 22.2% 98.8%, 21.5% 98.6%, 20.8% 98.5%, 20.1% 98.3%, 19.4% 98.1%, 18.7% 98%, 18.1% 97.8%, 17.5% 97.6%, 16.9% 97.4%, 16.3% 97.2%, 15.7% 97%, 15.2% 96.8%, 14.6% 96.5%, 14.1% 96.3%, 13.6% 96%, 13.1% 95.8%, 12.6% 95.5%, 12.1% 95.3%, 11.7% 95%, 11.2% 94.7%, 10.8% 94.4%, 10.3% 94.1%, 9.9% 93.8%, 9.5% 93.4%, 9.1% 93.1%, 8.7% 92.8%, 8.3% 92.4%, 8% 92%, 7.6% 91.7%, 7.2% 91.3%, 6.9% 90.9%, 6.6% 90.5%, 6.2% 90.1%, 5.9% 89.7%, 5.6% 89.2%, 5.3% 88.8%, 5% 88.3%, 4.7% 87.9%, 4.5% 87.4%, 4.2% 86.9%, 4% 86.4%, 3.7% 85.9%, 3.5% 85.4%, 3.2% 84.8%, 3% 84.3%, 2.8% 83.7%, 2.6% 83.1%, 2.4% 82.5%, 2.2% 81.9%, 2% 81.3%, 1.9% 80.6%, 1.7% 79.9%, 1.5% 79.2%, 1.4% 78.5%, 1.2% 77.8%, 1.1% 77%, 1% 76.3%, 0.9% 75.4%, 0.7% 74.6%, 0.6% 73.7%, 0.5% 72.8%, 0.5% 71.8%, 0.4% 70.8%, 0.3% 69.8%, 0.2% 68.7%, 0.2% 67.5%, 0.1% 66.2%, 0.1% 64.8%, 0.1% 63.2%, 0% 61.4%, 0% 59.3%, 0% 56.6%, 0% 50%, 0% 43.4%, 0% 40.7%, 0% 38.6%, 0.1% 36.8%, 0.1% 35.2%, 0.1% 33.8%, 0.2% 32.5%, 0.2% 31.3%, 0.3% 30.2%, 0.4% 29.2%, 0.5% 28.2%, 0.5% 27.2%, 0.6% 26.3%, 0.7% 25.4%, 0.9% 24.6%, 1% 23.7%, 1.1% 23%, 1.2% 22.2%, 1.4% 21.5%, 1.5% 20.8%, 1.7% 20.1%, 1.9% 19.4%, 2% 18.7%, 2.2% 18.1%, 2.4% 17.5%, 2.6% 16.9%, 2.8% 16.3%, 3% 15.7%, 3.2% 15.2%, 3.5% 14.6%, 3.7% 14.1%, 4% 13.6%, 4.2% 13.1%, 4.5% 12.6%, 4.7% 12.1%, 5% 11.7%, 5.3% 11.2%, 5.6% 10.8%, 5.9% 10.3%, 6.2% 9.9%, 6.6% 9.5%, 6.9% 9.1%, 7.2% 8.7%, 7.6% 8.3%, 8% 8%, 8.3% 7.6%, 8.7% 7.2%, 9.1% 6.9%, 9.5% 6.6%, 9.9% 6.2%, 10.3% 5.9%, 10.8% 5.6%, 11.2% 5.3%, 11.7% 5%, 12.1% 4.7%, 12.6% 4.5%, 13.1% 4.2%, 13.6% 4%, 14.1% 3.7%, 14.6% 3.5%, 15.2% 3.2%, 15.7% 3%, 16.3% 2.8%, 16.9% 2.6%, 17.5% 2.4%, 18.1% 2.2%, 18.7% 2%, 19.4% 1.9%, 20.1% 1.7%, 20.8% 1.5%, 21.5% 1.4%, 22.2% 1.2%, 23% 1.1%, 23.7% 1%, 24.6% 0.9%, 25.4% 0.7%, 26.3% 0.6%, 27.2% 0.5%, 28.2% 0.5%, 29.2% 0.4%, 30.2% 0.3%, 31.3% 0.2%, 32.5% 0.2%, 33.8% 0.1%, 35.2% 0.1%, 36.8% 0.1%, 38.6% 0%, 40.7% 0%, 43.4% 0%, 50% 0%, 56.6% 0%, 59.3% 0%, 61.4% 0%, 63.2% 0.1%, 64.8% 0.1%, 66.2% 0.1%, 67.5% 0.2%, 68.7% 0.2%, 69.8% 0.3%, 70.8% 0.4%, 71.8% 0.5%, 72.8% 0.5%, 73.7% 0.6%, 74.6% 0.7%, 75.4% 0.9%, 76.3% 1%, 77% 1.1%, 77.8% 1.2%, 78.5% 1.4%, 79.2% 1.5%, 79.9% 1.7%, 80.6% 1.9%, 81.3% 2%, 81.9% 2.2%, 82.5% 2.4%, 83.1% 2.6%, 83.7% 2.8%, 84.3% 3%, 84.8% 3.2%, 85.4% 3.5%, 85.9% 3.7%, 86.4% 4%, 86.9% 4.2%, 87.4% 4.5%, 87.9% 4.7%, 88.3% 5%, 88.8% 5.3%, 89.2% 5.6%, 89.7% 5.9%, 90.1% 6.2%, 90.5% 6.6%, 90.9% 6.9%, 91.3% 7.2%, 91.7% 7.6%, 92% 8%, 92.4% 8.3%, 92.8% 8.7%, 93.1% 9.1%, 93.4% 9.5%, 93.8% 9.9%, 94.1% 10.3%, 94.4% 10.8%, 94.7% 11.2%, 95% 11.7%, 95.3% 12.1%, 95.5% 12.6%, 95.8% 13.1%, 96% 13.6%, 96.3% 14.1%, 96.5% 14.6%, 96.8% 15.2%, 97% 15.7%, 97.2% 16.3%, 97.4% 16.9%, 97.6% 17.5%, 97.8% 18.1%, 98% 18.7%, 98.1% 19.4%, 98.3% 20.1%, 98.5% 20.8%, 98.6% 21.5%, 98.8% 22.2%, 98.9% 23%, 99% 23.7%, 99.1% 24.6%, 99.3% 25.4%, 99.4% 26.3%, 99.5% 27.2%, 99.5% 28.2%, 99.6% 29.2%, 99.7% 30.2%, 99.8% 31.3%, 99.8% 32.5%, 99.9% 33.8%, 99.9% 35.2%, 99.9% 36.8%, 100% 38.6%, 100% 40.7%, 100% 43.4%
	  );
}
	
.hide {
	display: none;
}


/*

Library not in use, removed for saving space

:root {
  --plyr-color-main: $color-red;
}

.player {
  --plyr-color-main: $color-red;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  height: 100%;
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: rgba($color-black, .6);
  background: var(--plyr-badge-background, rgba($color-black, .6));
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: $color-white;
  color: var(--plyr-badge-text-color, $color-white);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(10px * 2);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(10px * -4));
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: $color-white;
  color: var(--plyr-captions-text-color, $color-white);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}
.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(10px * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  outline-color: #00b3ff;
  outline-color: var(
    --plyr-tab-focus-color,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}
a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
  display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: calc(10px / 4);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(10px / 4);
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(10px / 2);
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr__controls:empty {
  display: none;
}
.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"] {
  display: none;
}
.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded="true"] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: 4px solid transparent;
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(((18px / 2) + calc(10px * 0.7)) - (4px / 2));
  right: calc(
    (
        (var(--plyr-control-icon-size, 18px) / 2) +
          calc(var(--plyr-control-spacing, 10px) * 0.7)
      ) - (var(--plyr-menu-arrow-size, 4px) / 2)
  );
  top: 100%;
  width: 0;
}
.plyr__menu__container [role="menu"] {
  padding: calc(10px * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
  margin-top: 2px;
}
.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding-bottom: calc(calc(10px * 0.7) / 1.5);
  padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
  padding-left: calc(calc(10px * 0.7) * 1.5);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  padding-right: calc(calc(10px * 0.7) * 1.5);
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  padding-top: calc(calc(10px * 0.7) / 1.5);
  padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(10px * 0.7) * 4);
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: calc((calc(10px * 0.7) * 1.5) - 4px);
  right: calc(
    (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) -
      var(--plyr-menu-item-arrow-size, 4px)
  );
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(10px * 0.7);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(10px * 0.7) / 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(10px * 0.7) * 4);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - (calc(10px * 0.7) * 2));
  width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: calc((calc(10px * 0.7) * 1.5) - 4px);
  left: calc(
    (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) -
      var(--plyr-menu-item-arrow-size, 4px)
  );
}
.plyr__menu__container .plyr__control--back::before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 $color-white;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, $color-white);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(10px * 0.7) / 2);
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
  padding-left: calc(10px * 0.7);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::after,
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
  background: $color-white;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
  background: #00b3ff;
  background: var(
    --plyr-control-toggle-checked-background,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"][aria-checked="true"]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before {
  background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(10px * 0.7) - 2) * -1);
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
  overflow: hidden;
  padding-left: calc(calc(10px * 0.7) * 3.5);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}
.plyr--full-ui input[type="range"] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: calc(13px * 2);
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b3ff;
  color: var(
    --plyr-range-fill-background,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  display: block;
  height: calc((3px * 2) + 13px);
  height: calc(
    (var(--plyr-range-thumb-active-shadow-width, 3px) * 2) +
      var(--plyr-range-thumb-height, 13px)
  );
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(to right, currentColor 0, transparent 0);
  background-image: linear-gradient(
    to right,
    currentColor var(--value, 0),
    transparent var(--value, 0)
  );
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  background: $color-white;
  background: var(--plyr-range-thumb-background, $color-white);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  -webkit-appearance: none;
  margin-top: calc(((13px - 5px) / 2) * -1);
  margin-top: calc(
    (
        (
            var(--plyr-range-thumb-height, 13px) -
              var(--plyr-range-track-height, 5px)
          ) / 2
      ) * -1
  );
}
.plyr--full-ui input[type="range"]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
  background: $color-white;
  background: var(--plyr-range-thumb-background, $color-white);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type="range"]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
  background: $color-white;
  background: var(--plyr-range-thumb-background, $color-white);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
}
.plyr--full-ui input[type="range"]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type="range"]:focus {
  outline: 0;
}
.plyr--full-ui input[type="range"]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui
  input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: #00b3ff;
  outline-color: var(
    --plyr-tab-focus-color,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
  outline-color: #00b3ff;
  outline-color: var(
    --plyr-tab-focus-color,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline-color: #00b3ff;
  outline-color: var(
    --plyr-tab-focus-color,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}
.plyr__poster {
  background-color: $color-black;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time + .plyr__time::before {
  content: "\2044";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: calc(768px - 1)) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(10px / 2) * 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) / 2)
    calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control
  .plyr__tooltip::before {
  left: calc((18px / 2) + calc(10px * 0.7));
  left: calc(
    (var(--plyr-control-icon-size, 18px) / 2) +
      calc(var(--plyr-control-spacing, 10px) * 0.7)
  );
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc((18px / 2) + calc(10px * 0.7));
  right: calc(
    (var(--plyr-control-icon-size, 18px) / 2) +
      calc(var(--plyr-control-spacing, 10px) * 0.7)
  );
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control
  .plyr__tooltip--visible,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control.plyr__tab-focus
  .plyr__tooltip,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control:hover
  .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1);
}
.plyr__progress {
  left: calc(13px * 0.5);
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type="range"],
.plyr__progress__buffer {
  margin-left: calc(13px * -0.5);
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(13px * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type="range"] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc((5px / 2) * -1);
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(
    -45deg,
    rgba(35, 40, 47, 0.6) 25%,
    transparent 25%,
    transparent 50%,
    rgba(35, 40, 47, 0.6) 50%,
    rgba(35, 40, 47, 0.6) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    -45deg,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
    transparent 25%,
    transparent 50%,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
    transparent 75%,
    transparent
  );
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px)
    var(--plyr-progress-loading-size, 25px);
  color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(
    --plyr-video-progress-buffered-background,
    rgba(255, 255, 255, 0.25)
  );
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(
    --plyr-audio-progress-buffered-background,
    rgba(193, 200, 209, 0.6)
  );
}
.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}
.plyr__volume input[type="range"] {
  margin-left: calc(10px / 2);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(10px / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}
.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: $color-white;
  background: var(--plyr-audio-controls-background, $color-white);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
  background: #00b3ff;
  background: var(
    --plyr-audio-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  color: $color-white;
  color: var(--plyr-audio-control-color-hover, $color-white);
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(
    --plyr-audio-progress-buffered-background,
    rgba(193, 200, 209, 0.6)
  );
}
.plyr--video {
  background: $color-black;
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: $color-black;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background: var(
    --plyr-video-controls-background,
    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))
  );
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: $color-white;
  color: var(--plyr-video-control-color, $color-white);
  left: 0;
  padding: calc(10px / 2);
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(10px * 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(10px * 3.5);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background: #00b3ff;
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  color: $color-white;
  color: var(--plyr-video-control-color-hover, $color-white);
}
.plyr__control--overlaid {
  background: #00b3ff;
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b3ff))
  );
  border: 0;
  border-radius: 100%;
  color: $color-white;
  color: var(--plyr-video-control-color, $color-white);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(10px * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2),
    0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}
.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.25);
  color: var(
    --plyr-video-progress-buffered-background,
    rgba(255, 255, 255, 0.25)
  );
}
.plyr:-webkit-full-screen {
  background: $color-black;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen {
  background: $color-black;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen {
  background: $color-black;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr:-webkit-full-screen {
  background: $color-black;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr:-moz-full-screen {
  background: $color-black;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr:-ms-fullscreen {
  background: $color-black;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: $color-black;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: $color-white;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads::after:empty {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin: -var(--plyr-range-track-height, 5px) / 2 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(10px / 2) * 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: calc(3px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: calc(3px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: $color-white;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px;
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}
*/

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
}
.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: $color-white;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: $color-white;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover,
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, $color-white 50%, #eee 100%);
  background-image: -o-linear-gradient(top, $color-white 50%, #eee 100%);
  background-image: linear-gradient(to bottom, $color-white 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-whiteFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, $color-white 0%, #eee 50%);
  background-image: -o-linear-gradient(top, $color-white 0%, #eee 50%);
  background-image: linear-gradient(to bottom, $color-white 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-whiteFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, $color-white 100%);
  background-image: -o-linear-gradient(top, #eee 50%, $color-white 100%);
  background-image: linear-gradient(to bottom, #eee 50%, $color-white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='$color-whiteFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: $color-white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: $color-white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container--bootstrap4 .select2-selection--single {
  height: calc(1.5em + 0.75rem + 2px) !important;
}
.select2-container--bootstrap4
  .select2-selection--single
  .select2-selection__placeholder {
  color: #757575;
  line-height: calc(1.5em + 0.75rem);
}
.select2-container--bootstrap4
  .select2-selection--single
  .select2-selection__arrow {
  position: absolute;
  top: 50%;
  right: 3px;
  width: 20px;
}
.select2-container--bootstrap4
  .select2-selection--single
  .select2-selection__arrow
  b {
  top: 60%;
  border-color: #343a40 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
}
.select2-container--bootstrap4
  .select2-selection--single
  .select2-selection__rendered {
  line-height: calc(1.5em + 0.75rem);
}
.select2-search--dropdown .select2-search__field {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.select2-results__message {
  color: #6c757d;
}
.select2-container--bootstrap4 .select2-selection--multiple {
  min-height: calc(1.5em + 0.75rem + 2px) !important;
}
.select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 8px;
  width: 100%;
}
.select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__rendered
  .select2-search__field {
  width: 100% !important;
}
.select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__choice {
  color: #343a40;
  border: 1px solid #bdc6d0;
  border-radius: 0.2rem;
  padding: 0 5px 0 0;
  cursor: pointer;
  float: left;
  margin-top: 0.3em;
  margin-right: 5px;
}
.select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #bdc6d0;
  font-weight: 700;
  margin-left: 3px;
  margin-right: 1px;
  padding-right: 3px;
  padding-left: 3px;
  float: left;
}
.select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #343a40;
}
.select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__clear {
  float: none;
  margin-right: 0;
  position: absolute !important;
  top: 0;
  right: 0.7em;
}
.select2-container {
  display: block;
}
.select2-container :focus {
  outline: 0;
}
.input-group .select2-container--bootstrap4 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.input-group-prepend ~ .select2-container--bootstrap4 .select2-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group
  > .select2-container--bootstrap4:not(:last-child)
  .select2-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--bootstrap4 .select2-selection {
  background-color: $color-white;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .select2-container--bootstrap4 .select2-selection {
    -webkit-transition: none;
    transition: none;
  }
}
.select2-container--bootstrap4.select2-container--focus .select2-selection {
  border-color: $color-red;
  -webkit-box-shadow: 0 0 0 0.2rem rgba($color-red, 0.25);
  box-shadow: 0 0 0 0.2rem rgba($color-red, 0.25);
}
.select2-container--bootstrap4.select2-container--focus.select2-container--open
  .select2-selection {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--bootstrap4.select2-container--disabled.select2-container--focus
  .select2-selection,
.select2-container--bootstrap4.select2-container--disabled .select2-selection {
  background-color: #e9ecef;
  cursor: not-allowed;
  border-color: #ced4da;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container--bootstrap4.select2-container--disabled.select2-container--focus
  .select2-search__field,
.select2-container--bootstrap4.select2-container--disabled
  .select2-search__field {
  background-color: transparent;
}
form.was-validated
  select:invalid
  ~ .select2-container--bootstrap4
  .select2-selection,
select.is-invalid ~ .select2-container--bootstrap4 .select2-selection {
  border-color: #dc3545;
}
form.was-validated
  select:valid
  ~ .select2-container--bootstrap4
  .select2-selection,
select.is-valid ~ .select2-container--bootstrap4 .select2-selection {
  border-color: #28a745;
}
.select2-container--bootstrap4 .select2-dropdown {
  border-color: #ced4da;
  border-radius: 0;
}
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below {
  border-top: none;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
  border-top: 1px solid #ced4da;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.select2-container--bootstrap4
  .select2-dropdown
  .select2-results__option[aria-selected="true"] {
  background-color: #e9ecef;
}
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4
  .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  background-color: $color-red;
  color: #f8f9fa;
}
.select2-container--bootstrap4 .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--bootstrap4
  .select2-results__option[role="group"]
  .select2-results__options--nested
  .select2-results__option {
  padding-left: 1em;
}
.select2-container--bootstrap4 .select2-results > .select2-results__options {
  max-height: 15em;
  overflow-y: auto;
}
.select2-container--bootstrap4 .select2-results__group {
  padding: 6px;
  display: list-item;
  color: #6c757d;
}
.select2-container--bootstrap4 .select2-selection__clear {
  width: 0.9em;
  height: 0.9em;
  line-height: 0.75em;
  padding-left: 0.15em;
  margin-top: 0.7em;
  border-radius: 100%;
  background-color: #c8c8c8;
  color: #f8f9fa;
  float: right;
  margin-right: 0.3em;
}
.select2-container--bootstrap4 .select2-selection__clear:hover {
  background-color: #afafaf;
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: 0;
  overflow: hidden;
}
.glightbox-container.inactive {
  display: none;
}
.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}
.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}
.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}
.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}
.glightbox-container .gslide-inner-content {
  width: 100%;
}
.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}
.gslide iframe,
.gslide video {
  outline: 0 !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}
.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.gslide-image img {
  max-height: 100vh;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  outline: 0;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}
.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
  width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}
.gslide-image img.zoomable {
  position: relative;
}
.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}
.gslide-video {
  width: 100%;
  max-width: 100%;
  position: relative;
  width: 100vh;
  max-width: 100vh;
  width: 100% !important;
}
.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto;
}
.gslide-video::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}
.gslide-video.playing::before {
  display: none;
}
.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}
.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}
.gslide-inline {
  background: $color-white;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
}
.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}
.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}
.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}
.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: $color-white;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}
.gslide-media {
  display: block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.desc-bottom .gslide-media,
.desc-top .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}
.gslide-description p {
  margin-bottom: 12px;
}
.gslide-description p:last-child {
  margin-bottom: 0;
}
.zoomed .gslide-description {
  display: none;
}
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: 0 0;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.75))
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.75) 100%
  );
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
  color: $color-white;
  font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
  color: $color-white;
  font-weight: 700;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc string {
  color: $color-white;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: $color-white;
  opacity: 0.4;
}
.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}
.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}
.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gabsolute {
  position: absolute;
}
.grelative {
  position: relative;
}
.glightbox-desc {
  display: none !important;
}
.glightbox-open {
  overflow: hidden;
}
.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid $color-white;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}
.goverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: $color-black;
  will-change: opacity;
}
.glightbox-mobile .goverlay {
  background: $color-black;
}
.gclose,
.gnext,
.gprev {
  background-repeat: no-repeat;
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  display: block;
  background-position: 0 0;
  border: none;
}
.gclose svg,
.gnext svg,
.gprev svg {
  display: block;
  width: 100%;
  height: auto;
}
.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
  opacity: 0.1;
}
.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
  stroke: $color-white;
}
iframe.wait-autoplay {
  opacity: 0;
}
.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
  opacity: 0 !important;
}
.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
  background: $color-white;
}
.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
  padding: 22px 20px;
}
.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title {
  font-size: 1em;
  font-weight: 400;
  font-family: arial;
  color: $color-black;
  margin-bottom: 19px;
  line-height: 1.4em;
}
.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}
.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
  background: $color-black;
}
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev,
.glightbox-modern .gclose,
.glightbox-modern .gnext,
.glightbox-modern .gprev {
  background-color: rgba(0, 0, 0, 0.12);
}
.glightbox-clean .gclose:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gprev:hover,
.glightbox-modern .gclose:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gprev:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path,
.glightbox-modern .gclose path,
.glightbox-modern .gnext path,
.glightbox-modern .gprev path {
  fill: $color-white;
}
.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
  outline: 0;
}
.glightbox-clean .gprev,
.glightbox-modern .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 56px;
}
.glightbox-clean .gnext,
.glightbox-modern .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 56px;
}
.glightbox-clean .gclose,
.glightbox-modern .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
  opacity: 0.7;
  background-position: -59px 2px;
}
.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
  width: 20px;
}
.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
  opacity: 1;
}
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}
.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}
.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}
.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}
.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}
.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}
.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}
.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}
@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: calc(100% - 20px);
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media,
  .glightbox-modern .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner,
  .glightbox-modern .description-left .gdesc-inner,
  .glightbox-modern .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-modern .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext,
  .glightbox-modern .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose,
  .glightbox-modern .gclose {
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: $color-black;
  }
}

.readmore {
  &.text-bg-grad {
    /*

		background: -webkit-linear-gradient($color-type, $color-bg-light);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		  background-size: cover;
  background-position: center;
  background-attachment: fixed;
*/
  }
}
.readmore-button-wrap {
  display: block;
  margin: 0 auto 10px;
}
.readmore-button {
  display: block;
  padding: 5px 10px;
  text-align: center;
  width: 120px;
  margin: 0 auto 10px;
  font-size: 12px;
  color: $color-type;
  background: #f8f8f8;
  border: 2px solid $color-white;
  border-radius: 8px;
  cursor: pointer;
  &:hover {
    text-decoration: none;
    background: $static-white;
  }
}


.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block;
}

.resp-sharing-button__link {
  text-decoration: none;
	color: $static-white;
  margin: 0 8px 8px 0;
  &:hover {
	  color: $static-white;
  }
}

.resp-sharing-button {
  border-radius: 100%;
  transition: 25ms ease-out;
  text-align: center;
  width: 36px;
  height: 30px;
  padding-top: 6px;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: $color-white;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: $color-white;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: $static-twitter
}

.resp-sharing-button--twitter:hover {
  background-color: darken($static-twitter, 5%);
}

.resp-sharing-button--pinterest {
  background-color: $static-pinterest
}

.resp-sharing-button--pinterest:hover {
  background-color: darken($static-pinterest, 5%);
}

.resp-sharing-button--facebook {
  background-color: $static-facebook
}

.resp-sharing-button--facebook:hover {
  background-color: darken($static-facebook, 5%);
}

.resp-sharing-button--google {
  background-color: $static-google
}

.resp-sharing-button--google:hover {
  background-color: darken($static-google, 5%);
}

.resp-sharing-button--linkedin {
  background-color: $static-linkedin
}

.resp-sharing-button--linkedin:hover {
  background-color: darken($static-linkedin, 5%);
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}
.resp-sharing-button--whatsapp {
  background-color: $static-whatsapp
}

.resp-sharing-button--whatsapp:hover {
  background-color: darken($static-whatsapp, 5%);
}


.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}





.datepicker{display:none}.datepicker.active{display:block}.datepicker-dropdown{position:absolute;top:0;left:0;z-index:20;padding-top:4px}.datepicker-dropdown.datepicker-orient-top{padding-top:0;padding-bottom:4px}.datepicker-picker{display:inline-block;border-radius:4px;background-color:$color-white}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1)}.datepicker-picker span{display:block;flex:1;border:0;border-radius:4px;cursor:default;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker-main{padding:2px}.datepicker-footer{box-shadow:inset 0 1px 1px rgba(10,10,10,.1);background-color:#f5f5f5}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.28571%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-title{box-shadow:inset 0 -1px 1px rgba(10,10,10,.1);background-color:#f5f5f5;padding:.375rem .75rem;text-align:center;font-weight:700}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{display:inline-flex;position:relative;align-items:center;justify-content:center;margin:0;border:1px solid #dbdbdb;border-radius:4px;box-shadow:none;background-color:$color-white;cursor:pointer;padding:calc(.375em - 1px) .75em;height:2.25em;vertical-align:top;text-align:center;line-height:1.5;white-space:nowrap;color:#363636;font-size:1rem}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b5b5b5;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#4a4a4a;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-header .datepicker-controls .button[disabled]{box-shadow:none}.datepicker-footer .datepicker-controls .button{margin:calc(.375rem - 1px) .375rem;border-radius:2px;width:100%;font-size:.75rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-btn,.datepicker-controls .prev-btn{padding-right:.375rem;padding-left:.375rem;width:2.25rem}.datepicker-controls .next-btn.disabled,.datepicker-controls .prev-btn.disabled{visibility:hidden}.datepicker-view .dow{height:1.5rem;line-height:1.5rem;font-size:.875rem;font-weight:700}.datepicker-view .week{width:2.25rem;color:#b5b5b5;font-size:.75rem}@media (max-width:22.5rem){.datepicker-view .week{width:1.96875rem}}.datepicker-grid{width:15.75rem}@media (max-width:22.5rem){.calendar-weeks+.days .datepicker-grid{width:13.78125rem}}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e8e8e8}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:$color-white;font-weight:600}.datepicker-cell.disabled{color:#dbdbdb}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){border-radius:0;background-color:#f5f5f5}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#eee}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e8e8e8}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:$color-white}.datepicker-cell.today.focused:not(.selected){background-color:#00c4a7}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:$color-white}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{border-radius:0;background-color:#dbdbdb}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d5d5d5}.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}.datepicker-input.in-edit{border-color:#2366d1}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(35,102,209,.2)}

.datepicker {
	display: none;
}

.datepicker.active {
	display: block;
}

.datepicker-dropdown {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	padding-top: 4px;
}

.datepicker-dropdown.datepicker-orient-top {
	padding-top: 0;
	padding-bottom: 4px;
}

.datepicker-picker {
	display: inline-block;
	border-radius: 0.25rem;
	background-color: $color-white;
}

.datepicker-dropdown .datepicker-picker {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

.datepicker-picker span {
	display: block;
	flex: 1;
	border: 0;
	border-radius: 0.25rem;
	cursor: default;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}

.datepicker-main {
	padding: 2px;
}

.datepicker-footer {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	background-color: #f8f9fa;
}

.datepicker-controls, .datepicker-view, .datepicker-view .days-of-week, .datepicker-grid {
	display: flex;
}

.datepicker-grid {
	flex-wrap: wrap;
}

.datepicker-view .dow, .datepicker-view .days .datepicker-cell {
	flex-basis: 14.28571%;
}

.datepicker-view.datepicker-grid .datepicker-cell {
	flex-basis: 25%;
}

.datepicker-view .week, .datepicker-cell {
	height: 2.25rem;
	line-height: 2.25rem;
}

.datepicker-title {
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
	background-color: #f8f9fa;
	padding: 0.375rem 0.75rem;
	text-align: center;
	font-weight: 700;
}

.datepicker-header .datepicker-controls {
	padding: 2px 2px 0;
}

.datepicker-controls .btn {
	border-color: #f8f9fa;
	background-color: $color-white;
}

.datepicker-controls .btn:hover {
	border-color: #dae0e5;
	background-color: #e2e6ea;
	color: #212529;
}

.datepicker-controls .btn:focus {
	border-color: #dae0e5;
	box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
	background-color: #e2e6ea;
	color: #212529;
}

.datepicker-controls .btn:disabled {
	border-color: #f8f9fa;
	background-color: #f8f9fa;
	color: #212529;
}

.datepicker-controls .btn:not(:disabled):active {
	border-color: #d3d9df;
	background-color: #dae0e5;
	color: #212529;
}

.datepicker-controls .btn:not(:disabled):active:focus {
	box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.datepicker-header .datepicker-controls .btn {
	border-color: transparent;
	font-weight: bold;
}

.datepicker-footer .datepicker-controls .btn {
	margin: calc(0.375rem - 1px) 0.375rem;
	border-radius: 0.2rem;
	width: 100%;
	font-size: 0.875rem;
}

.datepicker-controls .view-switch {
	flex: auto;
}

.datepicker-controls .prev-btn,
.datepicker-controls .next-btn {
	padding-right: 0.375rem;
	padding-left: 0.375rem;
	width: 2.25rem;
}

.datepicker-controls .prev-btn.disabled,
.datepicker-controls .next-btn.disabled {
	visibility: hidden;
}

.datepicker-view .dow {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.9375rem;
	font-weight: 700;
}

.datepicker-view .week {
	width: 2.25rem;
	color: #dee2e6;
	font-size: 0.875rem;
}

@media (max-width: 22.5rem) {
	.datepicker-view .week {
		width: 1.96875rem;
	}
}

.datepicker-grid {
	width: 15.75rem;
}

@media (max-width: 22.5rem) {
	.calendar-weeks + .days .datepicker-grid {
		width: 13.78125rem;
	}
}

.datepicker-cell:not(.disabled):hover {
	background-color: #f9f9f9;
	cursor: pointer;
}

.datepicker-cell.focused:not(.selected) {
	background-color: #f1f3f5;
}

.datepicker-cell.selected, .datepicker-cell.selected:hover {
	background-color: rgba($color-wipurple, .9);
	color: $color-white;
	font-weight: 600;
}

.datepicker-cell.disabled {
	color: #6c757d;
}

.datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) {
	color: #6c757d;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
	border-radius: 0;
	background-color: #f8f9fa;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
	background-color: #f1f3f5;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
	background-color: #f1f3f5;
}

.datepicker-cell.today:not(.selected) {
	background-color: rgba($color-wipurple, .5);
}

.datepicker-cell.today:not(.selected):not(.disabled) {
	color: $color-white;
}

.datepicker-cell.today.focused:not(.selected) {
	background-color: rgba($color-wipurple, .5);
}

.datepicker-cell.range-start:not(.selected), .datepicker-cell.range-end:not(.selected) {
	background-color: #6c757d;
	color: $color-white;
}

.datepicker-cell.range-start.focused:not(.selected), .datepicker-cell.range-end.focused:not(.selected) {
	background-color: #666f76;
}

.datepicker-cell.range-start {
	border-radius: 0.25rem 0 0 0.25rem;
}

.datepicker-cell.range-end {
	border-radius: 0 0.25rem 0.25rem 0;
}

.datepicker-cell.range {
	border-radius: 0;
	background-color: #e9ecef;
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
	background-color: #e2e6ea;
}

.datepicker-cell.range.disabled {
	color: #cbd3da;
}

.datepicker-cell.range.focused {
	background-color: #dadfe4;
}

.datepicker-view.datepicker-grid .datepicker-cell {
	height: 4.5rem;
	line-height: 4.5rem;
}

.datepicker-input.in-edit {
	border-color: #66b0ff;
}

.datepicker-input.in-edit:focus, .datepicker-input.in-edit:active {
	box-shadow: 0 0 0.25em 0.25em rgba(102, 176, 255, 0.2);
}



.iti {
	  position: relative;
	  display: inline-block; }
	  .iti * {
		box-sizing: border-box;
		-moz-box-sizing: border-box; }
	  .iti__hide {
		display: none; }
	  .iti__v-hide {
		visibility: hidden; }
	  .iti input, .iti input[type=text], .iti input[type=tel] {
		position: relative;
		z-index: 0;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-right: 36px;
		margin-right: 0; }
	  .iti__flag-container {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding: 1px; }
	  .iti__selected-flag {
		z-index: 1;
		position: relative;
		display: flex;
		align-items: center;
		height: 100%;
		padding: 0 6px 0 8px; }
	  .iti__arrow {
		margin-left: 6px;
		width: 0;
		height: 0;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		border-top: 4px solid #555; }
		.iti__arrow--up {
		  border-top: none;
		  border-bottom: 4px solid #555; }
	  .iti__country-list {
		position: absolute;
		z-index: 2;
		list-style: none;
		text-align: left;
		padding: 0;
		margin: 0 0 0 -1px;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
		background-color: white;
		border: 1px solid #CCC;
		white-space: nowrap;
		max-height: 200px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch; }
		.iti__country-list--dropup {
		  bottom: 100%;
		  margin-bottom: -1px; }
		@media (max-width: 500px) {
		  .iti__country-list {
			white-space: normal; } }
	  .iti__flag-box {
		display: inline-block;
		width: 20px; }
	  .iti__divider {
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #CCC; }
	  .iti__country {
		padding: 5px 10px;
		outline: none; }
	  .iti__dial-code {
		color: #999; }
	  .iti__country.iti__highlight {
		background-color: rgba(0, 0, 0, 0.05); }
	  .iti__flag-box, .iti__country-name, .iti__dial-code {
		vertical-align: middle; }
	  .iti__flag-box, .iti__country-name {
		margin-right: 6px; }
	  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
		padding-right: 6px;
		padding-left: 52px;
		margin-left: 0; }
	  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
		right: auto;
		left: 0; }
	  .iti--allow-dropdown .iti__flag-container:hover {
		cursor: pointer; }
		.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
		  background-color: rgba($color-black, 0.1); }
	  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
	  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
		cursor: default; }
		.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
		.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
		  background-color: transparent; }
	  .iti--separate-dial-code .iti__selected-flag {
		background-color: rgba($color-black, 0.05); }
	  .iti--separate-dial-code .iti__selected-dial-code {
		margin-left: 6px; }
	  .iti--container {
		position: absolute;
		top: -1000px;
		left: -1000px;
		z-index: 1060;
		padding: 1px; }
		.iti--container:hover {
		  cursor: pointer; }
	
	.iti-mobile .iti--container {
	  top: 30px;
	  bottom: 30px;
	  left: 30px;
	  right: 30px;
	  position: fixed; }
	
	.iti-mobile .iti__country-list {
	  max-height: 100%;
	  width: 100%; }
	
	.iti-mobile .iti__country {
	  padding: 10px 10px;
	  line-height: 1.5em; }
	
	.iti__flag {
	  width: 20px; }
	  .iti__flag.iti__be {
		width: 18px; }
	  .iti__flag.iti__ch {
		width: 15px; }
	  .iti__flag.iti__mc {
		width: 19px; }
	  .iti__flag.iti__ne {
		width: 18px; }
	  .iti__flag.iti__np {
		width: 13px; }
	  .iti__flag.iti__va {
		width: 15px; }
	  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.iti__flag {
		  background-size: 5652px 15px; } }
	  .iti__flag.iti__ac {
		height: 10px;
		background-position: 0px 0px; }
	  .iti__flag.iti__ad {
		height: 14px;
		background-position: -22px 0px; }
	  .iti__flag.iti__ae {
		height: 10px;
		background-position: -44px 0px; }
	  .iti__flag.iti__af {
		height: 14px;
		background-position: -66px 0px; }
	  .iti__flag.iti__ag {
		height: 14px;
		background-position: -88px 0px; }
	  .iti__flag.iti__ai {
		height: 10px;
		background-position: -110px 0px; }
	  .iti__flag.iti__al {
		height: 15px;
		background-position: -132px 0px; }
	  .iti__flag.iti__am {
		height: 10px;
		background-position: -154px 0px; }
	  .iti__flag.iti__ao {
		height: 14px;
		background-position: -176px 0px; }
	  .iti__flag.iti__aq {
		height: 14px;
		background-position: -198px 0px; }
	  .iti__flag.iti__ar {
		height: 13px;
		background-position: -220px 0px; }
	  .iti__flag.iti__as {
		height: 10px;
		background-position: -242px 0px; }
	  .iti__flag.iti__at {
		height: 14px;
		background-position: -264px 0px; }
	  .iti__flag.iti__au {
		height: 10px;
		background-position: -286px 0px; }
	  .iti__flag.iti__aw {
		height: 14px;
		background-position: -308px 0px; }
	  .iti__flag.iti__ax {
		height: 13px;
		background-position: -330px 0px; }
	  .iti__flag.iti__az {
		height: 10px;
		background-position: -352px 0px; }
	  .iti__flag.iti__ba {
		height: 10px;
		background-position: -374px 0px; }
	  .iti__flag.iti__bb {
		height: 14px;
		background-position: -396px 0px; }
	  .iti__flag.iti__bd {
		height: 12px;
		background-position: -418px 0px; }
	  .iti__flag.iti__be {
		height: 15px;
		background-position: -440px 0px; }
	  .iti__flag.iti__bf {
		height: 14px;
		background-position: -460px 0px; }
	  .iti__flag.iti__bg {
		height: 12px;
		background-position: -482px 0px; }
	  .iti__flag.iti__bh {
		height: 12px;
		background-position: -504px 0px; }
	  .iti__flag.iti__bi {
		height: 12px;
		background-position: -526px 0px; }
	  .iti__flag.iti__bj {
		height: 14px;
		background-position: -548px 0px; }
	  .iti__flag.iti__bl {
		height: 14px;
		background-position: -570px 0px; }
	  .iti__flag.iti__bm {
		height: 10px;
		background-position: -592px 0px; }
	  .iti__flag.iti__bn {
		height: 10px;
		background-position: -614px 0px; }
	  .iti__flag.iti__bo {
		height: 14px;
		background-position: -636px 0px; }
	  .iti__flag.iti__bq {
		height: 14px;
		background-position: -658px 0px; }
	  .iti__flag.iti__br {
		height: 14px;
		background-position: -680px 0px; }
	  .iti__flag.iti__bs {
		height: 10px;
		background-position: -702px 0px; }
	  .iti__flag.iti__bt {
		height: 14px;
		background-position: -724px 0px; }
	  .iti__flag.iti__bv {
		height: 15px;
		background-position: -746px 0px; }
	  .iti__flag.iti__bw {
		height: 14px;
		background-position: -768px 0px; }
	  .iti__flag.iti__by {
		height: 10px;
		background-position: -790px 0px; }
	  .iti__flag.iti__bz {
		height: 14px;
		background-position: -812px 0px; }
	  .iti__flag.iti__ca {
		height: 10px;
		background-position: -834px 0px; }
	  .iti__flag.iti__cc {
		height: 10px;
		background-position: -856px 0px; }
	  .iti__flag.iti__cd {
		height: 15px;
		background-position: -878px 0px; }
	  .iti__flag.iti__cf {
		height: 14px;
		background-position: -900px 0px; }
	  .iti__flag.iti__cg {
		height: 14px;
		background-position: -922px 0px; }
	  .iti__flag.iti__ch {
		height: 15px;
		background-position: -944px 0px; }
	  .iti__flag.iti__ci {
		height: 14px;
		background-position: -961px 0px; }
	  .iti__flag.iti__ck {
		height: 10px;
		background-position: -983px 0px; }
	  .iti__flag.iti__cl {
		height: 14px;
		background-position: -1005px 0px; }
	  .iti__flag.iti__cm {
		height: 14px;
		background-position: -1027px 0px; }
	  .iti__flag.iti__cn {
		height: 14px;
		background-position: -1049px 0px; }
	  .iti__flag.iti__co {
		height: 14px;
		background-position: -1071px 0px; }
	  .iti__flag.iti__cp {
		height: 14px;
		background-position: -1093px 0px; }
	  .iti__flag.iti__cr {
		height: 12px;
		background-position: -1115px 0px; }
	  .iti__flag.iti__cu {
		height: 10px;
		background-position: -1137px 0px; }
	  .iti__flag.iti__cv {
		height: 12px;
		background-position: -1159px 0px; }
	  .iti__flag.iti__cw {
		height: 14px;
		background-position: -1181px 0px; }
	  .iti__flag.iti__cx {
		height: 10px;
		background-position: -1203px 0px; }
	  .iti__flag.iti__cy {
		height: 14px;
		background-position: -1225px 0px; }
	  .iti__flag.iti__cz {
		height: 14px;
		background-position: -1247px 0px; }
	  .iti__flag.iti__de {
		height: 12px;
		background-position: -1269px 0px; }
	  .iti__flag.iti__dg {
		height: 10px;
		background-position: -1291px 0px; }
	  .iti__flag.iti__dj {
		height: 14px;
		background-position: -1313px 0px; }
	  .iti__flag.iti__dk {
		height: 15px;
		background-position: -1335px 0px; }
	  .iti__flag.iti__dm {
		height: 10px;
		background-position: -1357px 0px; }
	  .iti__flag.iti__do {
		height: 14px;
		background-position: -1379px 0px; }
	  .iti__flag.iti__dz {
		height: 14px;
		background-position: -1401px 0px; }
	  .iti__flag.iti__ea {
		height: 14px;
		background-position: -1423px 0px; }
	  .iti__flag.iti__ec {
		height: 14px;
		background-position: -1445px 0px; }
	  .iti__flag.iti__ee {
		height: 13px;
		background-position: -1467px 0px; }
	  .iti__flag.iti__eg {
		height: 14px;
		background-position: -1489px 0px; }
	  .iti__flag.iti__eh {
		height: 10px;
		background-position: -1511px 0px; }
	  .iti__flag.iti__er {
		height: 10px;
		background-position: -1533px 0px; }
	  .iti__flag.iti__es {
		height: 14px;
		background-position: -1555px 0px; }
	  .iti__flag.iti__et {
		height: 10px;
		background-position: -1577px 0px; }
	  .iti__flag.iti__eu {
		height: 14px;
		background-position: -1599px 0px; }
	  .iti__flag.iti__fi {
		height: 12px;
		background-position: -1621px 0px; }
	  .iti__flag.iti__fj {
		height: 10px;
		background-position: -1643px 0px; }
	  .iti__flag.iti__fk {
		height: 10px;
		background-position: -1665px 0px; }
	  .iti__flag.iti__fm {
		height: 11px;
		background-position: -1687px 0px; }
	  .iti__flag.iti__fo {
		height: 15px;
		background-position: -1709px 0px; }
	  .iti__flag.iti__fr {
		height: 14px;
		background-position: -1731px 0px; }
	  .iti__flag.iti__ga {
		height: 15px;
		background-position: -1753px 0px; }
	  .iti__flag.iti__gb {
		height: 10px;
		background-position: -1775px 0px; }
	  .iti__flag.iti__gd {
		height: 12px;
		background-position: -1797px 0px; }
	  .iti__flag.iti__ge {
		height: 14px;
		background-position: -1819px 0px; }
	  .iti__flag.iti__gf {
		height: 14px;
		background-position: -1841px 0px; }
	  .iti__flag.iti__gg {
		height: 14px;
		background-position: -1863px 0px; }
	  .iti__flag.iti__gh {
		height: 14px;
		background-position: -1885px 0px; }
	  .iti__flag.iti__gi {
		height: 10px;
		background-position: -1907px 0px; }
	  .iti__flag.iti__gl {
		height: 14px;
		background-position: -1929px 0px; }
	  .iti__flag.iti__gm {
		height: 14px;
		background-position: -1951px 0px; }
	  .iti__flag.iti__gn {
		height: 14px;
		background-position: -1973px 0px; }
	  .iti__flag.iti__gp {
		height: 14px;
		background-position: -1995px 0px; }
	  .iti__flag.iti__gq {
		height: 14px;
		background-position: -2017px 0px; }
	  .iti__flag.iti__gr {
		height: 14px;
		background-position: -2039px 0px; }
	  .iti__flag.iti__gs {
		height: 10px;
		background-position: -2061px 0px; }
	  .iti__flag.iti__gt {
		height: 13px;
		background-position: -2083px 0px; }
	  .iti__flag.iti__gu {
		height: 11px;
		background-position: -2105px 0px; }
	  .iti__flag.iti__gw {
		height: 10px;
		background-position: -2127px 0px; }
	  .iti__flag.iti__gy {
		height: 12px;
		background-position: -2149px 0px; }
	  .iti__flag.iti__hk {
		height: 14px;
		background-position: -2171px 0px; }
	  .iti__flag.iti__hm {
		height: 10px;
		background-position: -2193px 0px; }
	  .iti__flag.iti__hn {
		height: 10px;
		background-position: -2215px 0px; }
	  .iti__flag.iti__hr {
		height: 10px;
		background-position: -2237px 0px; }
	  .iti__flag.iti__ht {
		height: 12px;
		background-position: -2259px 0px; }
	  .iti__flag.iti__hu {
		height: 10px;
		background-position: -2281px 0px; }
	  .iti__flag.iti__ic {
		height: 14px;
		background-position: -2303px 0px; }
	  .iti__flag.iti__id {
		height: 14px;
		background-position: -2325px 0px; }
	  .iti__flag.iti__ie {
		height: 10px;
		background-position: -2347px 0px; }
	  .iti__flag.iti__il {
		height: 15px;
		background-position: -2369px 0px; }
	  .iti__flag.iti__im {
		height: 10px;
		background-position: -2391px 0px; }
	  .iti__flag.iti__in {
		height: 14px;
		background-position: -2413px 0px; }
	  .iti__flag.iti__io {
		height: 10px;
		background-position: -2435px 0px; }
	  .iti__flag.iti__iq {
		height: 14px;
		background-position: -2457px 0px; }
	  .iti__flag.iti__ir {
		height: 12px;
		background-position: -2479px 0px; }
	  .iti__flag.iti__is {
		height: 15px;
		background-position: -2501px 0px; }
	  .iti__flag.iti__it {
		height: 14px;
		background-position: -2523px 0px; }
	  .iti__flag.iti__je {
		height: 12px;
		background-position: -2545px 0px; }
	  .iti__flag.iti__jm {
		height: 10px;
		background-position: -2567px 0px; }
	  .iti__flag.iti__jo {
		height: 10px;
		background-position: -2589px 0px; }
	  .iti__flag.iti__jp {
		height: 14px;
		background-position: -2611px 0px; }
	  .iti__flag.iti__ke {
		height: 14px;
		background-position: -2633px 0px; }
	  .iti__flag.iti__kg {
		height: 12px;
		background-position: -2655px 0px; }
	  .iti__flag.iti__kh {
		height: 13px;
		background-position: -2677px 0px; }
	  .iti__flag.iti__ki {
		height: 10px;
		background-position: -2699px 0px; }
	  .iti__flag.iti__km {
		height: 12px;
		background-position: -2721px 0px; }
	  .iti__flag.iti__kn {
		height: 14px;
		background-position: -2743px 0px; }
	  .iti__flag.iti__kp {
		height: 10px;
		background-position: -2765px 0px; }
	  .iti__flag.iti__kr {
		height: 14px;
		background-position: -2787px 0px; }
	  .iti__flag.iti__kw {
		height: 10px;
		background-position: -2809px 0px; }
	  .iti__flag.iti__ky {
		height: 10px;
		background-position: -2831px 0px; }
	  .iti__flag.iti__kz {
		height: 10px;
		background-position: -2853px 0px; }
	  .iti__flag.iti__la {
		height: 14px;
		background-position: -2875px 0px; }
	  .iti__flag.iti__lb {
		height: 14px;
		background-position: -2897px 0px; }
	  .iti__flag.iti__lc {
		height: 10px;
		background-position: -2919px 0px; }
	  .iti__flag.iti__li {
		height: 12px;
		background-position: -2941px 0px; }
	  .iti__flag.iti__lk {
		height: 10px;
		background-position: -2963px 0px; }
	  .iti__flag.iti__lr {
		height: 11px;
		background-position: -2985px 0px; }
	  .iti__flag.iti__ls {
		height: 14px;
		background-position: -3007px 0px; }
	  .iti__flag.iti__lt {
		height: 12px;
		background-position: -3029px 0px; }
	  .iti__flag.iti__lu {
		height: 12px;
		background-position: -3051px 0px; }
	  .iti__flag.iti__lv {
		height: 10px;
		background-position: -3073px 0px; }
	  .iti__flag.iti__ly {
		height: 10px;
		background-position: -3095px 0px; }
	  .iti__flag.iti__ma {
		height: 14px;
		background-position: -3117px 0px; }
	  .iti__flag.iti__mc {
		height: 15px;
		background-position: -3139px 0px; }
	  .iti__flag.iti__md {
		height: 10px;
		background-position: -3160px 0px; }
	  .iti__flag.iti__me {
		height: 10px;
		background-position: -3182px 0px; }
	  .iti__flag.iti__mf {
		height: 14px;
		background-position: -3204px 0px; }
	  .iti__flag.iti__mg {
		height: 14px;
		background-position: -3226px 0px; }
	  .iti__flag.iti__mh {
		height: 11px;
		background-position: -3248px 0px; }
	  .iti__flag.iti__mk {
		height: 10px;
		background-position: -3270px 0px; }
	  .iti__flag.iti__ml {
		height: 14px;
		background-position: -3292px 0px; }
	  .iti__flag.iti__mm {
		height: 14px;
		background-position: -3314px 0px; }
	  .iti__flag.iti__mn {
		height: 10px;
		background-position: -3336px 0px; }
	  .iti__flag.iti__mo {
		height: 14px;
		background-position: -3358px 0px; }
	  .iti__flag.iti__mp {
		height: 10px;
		background-position: -3380px 0px; }
	  .iti__flag.iti__mq {
		height: 14px;
		background-position: -3402px 0px; }
	  .iti__flag.iti__mr {
		height: 14px;
		background-position: -3424px 0px; }
	  .iti__flag.iti__ms {
		height: 10px;
		background-position: -3446px 0px; }
	  .iti__flag.iti__mt {
		height: 14px;
		background-position: -3468px 0px; }
	  .iti__flag.iti__mu {
		height: 14px;
		background-position: -3490px 0px; }
	  .iti__flag.iti__mv {
		height: 14px;
		background-position: -3512px 0px; }
	  .iti__flag.iti__mw {
		height: 14px;
		background-position: -3534px 0px; }
	  .iti__flag.iti__mx {
		height: 12px;
		background-position: -3556px 0px; }
	  .iti__flag.iti__my {
		height: 10px;
		background-position: -3578px 0px; }
	  .iti__flag.iti__mz {
		height: 14px;
		background-position: -3600px 0px; }
	  .iti__flag.iti__na {
		height: 14px;
		background-position: -3622px 0px; }
	  .iti__flag.iti__nc {
		height: 10px;
		background-position: -3644px 0px; }
	  .iti__flag.iti__ne {
		height: 15px;
		background-position: -3666px 0px; }
	  .iti__flag.iti__nf {
		height: 10px;
		background-position: -3686px 0px; }
	  .iti__flag.iti__ng {
		height: 10px;
		background-position: -3708px 0px; }
	  .iti__flag.iti__ni {
		height: 12px;
		background-position: -3730px 0px; }
	  .iti__flag.iti__nl {
		height: 14px;
		background-position: -3752px 0px; }
	  .iti__flag.iti__no {
		height: 15px;
		background-position: -3774px 0px; }
	  .iti__flag.iti__np {
		height: 15px;
		background-position: -3796px 0px; }
	  .iti__flag.iti__nr {
		height: 10px;
		background-position: -3811px 0px; }
	  .iti__flag.iti__nu {
		height: 10px;
		background-position: -3833px 0px; }
	  .iti__flag.iti__nz {
		height: 10px;
		background-position: -3855px 0px; }
	  .iti__flag.iti__om {
		height: 10px;
		background-position: -3877px 0px; }
	  .iti__flag.iti__pa {
		height: 14px;
		background-position: -3899px 0px; }
	  .iti__flag.iti__pe {
		height: 14px;
		background-position: -3921px 0px; }
	  .iti__flag.iti__pf {
		height: 14px;
		background-position: -3943px 0px; }
	  .iti__flag.iti__pg {
		height: 15px;
		background-position: -3965px 0px; }
	  .iti__flag.iti__ph {
		height: 10px;
		background-position: -3987px 0px; }
	  .iti__flag.iti__pk {
		height: 14px;
		background-position: -4009px 0px; }
	  .iti__flag.iti__pl {
		height: 13px;
		background-position: -4031px 0px; }
	  .iti__flag.iti__pm {
		height: 14px;
		background-position: -4053px 0px; }
	  .iti__flag.iti__pn {
		height: 10px;
		background-position: -4075px 0px; }
	  .iti__flag.iti__pr {
		height: 14px;
		background-position: -4097px 0px; }
	  .iti__flag.iti__ps {
		height: 10px;
		background-position: -4119px 0px; }
	  .iti__flag.iti__pt {
		height: 14px;
		background-position: -4141px 0px; }
	  .iti__flag.iti__pw {
		height: 13px;
		background-position: -4163px 0px; }
	  .iti__flag.iti__py {
		height: 11px;
		background-position: -4185px 0px; }
	  .iti__flag.iti__qa {
		height: 8px;
		background-position: -4207px 0px; }
	  .iti__flag.iti__re {
		height: 14px;
		background-position: -4229px 0px; }
	  .iti__flag.iti__ro {
		height: 14px;
		background-position: -4251px 0px; }
	  .iti__flag.iti__rs {
		height: 14px;
		background-position: -4273px 0px; }
	  .iti__flag.iti__ru {
		height: 14px;
		background-position: -4295px 0px; }
	  .iti__flag.iti__rw {
		height: 14px;
		background-position: -4317px 0px; }
	  .iti__flag.iti__sa {
		height: 14px;
		background-position: -4339px 0px; }
	  .iti__flag.iti__sb {
		height: 10px;
		background-position: -4361px 0px; }
	  .iti__flag.iti__sc {
		height: 10px;
		background-position: -4383px 0px; }
	  .iti__flag.iti__sd {
		height: 10px;
		background-position: -4405px 0px; }
	  .iti__flag.iti__se {
		height: 13px;
		background-position: -4427px 0px; }
	  .iti__flag.iti__sg {
		height: 14px;
		background-position: -4449px 0px; }
	  .iti__flag.iti__sh {
		height: 10px;
		background-position: -4471px 0px; }
	  .iti__flag.iti__si {
		height: 10px;
		background-position: -4493px 0px; }
	  .iti__flag.iti__sj {
		height: 15px;
		background-position: -4515px 0px; }
	  .iti__flag.iti__sk {
		height: 14px;
		background-position: -4537px 0px; }
	  .iti__flag.iti__sl {
		height: 14px;
		background-position: -4559px 0px; }
	  .iti__flag.iti__sm {
		height: 15px;
		background-position: -4581px 0px; }
	  .iti__flag.iti__sn {
		height: 14px;
		background-position: -4603px 0px; }
	  .iti__flag.iti__so {
		height: 14px;
		background-position: -4625px 0px; }
	  .iti__flag.iti__sr {
		height: 14px;
		background-position: -4647px 0px; }
	  .iti__flag.iti__ss {
		height: 10px;
		background-position: -4669px 0px; }
	  .iti__flag.iti__st {
		height: 10px;
		background-position: -4691px 0px; }
	  .iti__flag.iti__sv {
		height: 12px;
		background-position: -4713px 0px; }
	  .iti__flag.iti__sx {
		height: 14px;
		background-position: -4735px 0px; }
	  .iti__flag.iti__sy {
		height: 14px;
		background-position: -4757px 0px; }
	  .iti__flag.iti__sz {
		height: 14px;
		background-position: -4779px 0px; }
	  .iti__flag.iti__ta {
		height: 10px;
		background-position: -4801px 0px; }
	  .iti__flag.iti__tc {
		height: 10px;
		background-position: -4823px 0px; }
	  .iti__flag.iti__td {
		height: 14px;
		background-position: -4845px 0px; }
	  .iti__flag.iti__tf {
		height: 14px;
		background-position: -4867px 0px; }
	  .iti__flag.iti__tg {
		height: 13px;
		background-position: -4889px 0px; }
	  .iti__flag.iti__th {
		height: 14px;
		background-position: -4911px 0px; }
	  .iti__flag.iti__tj {
		height: 10px;
		background-position: -4933px 0px; }
	  .iti__flag.iti__tk {
		height: 10px;
		background-position: -4955px 0px; }
	  .iti__flag.iti__tl {
		height: 10px;
		background-position: -4977px 0px; }
	  .iti__flag.iti__tm {
		height: 14px;
		background-position: -4999px 0px; }
	  .iti__flag.iti__tn {
		height: 14px;
		background-position: -5021px 0px; }
	  .iti__flag.iti__to {
		height: 10px;
		background-position: -5043px 0px; }
	  .iti__flag.iti__tr {
		height: 14px;
		background-position: -5065px 0px; }
	  .iti__flag.iti__tt {
		height: 12px;
		background-position: -5087px 0px; }
	  .iti__flag.iti__tv {
		height: 10px;
		background-position: -5109px 0px; }
	  .iti__flag.iti__tw {
		height: 14px;
		background-position: -5131px 0px; }
	  .iti__flag.iti__tz {
		height: 14px;
		background-position: -5153px 0px; }
	  .iti__flag.iti__ua {
		height: 14px;
		background-position: -5175px 0px; }
	  .iti__flag.iti__ug {
		height: 14px;
		background-position: -5197px 0px; }
	  .iti__flag.iti__um {
		height: 11px;
		background-position: -5219px 0px; }
	  .iti__flag.iti__un {
		height: 14px;
		background-position: -5241px 0px; }
	  .iti__flag.iti__us {
		height: 11px;
		background-position: -5263px 0px; }
	  .iti__flag.iti__uy {
		height: 14px;
		background-position: -5285px 0px; }
	  .iti__flag.iti__uz {
		height: 10px;
		background-position: -5307px 0px; }
	  .iti__flag.iti__va {
		height: 15px;
		background-position: -5329px 0px; }
	  .iti__flag.iti__vc {
		height: 14px;
		background-position: -5346px 0px; }
	  .iti__flag.iti__ve {
		height: 14px;
		background-position: -5368px 0px; }
	  .iti__flag.iti__vg {
		height: 10px;
		background-position: -5390px 0px; }
	  .iti__flag.iti__vi {
		height: 14px;
		background-position: -5412px 0px; }
	  .iti__flag.iti__vn {
		height: 14px;
		background-position: -5434px 0px; }
	  .iti__flag.iti__vu {
		height: 12px;
		background-position: -5456px 0px; }
	  .iti__flag.iti__wf {
		height: 14px;
		background-position: -5478px 0px; }
	  .iti__flag.iti__ws {
		height: 10px;
		background-position: -5500px 0px; }
	  .iti__flag.iti__xk {
		height: 15px;
		background-position: -5522px 0px; }
	  .iti__flag.iti__ye {
		height: 14px;
		background-position: -5544px 0px; }
	  .iti__flag.iti__yt {
		height: 14px;
		background-position: -5566px 0px; }
	  .iti__flag.iti__za {
		height: 14px;
		background-position: -5588px 0px; }
	  .iti__flag.iti__zm {
		height: 14px;
		background-position: -5610px 0px; }
	  .iti__flag.iti__zw {
		height: 10px;
		background-position: -5632px 0px; }
	
	.iti__flag {
	  height: 15px;
	  box-shadow: 0px 0px 1px 0px #888;
	  background-image: url("../scripts/intl/img/flags.png");
	  background-repeat: no-repeat;
	  background-color: #DBDBDB;
	  background-position: 20px 0; }
	  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.iti__flag {
		  background-image: url("../scripts/intl/img/flags@2x.png"); } }
	
	.iti__flag.iti__np {
	  background-color: transparent; }
	
/*
.uk-form-controls-text label:only-of-type input.uk-checkbox {
	font-size: .8rem;
	margin-top: 0;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	width: 4em;
	height: 2.4em;
	border: 2px solid #D6D6D6;
	border-radius: 3em;
	box-shadow: inset 5em 0 0 0 #DDD;
	flex-shrink: 0;

	&:after {
		content: "";
		position: absolute;
		top: .25em;
		left: .25em;
		background: $color-white;
		width: 1.6em;
		height: 1.6em;
		border-radius: 50%;
		transition: all 250ms ease 20ms;
		box-shadow: .05em .25em .5em rgba(0, 0, 0, 0.2);
	}
}

.uk-form-controls-text label:only-of-type input.uk-checkbox:checked {
	background-color: transparent;
	box-shadow: inset 5em 0 0 0 #4ed164;
	border-color: #67bba5;

	&:after {
		left: 1.85em;
		box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
	}
}

label:only-of-type input.uk-checkbox:checked+span {
	color: #008a00;
	transition: all 250ms ease 20ms;
}

.InputfieldCheckbox .InputfieldContent label:only-of-type {
	display: flex;
}

label:only-of-type input.uk-checkbox+span {
	color: #c3c3c3;
	display: flex;
	align-items: center;
	line-height: 1.1;

}
*/


/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */
.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}


@import "flags-sass/flag-icon.scss";

.flag-icon-rounded {
	border-radius: 100%;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-number {
  font-size: 18px !important;
}
.jp-card .jp-card-front .jp-card-lower .jp-card-name {
  font-size: 16px !important;
}
.jp-card {
  min-width: 300px !important;
}