@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}

@charset "UTF-8";
/*@import url("https://p.typekit.net/p.css?s=1&k=vfh7ubo&ht=tk&f=17265.17267.17268.17269.17272.17273&a=87209827&app=typekit&e=css&display=swap");*/
/*@import url("https://use.typekit.net/vfh7ubo.css");*/
@font-face {
  font-family: "source-sans-pro";
  src: url("https://use.typekit.net/af/61f808/00000000000000003b9b3d63/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/61f808/00000000000000003b9b3d63/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/61f808/00000000000000003b9b3d63/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal; }

@font-face {
  font-family: "source-sans-pro";
  src: url("https://use.typekit.net/af/422d60/00000000000000003b9b3d67/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/422d60/00000000000000003b9b3d67/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/422d60/00000000000000003b9b3d67/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal; }

@font-face {
  font-family: "source-sans-pro";
  src: url("https://use.typekit.net/af/9373a0/00000000000000003b9b3d68/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/9373a0/00000000000000003b9b3d68/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/9373a0/00000000000000003b9b3d68/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal; }

@font-face {
  font-family: "source-sans-pro";
  src: url("https://use.typekit.net/af/ffb1e2/00000000000000003b9b3d64/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/ffb1e2/00000000000000003b9b3d64/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/ffb1e2/00000000000000003b9b3d64/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal; }

@font-face {
  font-family: "source-sans-pro";
  src: url("https://use.typekit.net/af/348732/00000000000000003b9b3d65/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/348732/00000000000000003b9b3d65/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/348732/00000000000000003b9b3d65/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal; }

@font-face {
  font-family: "source-sans-pro";
  src: url("https://use.typekit.net/af/31c386/00000000000000003b9b3d66/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/31c386/00000000000000003b9b3d66/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/31c386/00000000000000003b9b3d66/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal; }

@keyframes scroll {
  0% {
    opacity: 1;
    transform: translate(-50%, -10px) rotate(45deg); }
  to {
    opacity: 0;
    transform: translate(-50%, 2px) rotate(45deg); } }

.fw7 {
  font-weight: 700; }

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

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

html,
body,
div,
form,
fieldset,
legend,
label {
  margin: 0;
  padding: 0; }

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

th,
td {
  text-align: left;
  vertical-align: top; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold; }

p {
  margin: 0 0 1rem; }

img {
  border: 0;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  height: auto; }

a {
  text-decoration: none;
  color: inherit;
  transition: .2s; }

fieldset {
  border: none; }

.field {
  position: relative; }
  .field:not(.first-child) {
    margin-top: 30px; }
  .field label:not(.conditional) {
    position: absolute;
    left: 20px;
    top: 23px;
    transform-origin: left top;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.label {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.45px;
  margin: 0 0 20px; }

textarea {
  font-size: 16px;
  line-height: 20px;
  font-family: inherit;
  padding: 20px;
  border: 1px solid #2b2b2b;
  background: #fff;
  box-shadow: none;
  width: 100%;
  resize: vertical; }
  textarea:focus {
    outline: none; }

input[type="submit"],
button[type="submit"] {
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer; }

input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="time"], input[type="url"], input[type="week"] {
  font-size: 16px;
  line-height: 20px;
  padding: 20px 20px 5px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #2b2b2b;
  background: #fff;
  box-shadow: none;
  width: 100%; }
  input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="range"]:focus, input[type="search"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {
    outline: none; }
  input[type="text"]:focus + .line + label, input[type="text"]:valid + .line + label, input[type="email"]:focus + .line + label, input[type="email"]:valid + .line + label, input[type="search"]:focus + .line + label, input[type="search"]:valid + .line + label, input[type="tel"]:focus + .line + label, input[type="tel"]:valid + .line + label, input[type="color"]:focus + .line + label, input[type="color"]:valid + .line + label, input[type="date"]:focus + .line + label, input[type="date"]:valid + .line + label, input[type="datetime-local"]:focus + .line + label, input[type="datetime-local"]:valid + .line + label, input[type="datetime"]:focus + .line + label, input[type="datetime"]:valid + .line + label, input[type="month"]:focus + .line + label, input[type="month"]:valid + .line + label, input[type="number"]:focus + .line + label, input[type="number"]:valid + .line + label, input[type="password"]:focus + .line + label, input[type="password"]:valid + .line + label, input[type="range"]:focus + .line + label, input[type="range"]:valid + .line + label, input[type="search"]:focus + .line + label, input[type="search"]:valid + .line + label, input[type="time"]:focus + .line + label, input[type="time"]:valid + .line + label, input[type="url"]:focus + .line + label, input[type="url"]:valid + .line + label, input[type="week"]:focus + .line + label, input[type="week"]:valid + .line + label {
    transform: translateY(-100%) scale(0.8); }
  input[type="text"]:invalid + .line + label, input[type="text"]:disabled + .line + label, input[type="email"]:invalid + .line + label, input[type="email"]:disabled + .line + label, input[type="search"]:invalid + .line + label, input[type="search"]:disabled + .line + label, input[type="tel"]:invalid + .line + label, input[type="tel"]:disabled + .line + label, input[type="color"]:invalid + .line + label, input[type="color"]:disabled + .line + label, input[type="date"]:invalid + .line + label, input[type="date"]:disabled + .line + label, input[type="datetime-local"]:invalid + .line + label, input[type="datetime-local"]:disabled + .line + label, input[type="datetime"]:invalid + .line + label, input[type="datetime"]:disabled + .line + label, input[type="month"]:invalid + .line + label, input[type="month"]:disabled + .line + label, input[type="number"]:invalid + .line + label, input[type="number"]:disabled + .line + label, input[type="password"]:invalid + .line + label, input[type="password"]:disabled + .line + label, input[type="range"]:invalid + .line + label, input[type="range"]:disabled + .line + label, input[type="search"]:invalid + .line + label, input[type="search"]:disabled + .line + label, input[type="time"]:invalid + .line + label, input[type="time"]:disabled + .line + label, input[type="url"]:invalid + .line + label, input[type="url"]:disabled + .line + label, input[type="week"]:invalid + .line + label, input[type="week"]:disabled + .line + label {
    transform: translateY(-100%) scale(0.8); }
  input[type="text"]:disabled, input[type="email"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime-local"]:disabled, input[type="datetime"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="range"]:disabled, input[type="search"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled {
    opacity: 0.5; }
    input[type="text"]:disabled + .line + label, input[type="email"]:disabled + .line + label, input[type="search"]:disabled + .line + label, input[type="tel"]:disabled + .line + label, input[type="color"]:disabled + .line + label, input[type="date"]:disabled + .line + label, input[type="datetime-local"]:disabled + .line + label, input[type="datetime"]:disabled + .line + label, input[type="month"]:disabled + .line + label, input[type="number"]:disabled + .line + label, input[type="password"]:disabled + .line + label, input[type="range"]:disabled + .line + label, input[type="search"]:disabled + .line + label, input[type="time"]:disabled + .line + label, input[type="url"]:disabled + .line + label, input[type="week"]:disabled + .line + label {
      transform: translateY(-100%) scale(0.8);
      opacity: 0.5; }

input[type="radio"] {
  opacity: 0;
  padding: 0; }
  input[type="radio"] + label {
    position: relative;
    display: block;
    padding-left: 36px;
    line-height: 24px;
    font-size: 16px;
    cursor: pointer; }
    input[type="radio"] + label::before, input[type="radio"] + label::after {
      position: absolute;
      content: "";
      margin-top: -1px;
      transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    input[type="radio"] + label::before {
      top: 0;
      left: 0;
      width: 24px;
      height: 24px;
      background: #fff;
      border: 1px solid #343434;
      border-radius: 50%; }
    input[type="radio"] + label::after {
      top: 4px;
      left: 4px;
      height: 16px;
      width: 16px;
      border-radius: 50%;
      background: #33FC53;
      opacity: 0;
      transform: scale(0.8); }
  input[type="radio"]:hover + label::after {
    opacity: 0.5; }
  input[type="radio"]:checked + label::after {
    opacity: 1;
    border-color: #fff;
    transform: scale(1); }

input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  padding: 0; }
  input[type="checkbox"] + label {
    position: relative;
    display: block;
    padding-left: 36px;
    line-height: 18px;
    font-size: 14px;
    cursor: pointer; }
    input[type="checkbox"] + label::before, input[type="checkbox"] + label::after {
      position: absolute;
      content: "";
      margin-top: -1px;
      transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
    input[type="checkbox"] + label::before {
      top: 0;
      left: 0;
      width: 18px;
      height: 18px;
      background: #fff;
      border: 1px solid #343434; }
    input[type="checkbox"] + label::after {
      top: 2px;
      left: 3px;
      height: 12.69px;
      width: 19.03px;
      background: url(../src/library/images/icons/checkmark-icon.svg) 50%/cover no-repeat;
      opacity: 0;
      transform: scale(0.8); }
  input[type="checkbox"]:hover + label::after {
    opacity: 0.5; }
  input[type="checkbox"]:checked + label::after {
    opacity: 1;
    border-color: #fff;
    transform: scale(1); }

@media (min-width: 992px) {
  .dialog-reg-form {
    max-width: 1300px !important; }
    .dialog-reg-form .dialog-inner {
      max-width: 740px;
      margin: 0 auto; } }

.contact-form-form .message-info {
  margin-bottom: 5px;
  color: #ab2022;
  font-weight: 700; }

.add-person-fieldsset.original {
  display: none; }

.register-request-form,
.login-form {
  color: #343434;
  margin-top: 48px; }
  .register-request-form.loading::before,
  .login-form.loading::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8) url(../src/library/images/loading.svg) center no-repeat;
    content: "";
    display: block;
    z-index: 11; }
  .register-request-form .message-info,
  .login-form .message-info {
    margin-top: 5px;
    color: #ab2022;
    font-weight: 700; }
  .register-request-form .field-switch,
  .login-form .field-switch {
    display: flex;
    flex-wrap: wrap; }
    .register-request-form .field-switch .field,
    .login-form .field-switch .field {
      margin: 20px 30px 0 0; }
  .register-request-form .register-person-type,
  .login-form .register-person-type {
    display: none; }
  .register-request-form .field-checkbox,
  .login-form .field-checkbox {
    margin-top: 31px;
    line-height: 18px; }
  .register-request-form h1,
  .login-form h1 {
    font-weight: 700;
    font-family: "source-sans-pro", "Poppins", sans-serif; }
    @media (min-width: 768px) {
      .register-request-form h1,
      .login-form h1 {
        font-size: 48px;
        line-height: 50px; } }
    @media (min-width: 992px) {
      .register-request-form h1,
      .login-form h1 {
        font-size: 64px;
        line-height: 66px; } }
  .register-request-form .field-info,
  .login-form .field-info {
    font-size: 16px;
    margin-top: 20px; }
    .register-request-form .field-info span,
    .login-form .field-info span {
      font-weight: 700; }
  .register-request-form .field.-mini:not(:first-child),
  .login-form .field.-mini:not(:first-child) {
    margin-top: 20px; }
  .register-request-form .field.-mini input,
  .login-form .field.-mini input {
    outline: 0 !important; }
  .register-request-form .field.-mini.phone,
  .login-form .field.-mini.phone {
    position: relative; }
    .register-request-form .field.-mini.phone:before,
    .login-form .field.-mini.phone:before {
      content: "+";
      position: absolute;
      left: 5px;
      top: 17px;
      color: black;
      z-index: 1; }
    .register-request-form .field.-mini.phone #country-code,
    .login-form .field.-mini.phone #country-code {
      display: inline-block;
      width: 60px;
      padding-right: 0px; }
    .register-request-form .field.-mini.phone #phone,
    .login-form .field.-mini.phone #phone {
      display: inline-block;
      width: calc(100% - 75px);
      padding-left: 10px;
      margin-left: 10px; }
  .register-request-form .fields-group .group,
  .login-form .fields-group .group {
    padding: 24px 0 28px 0;
    border-bottom: 1px solid black; }
    .register-request-form .fields-group .group h6,
    .login-form .fields-group .group h6 {
      margin: 0 0 24px;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: black;
      cursor: pointer; }
    .register-request-form .fields-group .group p,
    .login-form .fields-group .group p {
      font-weight: 400;
      font-size: 16px; }
      .register-request-form .fields-group .group p a,
      .login-form .fields-group .group p a {
        text-decoration: underline; }
    .register-request-form .fields-group .group .field,
    .login-form .fields-group .group .field {
      margin-top: 20px;
      position: relative; }
      .register-request-form .fields-group .group .field label,
      .login-form .fields-group .group .field label {
        position: absolute;
        color: #5F5F5F;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        top: 14px;
        left: 30px;
        pointer-events: none; }
      .register-request-form .fields-group .group .field input[type=text],
      .register-request-form .fields-group .group .field input[type=email],
      .register-request-form .fields-group .group .field input[type=number],
      .register-request-form .fields-group .group .field input[type=tel],
      .login-form .fields-group .group .field input[type=text],
      .login-form .fields-group .group .field input[type=email],
      .login-form .fields-group .group .field input[type=number],
      .login-form .fields-group .group .field input[type=tel] {
        position: relative;
        border: 1px solid #F0F0F0;
        height: 50px;
        padding: 20px 20px 8px 20px;
        background-color: #F0F0F0;
        color: black;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px; }
        .register-request-form .fields-group .group .field input[type=text]:focus + label, .register-request-form .fields-group .group .field input[type=text].filled + label,
        .register-request-form .fields-group .group .field input[type=email]:focus + label,
        .register-request-form .fields-group .group .field input[type=email].filled + label,
        .register-request-form .fields-group .group .field input[type=number]:focus + label,
        .register-request-form .fields-group .group .field input[type=number].filled + label,
        .register-request-form .fields-group .group .field input[type=tel]:focus + label,
        .register-request-form .fields-group .group .field input[type=tel].filled + label,
        .login-form .fields-group .group .field input[type=text]:focus + label,
        .login-form .fields-group .group .field input[type=text].filled + label,
        .login-form .fields-group .group .field input[type=email]:focus + label,
        .login-form .fields-group .group .field input[type=email].filled + label,
        .login-form .fields-group .group .field input[type=number]:focus + label,
        .login-form .fields-group .group .field input[type=number].filled + label,
        .login-form .fields-group .group .field input[type=tel]:focus + label,
        .login-form .fields-group .group .field input[type=tel].filled + label {
          font-size: 10px;
          line-height: 15px;
          top: 6px; }
        .register-request-form .fields-group .group .field input[type=text].invalid,
        .register-request-form .fields-group .group .field input[type=email].invalid,
        .register-request-form .fields-group .group .field input[type=number].invalid,
        .register-request-form .fields-group .group .field input[type=tel].invalid,
        .login-form .fields-group .group .field input[type=text].invalid,
        .login-form .fields-group .group .field input[type=email].invalid,
        .login-form .fields-group .group .field input[type=number].invalid,
        .login-form .fields-group .group .field input[type=tel].invalid {
          border: 1px solid #FF00D9; }
    .register-request-form .fields-group .group .field-check,
    .login-form .fields-group .group .field-check {
      margin-top: 20px; }
      .register-request-form .fields-group .group .field-check label a,
      .login-form .fields-group .group .field-check label a {
        font-weight: 800;
        text-transform: uppercase; }
    .register-request-form .fields-group .group.collapsed,
    .login-form .fields-group .group.collapsed {
      overflow: hidden;
      height: 70px; }
  .register-request-form .fields-group #added-persons > ul > li,
  .login-form .fields-group #added-persons > ul > li {
    position: relative;
    height: auto;
    margin: 12px 0 0; }
    .register-request-form .fields-group #added-persons > ul > li h5,
    .login-form .fields-group #added-persons > ul > li h5 {
      font-weight: 700;
      font-size: 13px;
      line-height: 20px;
      text-transform: uppercase;
      cursor: default;
      text-align: left;
      display: inline-block; }
    .register-request-form .fields-group #added-persons > ul > li .remove,
    .login-form .fields-group #added-persons > ul > li .remove {
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      margin-top: 2px; }
    .register-request-form .fields-group #added-persons > ul > li.collapsed,
    .login-form .fields-group #added-persons > ul > li.collapsed {
      overflow: hidden;
      height: 28px; }
      .register-request-form .fields-group #added-persons > ul > li.collapsed fieldset,
      .login-form .fields-group #added-persons > ul > li.collapsed fieldset {
        height: 0;
        overflow: hidden; }
        .register-request-form .fields-group #added-persons > ul > li.collapsed fieldset input,
        .login-form .fields-group #added-persons > ul > li.collapsed fieldset input {
          pointer-events: none;
          keyboard-events: none; }
  .register-request-form .warning-message,
  .login-form .warning-message {
    margin: 24px 0;
    display: none;
    text-align: left; }
    .register-request-form .warning-message svg,
    .login-form .warning-message svg {
      display: inline-block; }
    .register-request-form .warning-message span,
    .login-form .warning-message span {
      color: #FF0303;
      font-size: 13px;
      line-height: 14px;
      display: inline-block; }
    .register-request-form .warning-message.show,
    .login-form .warning-message.show {
      display: block; }
  .register-request-form button,
  .register-request-form .button,
  .register-request-form .form-advance,
  .login-form button,
  .login-form .button,
  .login-form .form-advance {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-color: transparent;
    font-weight: 700;
    font-style: bold;
    border: none;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
    text-transform: uppercase;
    box-shadow: none;
    cursor: pointer; }
    .register-request-form button.btn-submit,
    .register-request-form .button.btn-submit,
    .register-request-form .form-advance.btn-submit,
    .login-form button.btn-submit,
    .login-form .button.btn-submit,
    .login-form .form-advance.btn-submit {
      line-height: 54px;
      text-decoration: none;
      font-weight: 700;
      vertical-align: middle; }
      .register-request-form button.btn-submit svg,
      .register-request-form .button.btn-submit svg,
      .register-request-form .form-advance.btn-submit svg,
      .login-form button.btn-submit svg,
      .login-form .button.btn-submit svg,
      .login-form .form-advance.btn-submit svg {
        vertical-align: middle;
        margin-left: 12px; }
    .register-request-form button.add-person,
    .register-request-form .button.add-person,
    .register-request-form .form-advance.add-person,
    .login-form button.add-person,
    .login-form .button.add-person,
    .login-form .form-advance.add-person {
      width: 100%;
      height: 56px;
      line-height: 24px;
      padding: 16px 20px;
      background-color: #33FC53;
      color: #FF00D9;
      text-decoration: none;
      max-width: 320px;
      margin: 24px 0;
      font-weight: 700; }
      .register-request-form button.add-person svg,
      .register-request-form .button.add-person svg,
      .register-request-form .form-advance.add-person svg,
      .login-form button.add-person svg,
      .login-form .button.add-person svg,
      .login-form .form-advance.add-person svg {
        vertical-align: middle;
        margin-right: 12px; }
  .register-request-form .bot-form,
  .login-form .bot-form {
    margin-top: 42px;
    align-items: flex-end;
    justify-content: space-between; }
    .register-request-form .bot-form .module-info,
    .login-form .bot-form .module-info {
      font-size: 14px;
      line-height: 18px; }
      @media (max-width: 575.98px) {
        .register-request-form .bot-form .module-info,
        .login-form .bot-form .module-info {
          margin-bottom: 20px; } }
    .register-request-form .bot-form button,
    .login-form .bot-form button {
      margin-left: auto; }
      @media (max-width: 767.98px) {
        .register-request-form .bot-form button,
        .login-form .bot-form button {
          font-size: 22px; } }

html {
  font-size: 100%; }

html,
body {
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-shadow: rgba(52, 52, 52, 0.01) 0 0 1px;
  font-size: 16px;
  line-height: 25px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #343434; }
  @media (min-width: 992px) {
    html,
    body {
      font-size: 18px;
      line-height: 30px; } }

h1,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0; }

h1 {
  font-size: 38px;
  line-height: 1.175;
  font-weight: 500; }

h2 {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2; }
  @media (min-width: 768px) {
    h2 {
      line-height: 1.3; } }

h3 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400; }
  @media (min-width: 768px) {
    h3 {
      font-size: 25px; } }

h4 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 500; }

h5,
h6 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500; }

h6 {
  font-weight: 400; }

p {
  margin: 0;
  line-height: inherit; }

hr {
  border: 1px solid #b3b3b3; }

#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden; }
  #page #content {
    position: relative;
    flex: 1; }
    @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
      #page #content {
        flex-basis: auto; } }

.hidden {
  display: none; }

@media (max-width: 767.98px) {
  body.menu-show {
    overflow: hidden; } }

body.overflow {
  overflow: hidden; }

body.loading::before {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8) url(../src/library/images/loading.svg) center no-repeat;
  content: "";
  display: block;
  z-index: 11; }

body.landing-page .module-content .top {
  display: none; }

@media (min-width: 768px) {
  body.landing-page .module-content .redactor {
    margin-top: -80px; } }

body.landing-page .module-content .redactor h1,
body.landing-page .module-content .redactor h2,
body.landing-page .module-content .redactor h3,
body.landing-page .module-content .redactor h4,
body.landing-page .module-content .redactor h5,
body.landing-page .module-content .redactor h6 {
  font-family: "source-sans-pro", "Poppins", sans-serif;
  font-weight: 700; }

body.landing-page .module-content .redactor p:first-child {
  font-size: 20px;
  line-height: 30px; }

._wr {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 768px) {
    ._wr {
      padding-left: 35px;
      padding-right: 35px; } }
  @media (min-width: 1320px) {
    ._wr {
      max-width: 1370px; } }
  @media (min-width: 1028px) {
    ._wr.single-wr {
      max-width: 1008px; } }

._wr-f {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 768px) {
    ._wr-f {
      padding-left: 35px;
      padding-right: 35px; } }

._w {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="_"] {
    padding-right: 0;
    padding-left: 0; }

._1, ._2, ._3, ._4, ._5, ._6, ._7, ._8, ._9, ._10, ._11, ._12, ._,
.__auto, ._xs1, ._xs2, ._xs3, ._xs4, ._xs5, ._xs6, ._xs7, ._xs8, ._xs9, ._xs10, ._xs11, ._xs12, ._xs,
._xs_auto, ._s1, ._s2, ._s3, ._s4, ._s5, ._s6, ._s7, ._s8, ._s9, ._s10, ._s11, ._s12, ._s,
._s_auto, ._m1, ._m2, ._m3, ._m4, ._m5, ._m6, ._m7, ._m8, ._m9, ._m10, ._m11, ._m12, ._m,
._m_auto, ._l1, ._l2, ._l3, ._l4, ._l5, ._l6, ._l7, ._l8, ._l9, ._l10, ._l11, ._l12, ._l,
._l_auto, ._xl1, ._xl2, ._xl3, ._xl4, ._xl5, ._xl6, ._xl7, ._xl8, ._xl9, ._xl10, ._xl11, ._xl12, ._xl,
._xl_auto, ._xxl1, ._xxl2, ._xxl3, ._xxl4, ._xxl5, ._xxl6, ._xxl7, ._xxl8, ._xxl9, ._xxl10, ._xxl11, ._xxl12, ._xxl,
._xxl_auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

._ {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.__auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

._1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

._2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

._3 {
  flex: 0 0 25%;
  max-width: 25%; }

._4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

._5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

._6 {
  flex: 0 0 50%;
  max-width: 50%; }

._7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

._8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

._9 {
  flex: 0 0 75%;
  max-width: 75%; }

._10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

._11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

._12 {
  flex: 0 0 100%;
  max-width: 100%; }

.ord__first {
  order: -1; }

.ord__last {
  order: 13; }

.ord__0 {
  order: 0; }

.ord__1 {
  order: 1; }

.ord__2 {
  order: 2; }

.ord__3 {
  order: 3; }

.ord__4 {
  order: 4; }

.ord__5 {
  order: 5; }

.ord__6 {
  order: 6; }

.ord__7 {
  order: 7; }

.ord__8 {
  order: 8; }

.ord__9 {
  order: 9; }

.ord__10 {
  order: 10; }

.ord__11 {
  order: 11; }

.ord__12 {
  order: 12; }

.ofs__1 {
  margin-left: 8.33333%; }

.ofs__2 {
  margin-left: 16.66667%; }

.ofs__3 {
  margin-left: 25%; }

.ofs__4 {
  margin-left: 33.33333%; }

.ofs__5 {
  margin-left: 41.66667%; }

.ofs__6 {
  margin-left: 50%; }

.ofs__7 {
  margin-left: 58.33333%; }

.ofs__8 {
  margin-left: 66.66667%; }

.ofs__9 {
  margin-left: 75%; }

.ofs__10 {
  margin-left: 83.33333%; }

.ofs__11 {
  margin-left: 91.66667%; }

@media (min-width: 480px) {
  ._xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  ._xs_auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  ._xs1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  ._xs2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  ._xs3 {
    flex: 0 0 25%;
    max-width: 25%; }
  ._xs4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  ._xs5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  ._xs6 {
    flex: 0 0 50%;
    max-width: 50%; }
  ._xs7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  ._xs8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  ._xs9 {
    flex: 0 0 75%;
    max-width: 75%; }
  ._xs10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  ._xs11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  ._xs12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .ord_xs_first {
    order: -1; }
  .ord_xs_last {
    order: 13; }
  .ord_xs_0 {
    order: 0; }
  .ord_xs_1 {
    order: 1; }
  .ord_xs_2 {
    order: 2; }
  .ord_xs_3 {
    order: 3; }
  .ord_xs_4 {
    order: 4; }
  .ord_xs_5 {
    order: 5; }
  .ord_xs_6 {
    order: 6; }
  .ord_xs_7 {
    order: 7; }
  .ord_xs_8 {
    order: 8; }
  .ord_xs_9 {
    order: 9; }
  .ord_xs_10 {
    order: 10; }
  .ord_xs_11 {
    order: 11; }
  .ord_xs_12 {
    order: 12; }
  .ofs_xs_0 {
    margin-left: 0; }
  .ofs_xs_1 {
    margin-left: 8.33333%; }
  .ofs_xs_2 {
    margin-left: 16.66667%; }
  .ofs_xs_3 {
    margin-left: 25%; }
  .ofs_xs_4 {
    margin-left: 33.33333%; }
  .ofs_xs_5 {
    margin-left: 41.66667%; }
  .ofs_xs_6 {
    margin-left: 50%; }
  .ofs_xs_7 {
    margin-left: 58.33333%; }
  .ofs_xs_8 {
    margin-left: 66.66667%; }
  .ofs_xs_9 {
    margin-left: 75%; }
  .ofs_xs_10 {
    margin-left: 83.33333%; }
  .ofs_xs_11 {
    margin-left: 91.66667%; } }

@media (min-width: 576px) {
  ._s {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  ._s_auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  ._s1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  ._s2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  ._s3 {
    flex: 0 0 25%;
    max-width: 25%; }
  ._s4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  ._s5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  ._s6 {
    flex: 0 0 50%;
    max-width: 50%; }
  ._s7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  ._s8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  ._s9 {
    flex: 0 0 75%;
    max-width: 75%; }
  ._s10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  ._s11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  ._s12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .ord_s_first {
    order: -1; }
  .ord_s_last {
    order: 13; }
  .ord_s_0 {
    order: 0; }
  .ord_s_1 {
    order: 1; }
  .ord_s_2 {
    order: 2; }
  .ord_s_3 {
    order: 3; }
  .ord_s_4 {
    order: 4; }
  .ord_s_5 {
    order: 5; }
  .ord_s_6 {
    order: 6; }
  .ord_s_7 {
    order: 7; }
  .ord_s_8 {
    order: 8; }
  .ord_s_9 {
    order: 9; }
  .ord_s_10 {
    order: 10; }
  .ord_s_11 {
    order: 11; }
  .ord_s_12 {
    order: 12; }
  .ofs_s_0 {
    margin-left: 0; }
  .ofs_s_1 {
    margin-left: 8.33333%; }
  .ofs_s_2 {
    margin-left: 16.66667%; }
  .ofs_s_3 {
    margin-left: 25%; }
  .ofs_s_4 {
    margin-left: 33.33333%; }
  .ofs_s_5 {
    margin-left: 41.66667%; }
  .ofs_s_6 {
    margin-left: 50%; }
  .ofs_s_7 {
    margin-left: 58.33333%; }
  .ofs_s_8 {
    margin-left: 66.66667%; }
  .ofs_s_9 {
    margin-left: 75%; }
  .ofs_s_10 {
    margin-left: 83.33333%; }
  .ofs_s_11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  ._m {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  ._m_auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  ._m1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  ._m2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  ._m3 {
    flex: 0 0 25%;
    max-width: 25%; }
  ._m4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  ._m5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  ._m6 {
    flex: 0 0 50%;
    max-width: 50%; }
  ._m7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  ._m8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  ._m9 {
    flex: 0 0 75%;
    max-width: 75%; }
  ._m10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  ._m11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  ._m12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .ord_m_first {
    order: -1; }
  .ord_m_last {
    order: 13; }
  .ord_m_0 {
    order: 0; }
  .ord_m_1 {
    order: 1; }
  .ord_m_2 {
    order: 2; }
  .ord_m_3 {
    order: 3; }
  .ord_m_4 {
    order: 4; }
  .ord_m_5 {
    order: 5; }
  .ord_m_6 {
    order: 6; }
  .ord_m_7 {
    order: 7; }
  .ord_m_8 {
    order: 8; }
  .ord_m_9 {
    order: 9; }
  .ord_m_10 {
    order: 10; }
  .ord_m_11 {
    order: 11; }
  .ord_m_12 {
    order: 12; }
  .ofs_m_0 {
    margin-left: 0; }
  .ofs_m_1 {
    margin-left: 8.33333%; }
  .ofs_m_2 {
    margin-left: 16.66667%; }
  .ofs_m_3 {
    margin-left: 25%; }
  .ofs_m_4 {
    margin-left: 33.33333%; }
  .ofs_m_5 {
    margin-left: 41.66667%; }
  .ofs_m_6 {
    margin-left: 50%; }
  .ofs_m_7 {
    margin-left: 58.33333%; }
  .ofs_m_8 {
    margin-left: 66.66667%; }
  .ofs_m_9 {
    margin-left: 75%; }
  .ofs_m_10 {
    margin-left: 83.33333%; }
  .ofs_m_11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  ._l {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  ._l_auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  ._l1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  ._l2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  ._l3 {
    flex: 0 0 25%;
    max-width: 25%; }
  ._l4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  ._l5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  ._l6 {
    flex: 0 0 50%;
    max-width: 50%; }
  ._l7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  ._l8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  ._l9 {
    flex: 0 0 75%;
    max-width: 75%; }
  ._l10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  ._l11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  ._l12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .ord_l_first {
    order: -1; }
  .ord_l_last {
    order: 13; }
  .ord_l_0 {
    order: 0; }
  .ord_l_1 {
    order: 1; }
  .ord_l_2 {
    order: 2; }
  .ord_l_3 {
    order: 3; }
  .ord_l_4 {
    order: 4; }
  .ord_l_5 {
    order: 5; }
  .ord_l_6 {
    order: 6; }
  .ord_l_7 {
    order: 7; }
  .ord_l_8 {
    order: 8; }
  .ord_l_9 {
    order: 9; }
  .ord_l_10 {
    order: 10; }
  .ord_l_11 {
    order: 11; }
  .ord_l_12 {
    order: 12; }
  .ofs_l_0 {
    margin-left: 0; }
  .ofs_l_1 {
    margin-left: 8.33333%; }
  .ofs_l_2 {
    margin-left: 16.66667%; }
  .ofs_l_3 {
    margin-left: 25%; }
  .ofs_l_4 {
    margin-left: 33.33333%; }
  .ofs_l_5 {
    margin-left: 41.66667%; }
  .ofs_l_6 {
    margin-left: 50%; }
  .ofs_l_7 {
    margin-left: 58.33333%; }
  .ofs_l_8 {
    margin-left: 66.66667%; }
  .ofs_l_9 {
    margin-left: 75%; }
  .ofs_l_10 {
    margin-left: 83.33333%; }
  .ofs_l_11 {
    margin-left: 91.66667%; } }

@media (min-width: 1320px) {
  ._xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  ._xl_auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  ._xl1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  ._xl2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  ._xl3 {
    flex: 0 0 25%;
    max-width: 25%; }
  ._xl4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  ._xl5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  ._xl6 {
    flex: 0 0 50%;
    max-width: 50%; }
  ._xl7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  ._xl8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  ._xl9 {
    flex: 0 0 75%;
    max-width: 75%; }
  ._xl10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  ._xl11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  ._xl12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .ord_xl_first {
    order: -1; }
  .ord_xl_last {
    order: 13; }
  .ord_xl_0 {
    order: 0; }
  .ord_xl_1 {
    order: 1; }
  .ord_xl_2 {
    order: 2; }
  .ord_xl_3 {
    order: 3; }
  .ord_xl_4 {
    order: 4; }
  .ord_xl_5 {
    order: 5; }
  .ord_xl_6 {
    order: 6; }
  .ord_xl_7 {
    order: 7; }
  .ord_xl_8 {
    order: 8; }
  .ord_xl_9 {
    order: 9; }
  .ord_xl_10 {
    order: 10; }
  .ord_xl_11 {
    order: 11; }
  .ord_xl_12 {
    order: 12; }
  .ofs_xl_0 {
    margin-left: 0; }
  .ofs_xl_1 {
    margin-left: 8.33333%; }
  .ofs_xl_2 {
    margin-left: 16.66667%; }
  .ofs_xl_3 {
    margin-left: 25%; }
  .ofs_xl_4 {
    margin-left: 33.33333%; }
  .ofs_xl_5 {
    margin-left: 41.66667%; }
  .ofs_xl_6 {
    margin-left: 50%; }
  .ofs_xl_7 {
    margin-left: 58.33333%; }
  .ofs_xl_8 {
    margin-left: 66.66667%; }
  .ofs_xl_9 {
    margin-left: 75%; }
  .ofs_xl_10 {
    margin-left: 83.33333%; }
  .ofs_xl_11 {
    margin-left: 91.66667%; } }

@media (min-width: 1560px) {
  ._xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  ._xxl_auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  ._xxl1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  ._xxl2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  ._xxl3 {
    flex: 0 0 25%;
    max-width: 25%; }
  ._xxl4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  ._xxl5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  ._xxl6 {
    flex: 0 0 50%;
    max-width: 50%; }
  ._xxl7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  ._xxl8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  ._xxl9 {
    flex: 0 0 75%;
    max-width: 75%; }
  ._xxl10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  ._xxl11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  ._xxl12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .ord_xxl_first {
    order: -1; }
  .ord_xxl_last {
    order: 13; }
  .ord_xxl_0 {
    order: 0; }
  .ord_xxl_1 {
    order: 1; }
  .ord_xxl_2 {
    order: 2; }
  .ord_xxl_3 {
    order: 3; }
  .ord_xxl_4 {
    order: 4; }
  .ord_xxl_5 {
    order: 5; }
  .ord_xxl_6 {
    order: 6; }
  .ord_xxl_7 {
    order: 7; }
  .ord_xxl_8 {
    order: 8; }
  .ord_xxl_9 {
    order: 9; }
  .ord_xxl_10 {
    order: 10; }
  .ord_xxl_11 {
    order: 11; }
  .ord_xxl_12 {
    order: 12; }
  .ofs_xxl_0 {
    margin-left: 0; }
  .ofs_xxl_1 {
    margin-left: 8.33333%; }
  .ofs_xxl_2 {
    margin-left: 16.66667%; }
  .ofs_xxl_3 {
    margin-left: 25%; }
  .ofs_xxl_4 {
    margin-left: 33.33333%; }
  .ofs_xxl_5 {
    margin-left: 41.66667%; }
  .ofs_xxl_6 {
    margin-left: 50%; }
  .ofs_xxl_7 {
    margin-left: 58.33333%; }
  .ofs_xxl_8 {
    margin-left: 66.66667%; }
  .ofs_xxl_9 {
    margin-left: 75%; }
  .ofs_xxl_10 {
    margin-left: 83.33333%; }
  .ofs_xxl_11 {
    margin-left: 91.66667%; } }

.dev-edit-entry {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 10px;
  line-height: 1;
  font-weight: 700;
  font-size: 12px;
  background: #343434;
  color: #fff;
  z-index: 10000; }

.video-header {
  position: relative;
  overflow: hidden; }
  .video-header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background: 50% / cover no-repeat;
    transition: 1s opacity;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0; }
    @media (min-width: 375px) {
      .video-header video.video-mobile {
        width: 140%; } }
    @media (min-width: 768px) {
      .video-header video.video-mobile.hide-desktop {
        display: none; } }
    @media (max-width: 767.98px) {
      .video-header video.video-mobile + .video-desktop {
        display: none; } }
  .video-header .content {
    position: relative;
    padding: 110px 0 76px;
    min-height: 446px;
    z-index: 2;
    justify-content: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .video-header .content {
        display: flex;
        align-items: center;
        padding: 60px 0;
        min-height: 393px; } }
    @media (min-width: 560px) and (max-height: 480px) and (orientation: landscape) {
      .video-header .content {
        min-height: 350px; } }
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
      .video-header .content {
        min-height: 350px; } }
    @media (min-width: 992px) {
      .video-header .content {
        min-height: 620px; } }
    .video-header .content h1 {
      margin: 0; }
      .video-header .content h1 > div {
        display: block; }
        .video-header .content h1 > div:nth-child(2) {
          margin-top: 12px;
          margin-left: 24px; }
          @media (min-width: 768px) {
            .video-header .content h1 > div:nth-child(2) {
              margin-top: 24px;
              margin-left: 100px; } }
          @media (min-width: 1320px) {
            .video-header .content h1 > div:nth-child(2) {
              margin-left: 156px; } }
        .video-header .content h1 > div span {
          font-family: "source-sans-pro", "Poppins", sans-serif;
          font-size: 32px;
          line-height: 1;
          font-weight: 700;
          color: #FF00D9;
          font-style: italic;
          background-color: #33FC53;
          padding: 4px 12px;
          display: inline-block; }
          @media (min-width: 768px) {
            .video-header .content h1 > div span {
              padding: 14px 40px;
              font-size: 72px; } }
          @media (min-width: 1320px) {
            .video-header .content h1 > div span {
              font-size: 100px;
              line-height: 106px; } }
  .video-header .bouncy-text {
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    width: 120px;
    height: 120px;
    background: #33FC53;
    border-radius: 50%;
    color: #fff;
    will-change: left, right;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    backface-visibility: hidden;
    animation: moveX 10s linear 0s infinite alternate, moveY 4s linear 0s infinite alternate;
    z-index: 1; }
    @media (min-width: 1320px) {
      .video-header .bouncy-text {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; } }

@keyframes moveX {
  from {
    right: 0; }
  to {
    right: calc(100% - 120px); } }

@keyframes moveY {
  from {
    top: 0; }
  to {
    top: calc(100% - 120px); } }

.page-header {
  margin: 0 0 60px; }
  @media (min-width: 768px) {
    .page-header {
      margin: 0 0 106px; } }
  @media (min-width: 1320px) {
    .page-header {
      margin: 0 0 188px; } }
  .page-header .inner-header {
    position: relative;
    padding: 171px 0 0; }
    @media (min-width: 768px) {
      .page-header .inner-header {
        padding: 130px 0 0;
        min-height: 350px; } }
    @media (min-width: 1320px) {
      .page-header .inner-header {
        padding: 213px 0 0;
        min-height: 450px; } }
    .page-header .inner-header img {
      position: absolute;
      right: 0;
      top: 0;
      max-width: 200px;
      max-height: 280px; }
      @media (min-width: 768px) {
        .page-header .inner-header img {
          max-width: 293px;
          max-height: 392px;
          right: 20px; } }
      @media (min-width: 1320px) {
        .page-header .inner-header img {
          max-width: 424px;
          max-height: 541px;
          right: 115px; } }
    .page-header .inner-header .content {
      position: relative;
      max-width: 375px; }
      @media (min-width: 768px) {
        .page-header .inner-header .content {
          max-width: 50%; } }
      @media (min-width: 992px) {
        .page-header .inner-header .content {
          max-width: 55%; } }
      @media (min-width: 1320px) {
        .page-header .inner-header .content {
          max-width: 49%; } }
    .page-header .inner-header .faq-switch {
      margin-top: 40px;
      font-size: 23px;
      line-height: 27px;
      text-align: center;
      white-space: nowrap; }
      @media (min-width: 768px) and (max-width: 991.98px) {
        .page-header .inner-header .faq-switch {
          font-size: 20px; } }
      @media (min-width: 768px) {
        .page-header .inner-header .faq-switch {
          text-align: left; } }
      .page-header .inner-header .faq-switch a {
        display: inline-block;
        padding: 0 0 2px; }
        .page-header .inner-header .faq-switch a.active {
          font-weight: 600;
          border-bottom: 2px solid #33FC53; }
        .page-header .inner-header .faq-switch a:nth-child(2)::before {
          content: '/';
          display: inline-block;
          margin: 0 5px 0 9px; }
    .page-header .inner-header h1 {
      font-family: "source-sans-pro", "Poppins", sans-serif;
      font-style: italic;
      font-weight: 700;
      margin-top: 10px; }
      @media (max-width: 575.98px) {
        .page-header .inner-header h1 {
          word-break: break-word; } }
      @media (min-width: 480px) {
        .page-header .inner-header h1 {
          font-size: 48px;
          line-height: 50px; } }
      @media (min-width: 768px) {
        .page-header .inner-header h1 {
          line-height: 55px; } }
      @media (min-width: 1320px) {
        .page-header .inner-header h1 {
          font-size: 64px;
          line-height: 66px; } }
    .page-header .inner-header .header-desc {
      margin-top: 20px; }
    .page-header .inner-header .header-cta {
      margin-top: 35px; }
      @media (min-width: 992px) {
        .page-header .inner-header .header-cta {
          margin-top: 50px; } }
      .page-header .inner-header .header-cta .brand-cta span {
        max-width: 200px; }
        @media (min-width: 1320px) {
          .page-header .inner-header .header-cta .brand-cta span {
            max-width: 240px; } }
  .page-header.landing-page {
    position: relative;
    min-height: 100vh;
    margin: 0 0 100px; }
    @media (min-width: 768px) {
      .page-header.landing-page {
        min-height: 540px;
        margin: 0 0 148px; } }
    @media (min-width: 1320px) {
      .page-header.landing-page {
        min-height: 628px; } }
    .page-header.landing-page .background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover; }
    .page-header.landing-page .inner-header {
      color: #fff;
      padding-bottom: 64px; }
      @media (min-width: 768px) {
        .page-header.landing-page .inner-header {
          padding-bottom: 100px; } }
      @media (min-width: 768px) {
        .page-header.landing-page .inner-header .content {
          max-width: 60%; } }
      .page-header.landing-page .inner-header .content h1 {
        margin: 0; }
        .page-header.landing-page .inner-header .content h1 span {
          font-family: "source-sans-pro", "Poppins", sans-serif;
          font-size: 42px;
          line-height: 1;
          font-weight: 700;
          color: #FF00D9;
          font-style: italic;
          background-color: #33FC53;
          padding: 4px 12px;
          display: inline-block; }
          @media (min-width: 768px) {
            .page-header.landing-page .inner-header .content h1 span {
              padding: 14px 40px;
              font-size: 72px; } }
          @media (min-width: 1320px) {
            .page-header.landing-page .inner-header .content h1 span {
              font-size: 100px;
              line-height: 106px; } }
          .page-header.landing-page .inner-header .content h1 span:nth-child(2) {
            margin-top: 12px;
            margin-left: 24px; }
            @media (min-width: 768px) {
              .page-header.landing-page .inner-header .content h1 span:nth-child(2) {
                margin-top: 24px;
                margin-left: 100px; } }
            @media (min-width: 1320px) {
              .page-header.landing-page .inner-header .content h1 span:nth-child(2) {
                margin-left: 156px; } }
      .page-header.landing-page .inner-header .landingHeaderTitle,
      .page-header.landing-page .inner-header .video-mockup-wrapper {
        position: relative;
        max-height: 580px;
        max-width: none;
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: bottom center;
        margin: 24px auto;
        margin-bottom: -140px; }
        @media (min-width: 768px) {
          .page-header.landing-page .inner-header .landingHeaderTitle,
          .page-header.landing-page .inner-header .video-mockup-wrapper {
            margin: 0;
            bottom: -120px;
            width: 240px;
            position: absolute;
            top: auto;
            right: 40px; } }
        @media (min-width: 1320px) {
          .page-header.landing-page .inner-header .landingHeaderTitle,
          .page-header.landing-page .inner-header .video-mockup-wrapper {
            bottom: -140px;
            width: 290px;
            right: 95px; } }
        .page-header.landing-page .inner-header .landingHeaderTitle.video-mockup-wrapper,
        .page-header.landing-page .inner-header .video-mockup-wrapper.video-mockup-wrapper {
          height: 420px;
          width: 280px;
          right: 0; }
          @media (min-width: 1320px) {
            .page-header.landing-page .inner-header .landingHeaderTitle.video-mockup-wrapper,
            .page-header.landing-page .inner-header .video-mockup-wrapper.video-mockup-wrapper {
              right: -30px; } }
          @media (min-width: 1320px) {
            .page-header.landing-page .inner-header .landingHeaderTitle.video-mockup-wrapper,
            .page-header.landing-page .inner-header .video-mockup-wrapper.video-mockup-wrapper {
              right: 40px;
              height: 520px;
              width: 340px; } }
          .page-header.landing-page .inner-header .landingHeaderTitle.video-mockup-wrapper .videoMockup,
          .page-header.landing-page .inner-header .video-mockup-wrapper.video-mockup-wrapper .videoMockup {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            object-fit: contain;
            z-index: 2;
            pointer-events: none;
            max-width: none;
            max-height: none; }
          .page-header.landing-page .inner-header .landingHeaderTitle.video-mockup-wrapper video,
          .page-header.landing-page .inner-header .video-mockup-wrapper.video-mockup-wrapper video {
            position: absolute;
            width: calc(100% - 101px);
            height: calc(100% - 30px);
            z-index: 1;
            top: 5px;
            left: 52px;
            object-fit: contain;
            border-radius: 24px; }
            @media (min-width: 1320px) {
              .page-header.landing-page .inner-header .landingHeaderTitle.video-mockup-wrapper video,
              .page-header.landing-page .inner-header .video-mockup-wrapper.video-mockup-wrapper video {
                width: calc(100% - 120px);
                height: calc(100% - 30px);
                top: 5px;
                left: 61px; } }

.big-img-header {
  margin: 0 0 60px; }
  @media (min-width: 768px) {
    .big-img-header {
      margin: 0 0 106px; } }
  @media (min-width: 1320px) {
    .big-img-header {
      margin: 0 0 188px; } }
  .big-img-header ._wr {
    padding-right: 0; }
  .big-img-header .inner-header {
    position: relative;
    padding: 171px 0 0; }
    @media (min-width: 768px) {
      .big-img-header .inner-header {
        padding: 130px 0 0; } }
    @media (min-width: 1320px) {
      .big-img-header .inner-header {
        padding: 213px 0 0; } }
  .big-img-header .content {
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 1320px) {
      .big-img-header .content {
        flex-wrap: nowrap; } }
  .big-img-header .left {
    position: relative;
    width: 100%;
    flex-shrink: 0; }
    .big-img-header .left .header-cta {
      display: none;
      margin-top: auto;
      padding-top: 50px;
      text-align: right; }
    @media (min-width: 768px) {
      .big-img-header .left {
        display: flex;
        flex-direction: column;
        max-width: 50%;
        padding-right: 40px; }
        .big-img-header .left .header-cta {
          display: block; } }
    @media (min-width: 992px) {
      .big-img-header .left {
        max-width: 540px; } }
  .big-img-header .right {
    position: relative;
    width: 100%;
    margin-top: 35px; }
    .big-img-header .right .img {
      height: 0;
      padding: 0 0 56.25%;
      background: 50% / cover no-repeat; }
    .big-img-header .right .header-cta {
      margin-top: 30px; }
    @media (min-width: 768px) {
      .big-img-header .right {
        max-width: 50%;
        margin-top: 150px; }
        .big-img-header .right .header-cta {
          display: none; } }
    @media (min-width: 992px) {
      .big-img-header .right {
        max-width: calc(100% - 540px); } }
    @media (min-width: 1320px) {
      .big-img-header .right {
        max-width: calc(50vw + 138px);
        flex-shrink: 0; } }
  .big-img-header h1 {
    font-family: "source-sans-pro", "Poppins", sans-serif;
    font-style: italic;
    font-weight: 700;
    width: 100%; }
    @media (min-width: 480px) {
      .big-img-header h1 {
        font-size: 48px;
        line-height: 50px; } }
    @media (min-width: 768px) {
      .big-img-header h1 {
        line-height: 55px; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .big-img-header h1 {
        word-break: break-word; } }
    @media (min-width: 1320px) {
      .big-img-header h1 {
        font-size: 64px;
        line-height: 66px; } }
  .big-img-header p {
    margin-top: 25px; }

.only-title-header {
  margin: 0 0 60px; }
  @media (min-width: 768px) {
    .only-title-header {
      margin: 0 0 43px; } }
  .only-title-header .header-cta {
    margin-top: 25px; }
    .only-title-header .header-cta .brand-cta span {
      max-width: 200px; }
      @media (min-width: 1320px) {
        .only-title-header .header-cta .brand-cta span {
          max-width: 240px; } }
    .enabled-promo .only-title-header .header-cta {
      display: none; }
  .only-title-header .inner-header {
    position: relative;
    padding: 171px 0 0; }
    @media (min-width: 768px) {
      .only-title-header .inner-header {
        padding: 130px 0 0; } }
    @media (min-width: 1320px) {
      .only-title-header .inner-header {
        padding: 213px 0 0; } }
    .enabled-promo .only-title-header .inner-header {
      padding: 0; }
      .enabled-promo .only-title-header .inner-header .breadcrumbs {
        display: none; }
      .enabled-promo .only-title-header .inner-header h1 {
        margin-top: 0; }
  .module-content .only-title-header ._wr {
    padding: 0; }
  .module-content .only-title-header .inner-header {
    padding-top: 0; }
  .only-title-header h1,
  .only-title-header h2 {
    font-family: "source-sans-pro", "Poppins", sans-serif;
    font-style: italic;
    font-weight: 700;
    margin-top: 10px; }
    @media (min-width: 480px) {
      .only-title-header h1,
      .only-title-header h2 {
        font-size: 48px;
        line-height: 50px; } }
    @media (min-width: 768px) {
      .only-title-header h1,
      .only-title-header h2 {
        line-height: 55px;
        margin-top: 20px; } }
    @media (min-width: 1320px) {
      .only-title-header h1,
      .only-title-header h2 {
        font-size: 64px;
        line-height: 66px; } }
  .only-title-header a:hover {
    color: #33FC53; }

.article-header + .page-content {
  margin-top: 60px; }
  @media (min-width: 768px) {
    .article-header + .page-content {
      margin-top: 45px; } }

.article-header .inner-header {
  position: relative;
  padding: 171px 0 0; }
  @media (min-width: 768px) {
    .article-header .inner-header {
      padding: 130px 0 0; } }
  @media (min-width: 1320px) {
    .article-header .inner-header {
      padding: 180px 0 0; } }

.article-header h1 {
  font-family: "source-sans-pro", "Poppins", sans-serif;
  font-style: italic;
  font-weight: 700;
  margin-top: 10px; }
  @media (min-width: 480px) {
    .article-header h1 {
      font-size: 48px;
      line-height: 50px; } }
  @media (min-width: 768px) {
    .article-header h1 {
      line-height: 55px;
      margin-top: 20px; } }
  @media (min-width: 1320px) {
    .article-header h1 {
      font-size: 64px;
      line-height: 66px; } }

.article-header .top {
  margin: 0 0 55px; }
  @media (min-width: 768px) {
    .article-header .top {
      max-width: 45%; } }

.article-header .bot {
  background: #F8F8F8; }
  .article-header .bot .img {
    background: 50% / cover no-repeat;
    height: 0;
    padding: 0 0 56.25%; }
  @media (max-width: 767.98px) {
    .article-header .bot {
      margin-top: 110px;
      padding: 0 0 51px; }
      .article-header .bot.reduced-padding {
        padding: 0; }
      .article-header .bot .bot-inner {
        flex-direction: column-reverse; }
      .article-header .bot .right {
        margin-right: -10px;
        width: calc(100% + 10px);
        padding-right: 0;
        margin-top: -67px; }
      .article-header .bot .left {
        margin-top: 37px; }
      .article-header .bot .quote {
        margin-top: -30px; } }
  @media (min-width: 768px) {
    .article-header .bot {
      padding: 0 0 120px; }
      .article-header .bot.reduced-padding {
        padding: 0 0 60px; }
      .article-header .bot .left {
        padding-right: 50px;
        padding-top: 50px; }
      .article-header .bot .quote {
        margin-top: -30px; }
        .article-header .bot .quote h2 {
          max-width: 100%; }
      .article-header .bot .img-wrapper {
        max-width: none;
        width: calc(50vw - 18px);
        margin-top: -50px; } }
  @media (min-width: 992px) {
    .article-header .bot .img-wrapper {
      margin-top: -167px; } }

.article-header .bottom-intro-text {
  margin: 50px 0 80px; }
  @media (min-width: 768px) {
    .article-header .bottom-intro-text .redactor {
      max-width: 80%;
      margin: 0 auto; } }

.scroll-info {
  margin-top: 50px;
  font-size: 14px; }
  .scroll-info svg {
    position: relative;
    top: 20px; }

.hubspot-form-module {
  margin: 72px 0 48px; }
  @media (min-width: 768px) {
    .hubspot-form-module {
      margin: 92px 0 100px; } }
  .hubspot-form-module ._wr > div {
    padding-right: 0;
    padding-left: 0; }
  .hubspot-form-module h1,
  .hubspot-form-module h2 {
    font-size: 48px;
    line-height: 45px;
    font-weight: 700;
    font-style: italic;
    font-family: "source-sans-pro", "Poppins", sans-serif;
    margin-bottom: 20px; }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .hubspot-form-module h1,
      .hubspot-form-module h2 {
        font-size: 40px;
        line-height: 38px;
        margin-bottom: 40px; } }
    @media (min-width: 1320px) {
      .hubspot-form-module h1,
      .hubspot-form-module h2 {
        font-size: 60px;
        line-height: 65px; } }
  .hubspot-form-module .text {
    margin-bottom: 40px; }
    .hubspot-form-module .text p {
      font-size: 16px;
      line-height: 24px; }

.hs_submit .hs-submit {
  background-color: indigo !important; }

.intro-cta-module {
  position: relative;
  margin: 0 0 83px;
  z-index: 2; }
  @media (min-width: 768px) {
    .intro-cta-module {
      margin: 0 0 151px; }
      .intro-cta-module ._wr {
        position: relative;
        padding-top: 74px; } }
  @media (min-width: 992px) {
    .intro-cta-module ._wr {
      padding-top: 60px; } }
  .intro-cta-module .top-img {
    margin-top: -50px; }
    .intro-cta-module .top-img img {
      width: 100%;
      max-width: 360px; }
    @media (min-width: 768px) {
      .intro-cta-module .top-img {
        position: absolute;
        right: 0;
        top: -70px;
        margin-top: 0; }
        .intro-cta-module .top-img img {
          max-width: 320px;
          max-height: 180px; } }
    @media (min-width: 992px) {
      .intro-cta-module .top-img img {
        max-width: 390px;
        max-height: 228px; } }
    @media (min-width: 1320px) {
      .intro-cta-module .top-img {
        top: -140px; }
        .intro-cta-module .top-img img {
          max-width: 605px;
          max-height: 354px; } }
  .intro-cta-module .content {
    margin-top: 14px; }
    @media (min-width: 768px) {
      .intro-cta-module .content {
        display: flex;
        width: 100%; } }
  .intro-cta-module h2 {
    position: relative;
    font-size: 30px;
    font-weight: 700;
    line-height: 34.81px;
    background: #fff;
    z-index: 1;
    font-weight: 700;
    font-family: "source-sans-pro", "Poppins", sans-serif;
    font-style: italic; }
    @media (min-width: 560px) and (max-height: 480px) and (orientation: landscape) {
      .intro-cta-module h2 {
        max-width: 380px; } }
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
      .intro-cta-module h2 {
        max-width: 380px; } }
    @media (min-width: 768px) {
      .intro-cta-module h2 {
        max-width: 318px; } }
    @media (min-width: 992px) {
      .intro-cta-module h2 {
        font-size: 50px;
        line-height: 60px;
        max-width: 570px; } }
  .intro-cta-module .green-box {
    position: relative;
    padding: 135px 200px 30px 0; }
    .intro-cta-module .green-box::before {
      position: absolute;
      content: '';
      left: -20px;
      top: -90px;
      right: 65px;
      bottom: 0;
      border: 2px solid #33FC53;
      pointer-events: none; }
    .intro-cta-module .green-box .green-box-content {
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
      text-transform: uppercase; }
      .intro-cta-module .green-box .green-box-content a {
        transition: .2s; }
        .intro-cta-module .green-box .green-box-content a:hover {
          color: #343434;
          text-decoration: underline; }
    .intro-cta-module .green-box .cta {
      position: absolute;
      right: 0;
      bottom: 36px;
      padding: 12px 0;
      background: #fff;
      z-index: 1; }
      .intro-cta-module .green-box .cta .brand-cta span {
        max-width: 132px; }
        @media (min-width: 768px) {
          .intro-cta-module .green-box .cta .brand-cta span {
            max-width: 200px; } }
    @media (min-width: 768px) {
      .intro-cta-module .green-box {
        padding: 67px 210px 30px 53px; }
        .intro-cta-module .green-box::before {
          left: 20px;
          top: -120px;
          right: 0; }
        .intro-cta-module .green-box .cta {
          right: -50px;
          bottom: 2px; } }
    @media (min-width: 1320px) {
      .intro-cta-module .green-box {
        padding: 112px 337px 40px 260px; }
        .intro-cta-module .green-box::before {
          top: -130px;
          left: 216px; }
        .intro-cta-module .green-box .cta {
          right: -90px; } }
  @media (min-width: 768px) {
    .intro-cta-module .left {
      padding-right: 35px;
      width: 100%;
      max-width: 61.7%;
      flex: 0 0 61.7%; } }
  @media (min-width: 992px) {
    .intro-cta-module .left {
      max-width: 70.7%;
      flex: 0 0 70.7%;
      padding-right: 90px; } }
  .intro-cta-module .right {
    margin-top: 54px; }
    @media (min-width: 768px) {
      .intro-cta-module .right {
        padding-left: 37px;
        margin-top: 150px;
        width: 100%;
        max-width: 38.3%;
        flex: 0 0 38.3%; } }
    @media (min-width: 992px) {
      .intro-cta-module .right {
        max-width: 29.3%;
        flex: 0 0 29.3%;
        padding-left: 70px; } }
  .intro-cta-module .right-pink-text {
    margin-top: 40px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #FF00D9; }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .intro-cta-module .right-pink-text {
        font-size: 20px; } }
    @media (min-width: 768px) {
      .intro-cta-module .right-pink-text {
        margin-top: 20px; } }

.slider-module {
  position: relative;
  margin: 83px 0 50px;
  padding: 0 0 40px; }
  @media (min-width: 768px) {
    .slider-module.fixed-slider {
      margin: 82px 0;
      padding-bottom: 0; } }
  @media (min-width: 768px) {
    .slider-module.fixed-slider:nth-child(even) .inner {
      flex-direction: row-reverse; } }
  .slider-module > * {
    position: relative; }
  .slider-module.gray-bg::before {
    position: absolute;
    content: '';
    background: #F8F8F8;
    left: -5000px;
    right: -5000px;
    top: 73px;
    bottom: 0; }
    @media (min-width: 768px) {
      .slider-module.gray-bg::before {
        top: 46px; } }
    @media (min-width: 1320px) {
      .slider-module.gray-bg::before {
        top: 62px; } }
  @media (min-width: 768px) {
    .slider-module {
      margin: 151px 0 87px; } }
  @media (min-width: 1320px) {
    .slider-module {
      margin: 156px 0 61px;
      padding: 0 0 95px; } }
  @media (min-width: 768px) {
    .slider-module ._wr:not(.-fixed) {
      padding-right: 0; } }
  @media (min-width: 768px) {
    .slider-module .inner {
      display: flex;
      width: 100%; } }
  @media (min-width: 1320px) {
    .slider-module .inner:not(.-fixed-boxes) {
      width: calc(50vw + 642px); } }
  .slider-module .left {
    margin: 0 0 67px; }
    @media (min-width: 768px) {
      .slider-module .left {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: calc(25% + 16px);
        padding-right: 16px;
        flex: 0 0 calc(25% + 16px);
        padding-bottom: 11px; } }
    @media (min-width: 992px) {
      .slider-module .left {
        max-width: calc(25% + 20px);
        flex: 0 0 calc(25% + 20px);
        padding-right: 20px; } }
    @media (min-width: 1320px) {
      .slider-module .left {
        padding-bottom: 0;
        max-width: 345px;
        flex: 0 0 345px; } }
    .slider-module .left h1,
    .slider-module .left h2 {
      font-size: 36px;
      line-height: 1;
      font-weight: 700;
      font-family: "source-sans-pro", "Poppins", sans-serif;
      font-style: italic; }
      @media (min-width: 768px) {
        .slider-module .left h1,
        .slider-module .left h2 {
          font-size: 40px; } }
      @media (min-width: 1320px) {
        .slider-module .left h1,
        .slider-module .left h2 {
          font-size: 60px;
          line-height: 65px; } }
    .slider-module .left .cta {
      display: none; }
      @media (min-width: 768px) {
        .slider-module .left .cta {
          display: block;
          padding-top: 50px;
          margin-top: auto;
          text-align: right; } }
  @media (min-width: 768px) and (min-width: 768px) and (max-width: 991.98px) {
    .slider-module .left .cta .brand-cta span {
      font-size: 28px;
      line-height: 24px; } }
  @media (min-width: 768px) and (min-width: 768px) and (max-width: 991.98px) {
    .slider-module .left .cta .brand-cta.-fixed span {
      font-size: 18px;
      line-height: 22px; } }
      @media (min-width: 1320px) {
        .slider-module .left .cta {
          position: relative;
          top: -7px; } }
  @media (min-width: 768px) {
    .slider-module .swiper {
      padding: 20px 0; } }
  .slider-module .right .bot-cta {
    margin-top: 20px;
    text-align: right; }
    @media (min-width: 768px) {
      .slider-module .right .bot-cta {
        display: none; } }
  @media (min-width: 768px) {
    .slider-module .right {
      width: 100%;
      max-width: 74%;
      flex: 0 0 74%; } }
  @media (min-width: 1320px) {
    .slider-module .right:not(.-fixed-boxes) {
      max-width: calc(100% - 345px);
      flex: 0 0 calc(100% - 345px); } }
  .slider-module .slide-card {
    width: 281px; }
    .slider-module .slide-card .top {
      position: relative;
      width: 100%;
      height: 0;
      padding: 0 0 100%;
      background: 50% / cover no-repeat; }
      .slider-module .slide-card .top::before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(360deg, rgba(48, 45, 45, 0.5) 0%, rgba(48, 45, 45, 0) 100%); }
    .slider-module .slide-card .bot {
      margin-top: 3px;
      line-height: 18px; }
      .slider-module .slide-card .bot.limit-bot {
        overflow: hidden;
        -webkit-line-clamp: 2;
        display: box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        max-height: 40px; }
    @media (min-width: 768px) {
      .slider-module .slide-card {
        width: 42%; }
        .slider-module .slide-card.-fixed {
          width: calc(33.33% - 20px); } }
    @media (min-width: 830px) {
      .slider-module .slide-card {
        width: 36%; } }
    @media (min-width: 992px) {
      .slider-module .slide-card {
        width: 28%; } }
    .slider-module .slide-card h2 {
      position: absolute;
      font-weight: 700;
      font-size: 28px;
      line-height: 35px;
      bottom: 13px;
      left: 16px;
      max-width: calc(100% - 26px);
      color: #fff;
      z-index: 1; }
      @media (min-width: 768px) {
        .slider-module .slide-card h2 {
          font-size: 20px;
          line-height: 26px; } }
      @media (min-width: 1560px) {
        .slider-module .slide-card h2 {
          font-size: 28px;
          line-height: 35px; } }
    .slider-module .slide-card span {
      position: relative;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px; }
      .slider-module .slide-card span::after {
        position: relative;
        top: -1px;
        content: '|';
        margin: 0 10px 0 12px; }
    .slider-module .slide-card p {
      font-size: 14px;
      line-height: 18px; }
    .slider-module .slide-card.-person-card h2 {
      position: relative;
      color: #343434;
      top: auto;
      left: auto;
      bottom: auto;
      margin-top: 10px;
      font-family: inherit;
      font-weight: 700; }
    .slider-module .slide-card.-person-card .mid {
      padding: 0 15px; }
      .slider-module .slide-card.-person-card .mid + .bot {
        padding: 10px 15px; }
    .slider-module .slide-card.-person-card .bot .pos {
      font-size: 16px;
      text-transform: uppercase; }
    .slider-module .slide-card.-person-card .bot svg {
      height: 24px; }
    .slider-module .slide-card.-person-card .bot .info:not(:first-child) {
      margin: 5px 0 0; }
    .slider-module .slide-card.-person-card .bot .info > div {
      display: flex;
      align-items: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .slider-module .slide-card.-person-card .bot .info > div svg {
        flex-shrink: 0; }
      .slider-module .slide-card.-person-card .bot .info > div a:hover {
        color: #33FC53; }
    .slider-module .slide-card.-person-card .bot span::after,
    .slider-module .slide-card.-person-card .bot a::after {
      display: none; }
  @media (min-width: 768px) {
    .slider-module.show-2 .left {
      max-width: 50%;
      flex: 0 0 50%; } }
  @media (min-width: 1320px) {
    .slider-module.show-2 .left .cta {
      top: 10px; } }
  @media (min-width: 768px) {
    .slider-module.show-2 .right {
      max-width: 50%;
      flex: 0 0 50%; } }
  @media (min-width: 1320px) {
    .slider-module.show-2 .right {
      max-width: calc(50% - 1px);
      flex: 0 0 calc(50% - 1px); } }
  @media (min-width: 768px) {
    .slider-module.show-2 .slide-card {
      width: 47%; } }
  @media (min-width: 830px) {
    .slider-module.show-2 .slide-card {
      width: 47%; } }
  @media (min-width: 992px) {
    .slider-module.show-2 .slide-card {
      width: 47%; } }
  .slider-module .limit-text {
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 36px;
    overflow: hidden; }

.title-text-module {
  margin: 90px 0 37px; }
  @media (min-width: 768px) {
    .title-text-module {
      margin: 127px 0 94px; } }
  @media (min-width: 1320px) {
    .title-text-module {
      margin: 164px 0 94px; } }
  .title-text-module h1,
  .title-text-module h2 {
    font-size: 48px;
    line-height: 45px;
    font-weight: 700;
    font-style: italic;
    font-family: "source-sans-pro", "Poppins", sans-serif; }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .title-text-module h1,
      .title-text-module h2 {
        font-size: 40px;
        line-height: 38px; } }
    @media (min-width: 1320px) {
      .title-text-module h1,
      .title-text-module h2 {
        font-size: 60px;
        line-height: 65px; } }
  .title-text-module .title {
    margin: 0 0 37px; }
  @media (min-width: 768px) {
    .title-text-module .content:not(.fullwidth) {
      display: flex; }
      .title-text-module .content:not(.fullwidth) .title {
        margin: 0;
        padding-right: 50px; }
      .title-text-module .content:not(.fullwidth) .title,
      .title-text-module .content:not(.fullwidth) .text {
        max-width: 50%;
        flex: 0 0 50%; }
      .title-text-module .content:not(.fullwidth) .text {
        margin-top: 60px; } }
  @media (min-width: 992px) {
    .title-text-module .content:not(.fullwidth) .text {
      padding-left: 20px;
      padding-right: 100px; } }

.green-boxes-module {
  position: relative;
  background: #F8F8F8;
  padding: 70px 0 47px; }
  .green-boxes-module ._wr {
    position: relative; }
  .green-boxes-module .green-boxes {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    text-align: center; }
    .green-boxes-module .green-boxes .box {
      width: 100%;
      padding: 0 10px; }
      @media (max-width: 767.98px) {
        .green-boxes-module .green-boxes .box:not(:first-child) {
          margin-top: 55px; } }
      @media (min-width: 768px) {
        .green-boxes-module .green-boxes .box {
          flex: 0 0 33.33%;
          max-width: 33.33%; } }
      .green-boxes-module .green-boxes .box .icon {
        position: relative;
        width: 134px;
        height: 134px;
        border-radius: 50%;
        margin: 0 auto; }
        @media (min-width: 768px) {
          .green-boxes-module .green-boxes .box .icon {
            width: 117px;
            height: 117px; } }
        @media (min-width: 992px) {
          .green-boxes-module .green-boxes .box .icon {
            width: 156px;
            height: 156px; } }
        .green-boxes-module .green-boxes .box .icon .icon-inner {
          position: absolute;
          left: 0;
          bottom: 0;
          background: #33FC53;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          transition: .4s; }
        .green-boxes-module .green-boxes .box .icon img {
          position: absolute;
          left: 50%;
          bottom: 67px;
          transform: translate(-50%, 50%);
          transition: .5s; }
          @media (min-width: 768px) {
            .green-boxes-module .green-boxes .box .icon img {
              bottom: 58.5px; } }
          @media (min-width: 992px) {
            .green-boxes-module .green-boxes .box .icon img {
              bottom: 78px; } }
          .green-boxes-module .green-boxes .box .icon img.main-icon {
            height: 50px; }
          .green-boxes-module .green-boxes .box .icon img.hover-icon {
            display: none;
            height: 66px; }
        @media (min-width: 768px) {
          .green-boxes-module .green-boxes .box .icon.hoverable .hover-icon {
            display: block;
            visibility: hidden;
            opacity: 0;
            transform: translate(-50%, 0);
            bottom: 25px;
            max-height: 151px; }
          .green-boxes-module .green-boxes .box .icon.hoverable .icon-inner:hover {
            border-radius: 75px;
            height: 214px; }
            .green-boxes-module .green-boxes .box .icon.hoverable .icon-inner:hover .main-icon {
              opacity: 0;
              visibility: hidden; }
            .green-boxes-module .green-boxes .box .icon.hoverable .icon-inner:hover .hover-icon {
              opacity: 1;
              visibility: visible; } }
        @media (min-width: 992px) {
          .green-boxes-module .green-boxes .box .icon.hoverable .hover-icon {
            bottom: 40px;
            max-height: 205px; }
          .green-boxes-module .green-boxes .box .icon.hoverable .icon-inner:hover {
            height: 286px; } }
      .green-boxes-module .green-boxes .box .content {
        margin: 15px auto 0;
        max-width: 250px; }
        .green-boxes-module .green-boxes .box .content h5 {
          font-size: 25px;
          font-weight: 700;
          line-height: normal; }
        .green-boxes-module .green-boxes .box .content p {
          font-size: 14px;
          line-height: 20px;
          margin-top: 8px; }
  .green-boxes-module .bottom-cta {
    text-align: center;
    margin-top: 60px; }
    @media (min-width: 768px) {
      .green-boxes-module .bottom-cta {
        margin-top: 36px; } }
    @media (min-width: 992px) {
      .green-boxes-module .bottom-cta {
        margin-top: 60px; } }

.icons-module {
  position: relative;
  margin: 55px 0 202px; }
  @media (min-width: 1320px) {
    .icons-module {
      margin: 26px 0 243px; } }
  @media (min-width: 768px) {
    .icons-module .icons-wrapper {
      max-width: 75%;
      margin: 0 auto; } }
  @media (min-width: 1320px) {
    .icons-module .icons-wrapper {
      max-width: 50%;
      margin: 0 auto; } }
  .icons-module .icon {
    text-align: center;
    margin-top: 60px; }
    .icons-module .icon img {
      max-height: 50px;
      width: auto; }
    .icons-module .icon span {
      display: block;
      margin-top: 25px;
      font-size: 18px;
      font-weight: 400;
      line-height: 22px; }
      @media (min-width: 992px) {
        .icons-module .icon span {
          font-size: 22px;
          line-height: 28px; } }

.green-box-cta {
  position: relative;
  margin: 102px 0 100px;
  transform: scale3d(1, 1, 1); }
  .green-box-cta h1,
  .green-box-cta h2 {
    position: relative;
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    font-style: italic;
    font-family: "source-sans-pro", "Poppins", sans-serif; }
    @media (min-width: 768px) {
      .green-box-cta h1,
      .green-box-cta h2 {
        font-size: 48px;
        line-height: 50px;
        max-width: 390px; } }
    @media (min-width: 1320px) {
      .green-box-cta h1,
      .green-box-cta h2 {
        font-size: 60px;
        line-height: 66px;
        max-width: 473px; } }
  .green-box-cta p {
    position: relative;
    margin-top: 25px; }
    @media (min-width: 768px) {
      .green-box-cta p {
        margin-top: 12px; } }
    @media (min-width: 1320px) {
      .green-box-cta p {
        margin-top: 39px; } }
  .green-box-cta .content {
    position: relative;
    padding: 0 0 90px 70px; }
    .green-box-cta .content::before {
      position: absolute;
      content: '';
      top: 64px;
      right: 69px;
      bottom: 0;
      left: -20px;
      background: #F0F0F0; }
    .green-box-cta .content.green::before {
      background: #33FC53; }
    .green-box-cta .content .green-box-image {
      position: absolute;
      bottom: 25px;
      left: -20px; }
      .green-box-cta .content .green-box-image img {
        max-width: calc(100vw - 110px);
        max-height: 380px; }
        @media (min-width: 1320px) {
          .green-box-cta .content .green-box-image img {
            max-width: 478px;
            max-height: 518px; } }
    @media (min-width: 768px) {
      .green-box-cta .content {
        padding: 0 0 80px 36%; }
        .green-box-cta .content::before {
          left: -35px;
          top: 82px;
          right: 190px; }
        .green-box-cta .content .green-box-image {
          left: -35px; } }
    @media (min-width: 1320px) {
      .green-box-cta .content {
        padding: 0 0 145px 37%; }
        .green-box-cta .content::before {
          left: -5000px;
          top: 90px;
          right: 220px; }
        .green-box-cta .content .green-box-image {
          position: fixed;
          left: 0; } }
  @media (min-width: 768px) {
    .green-box-cta .inner {
      display: flex;
      width: 100%; } }
  @media (min-width: 768px) {
    .green-box-cta .left {
      width: 100%;
      flex: 0 0 70%;
      max-width: 70%;
      padding-right: 10px; } }
  .green-box-cta .right {
    text-align: right;
    margin-top: 64px;
    width: 100%; }
    @media (min-width: 768px) {
      .green-box-cta .right {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        max-width: 30%;
        flex: 0 0 30%;
        padding-left: 10px; } }
    @media (min-width: 1320px) {
      .green-box-cta .right {
        padding-bottom: 25px; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .green-box-cta .right .brand-cta span {
        font-size: 28px; } }

.large-card-carousel {
  position: relative;
  margin: 90px 0; }
  @media (min-width: 768px) {
    .large-card-carousel {
      margin: 120px 0 80px; } }
  @media (min-width: 1320px) {
    .large-card-carousel {
      margin: 190px 0 118px; } }
  .large-card-carousel .swiper {
    padding-bottom: 140px; }
    @media (min-width: 768px) {
      .large-card-carousel .swiper {
        padding-bottom: 120px; } }
    @media (min-width: 1320px) {
      .large-card-carousel .swiper {
        padding-bottom: 100px; } }
    .large-card-carousel .swiper .swiper-pagination {
      bottom: 85px; }
      @media (min-width: 768px) {
        .large-card-carousel .swiper .swiper-pagination {
          bottom: 35px; } }
    .large-card-carousel .swiper .swiper-buttons {
      right: 0;
      bottom: 0;
      z-index: 15; }
  @media (min-width: 768px) {
    .large-card-carousel .slide-inner {
      display: flex;
      width: 100%; } }
  .large-card-carousel .stats a {
    text-decoration: underline; }
    .large-card-carousel .stats a:hover {
      color: #33FC53; }
  .large-card-carousel .left {
    width: 100%; }
    @media (min-width: 768px) {
      .large-card-carousel .left {
        max-width: 55.45%;
        flex: 0 0 55.45%; } }
    @media (min-width: 1320px) {
      .large-card-carousel .left {
        max-width: 51%;
        flex: 0 0 51%; } }
    .large-card-carousel .left .left-inner {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      @media (min-width: 768px) {
        .large-card-carousel .left .left-inner {
          height: 100%; } }
      .large-card-carousel .left .left-inner .main-info {
        order: 1;
        text-align: right;
        margin-top: 10px;
        width: 100%; }
        .large-card-carousel .left .left-inner .main-info h3 {
          font-size: 20px;
          line-height: 30px;
          font-weight: 700; }
        .large-card-carousel .left .left-inner .main-info .person-title {
          margin-top: 7px;
          font-size: 14px;
          line-height: 21px;
          font-weight: 400; }
        @media (min-width: 768px) {
          .large-card-carousel .left .left-inner .main-info {
            position: absolute;
            right: 10px;
            top: 0;
            max-width: 60%; } }
      .large-card-carousel .left .left-inner .stats {
        display: none;
        order: 1;
        text-align: left;
        font-size: 16px;
        line-height: 25px;
        max-width: 54.5%;
        margin-top: auto;
        margin-left: auto; }
        @media (min-width: 768px) {
          .large-card-carousel .left .left-inner .stats {
            display: block; } }
        @media (min-width: 1320px) {
          .large-card-carousel .left .left-inner .stats {
            max-width: 49.5%;
            padding-right: 100px; } }
        .large-card-carousel .left .left-inner .stats strong {
          font-weight: 700; }
  .large-card-carousel .right {
    margin-top: 20px;
    width: 100%; }
    @media (min-width: 768px) {
      .large-card-carousel .right {
        margin-top: 0;
        padding-left: 10px;
        max-width: 44.55%;
        flex: 0 0 44.55%; } }
    @media (min-width: 1320px) {
      .large-card-carousel .right {
        padding-right: 76px;
        padding-left: 23px; } }
    .large-card-carousel .right .person-image {
      height: 0;
      padding: 0 0 96.41%;
      background: 50% / cover no-repeat; }
    .large-card-carousel .right .stats {
      font-size: 14px;
      line-height: 20px;
      margin-top: 15px; }
      @media (min-width: 768px) {
        .large-card-carousel .right .stats {
          display: none; } }
      .large-card-carousel .right .stats p {
        font-size: 16px;
        line-height: 25px; }
        .large-card-carousel .right .stats p strong {
          font-weight: 700; }
        .large-card-carousel .right .stats p:not(:first-child) {
          margin: 0 0 .8em; }

.quote-module {
  margin: 60px 0; }
  @media (min-width: 768px) {
    .quote-module {
      margin: 106px 0 50px; } }
  @media (min-width: 992px) {
    .quote-module {
      margin: 130px 0 123px; } }
  .quote-module h1 {
    font-size: 30px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .quote-module h1 {
        font-size: 36px; } }
    @media (min-width: 992px) {
      .quote-module h1 {
        font-size: 48px; } }
  .quote-module .left-title + .left-text {
    margin-top: 25px; }
  .quote-module .no-empty + .right {
    margin-top: 50px; }
  @media (min-width: 768px) {
    .quote-module .inner {
      display: flex;
      width: 100%; }
      .quote-module .inner .left {
        width: 100%;
        max-width: 50%;
        flex: 0 0 50%;
        padding-right: 50px;
        padding-bottom: 65px; }
      .quote-module .inner .right {
        width: 100%;
        max-width: 50%;
        flex: 0 0 50%;
        margin-top: 0;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end; }
        .quote-module .inner .right .quote h2 {
          max-width: 100%;
          font-size: 24px;
          line-height: 35px; } }
  @media (min-width: 992px) {
    .quote-module .inner .left {
      padding-right: 75px;
      padding-bottom: 190px; }
    .quote-module .inner .right .quote h2 {
      font-size: 34px;
      line-height: 50px; } }

.logo-slider {
  position: relative;
  margin: 72px 0 22px; }
  @media (min-width: 768px) {
    .logo-slider {
      margin: 78px 0 65px; } }
  @media (min-width: 1320px) {
    .logo-slider {
      margin: 71px 0 42px; } }
  .logo-slider .swiper {
    padding-bottom: 196px; }
    @media (min-width: 768px) {
      .logo-slider .swiper {
        padding-bottom: 140px; } }
    .logo-slider .swiper .swiper-wrapper {
      align-items: center; }
    .logo-slider .swiper .swiper-pagination {
      bottom: 90px; }
      @media (min-width: 768px) {
        .logo-slider .swiper .swiper-pagination {
          bottom: 40px; } }
  .logo-slider .swiper-buttons {
    bottom: 0;
    right: 0;
    z-index: 15; }
  .logo-slider .logo-slide {
    text-align: center; }
    .logo-slider .logo-slide img {
      max-width: 120px;
      max-height: 70px; }
      @media (min-width: 992px) {
        .logo-slider .logo-slide img {
          max-width: 200px;
          max-height: 114px; } }

.big-image-slider {
  margin: 61px 0 40px; }
  @media (min-width: 768px) {
    .big-image-slider {
      margin: 48px 0 124px; } }
  @media (min-width: 992px) {
    .big-image-slider {
      margin: 123px 0 133px; } }
  .big-image-slider .swiper {
    padding-bottom: 130px; }
    @media (min-width: 768px) {
      .big-image-slider .swiper {
        padding-bottom: 120px; } }
    @media (min-width: 992px) {
      .big-image-slider .swiper {
        padding-bottom: 125px; } }
    .big-image-slider .swiper .swiper-buttons {
      bottom: 0;
      right: 0;
      z-index: 15; }
    .big-image-slider .swiper .swiper-pagination {
      bottom: 90px; }
      @media (min-width: 768px) {
        .big-image-slider .swiper .swiper-pagination {
          bottom: 55px; } }
      @media (min-width: 992px) {
        .big-image-slider .swiper .swiper-pagination {
          bottom: 50px; } }
    .big-image-slider .swiper .image {
      background: 50% / cover no-repeat;
      height: 0;
      padding: 0 0 54.61%; }
      .big-image-slider .swiper .image.ratio-bigImageSquare {
        padding: 0 0 100%; }

.green-image-text {
  margin: 31px 0 60px; }
  .green-image-text .left {
    position: relative;
    padding-bottom: 37px; }
    @media (min-width: 768px) {
      .green-image-text .left {
        padding-bottom: 90px; } }
    @media (min-width: 992px) {
      .green-image-text .left {
        padding-bottom: 105px; } }
    .green-image-text .left::before {
      position: absolute;
      content: '';
      background: #33FC53;
      left: -20px;
      right: -20px;
      bottom: 0;
      top: 160px; }
      @media (min-width: 768px) {
        .green-image-text .left::before {
          left: -35px;
          right: -100px;
          top: 95px; } }
      @media (min-width: 992px) {
        .green-image-text .left::before {
          left: -5000px;
          right: -161px;
          top: 211px; } }
    .green-image-text .left .text-title {
      position: relative;
      margin: 0 0 15px; }
    .green-image-text .left img {
      position: relative; }
    @media (min-width: 768px) {
      .green-image-text .left .text-title {
        display: none; } }
  .green-image-text .right {
    margin-top: 34px; }
    @media (max-width: 767.98px) {
      .green-image-text .right .text-title {
        display: none; } }
    @media (min-width: 768px) {
      .green-image-text .right {
        padding-left: 25px;
        margin-top: 20px; } }
    @media (min-width: 992px) {
      .green-image-text .right {
        padding-left: 50px;
        margin-top: 232px; } }
  @media (min-width: 768px) {
    .green-image-text .text-title {
      margin: 0 0 40px; } }
  @media (min-width: 992px) {
    .green-image-text .text-title {
      margin: 0 0 30px; } }
  .green-image-text h1,
  .green-image-text h2 {
    font-size: 30px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .green-image-text h1,
      .green-image-text h2 {
        font-size: 36px; } }
    @media (min-width: 992px) {
      .green-image-text h1,
      .green-image-text h2 {
        font-size: 48px; } }

.text-and-image {
  margin: 63px 0 80px; }
  .text-and-image h1,
  .text-and-image h2 {
    font-size: 30px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .text-and-image h1,
      .text-and-image h2 {
        font-size: 36px; } }
    @media (min-width: 992px) {
      .text-and-image h1,
      .text-and-image h2 {
        font-size: 48px; } }
  .text-and-image .text-title {
    margin: 0 0 30px; }
  @media (min-width: 768px) {
    .text-and-image .left {
      padding: 0 50px 0 0;
      min-height: 380px; } }
  @media (min-width: 992px) {
    .text-and-image .left {
      padding-top: 25px !important;
      padding-bottom: 65px !important;
      min-height: 537px; } }
  @media (max-width: 767.98px) {
    .text-and-image .right {
      margin-top: 30px; } }
  .text-and-image .right .img {
    position: relative;
    padding: 0 0 78.88%;
    height: 0;
    width: calc(100% + 20px);
    background: 50% / cover no-repeat; }
    @media (min-width: 768px) {
      .text-and-image .right .img {
        position: absolute;
        left: 10px;
        top: 0;
        bottom: 0;
        padding: 0;
        height: 100%;
        width: calc(100% + 35px); } }
    @media (min-width: 1320px) {
      .text-and-image .right .img {
        width: calc(50vw - 15px); } }
  @media (min-width: 768px) {
    .text-and-image .right {
      position: relative;
      top: 40px; } }
  @media (min-width: 992px) {
    .text-and-image .right {
      top: 0; } }
  .text-and-image .switch .right .img {
    left: -20px; }
  @media (min-width: 768px) {
    .text-and-image .switch .right {
      order: 0; }
      .text-and-image .switch .right .img {
        left: auto;
        right: 10px; }
    .text-and-image .switch .left {
      order: 1;
      padding: 0 0 0 50px; } }

.person-quote {
  margin: 80px 0 126px; }
  @media (min-width: 768px) {
    .person-quote {
      margin: 180px 0 163px; } }
  @media (min-width: 1320px) {
    .person-quote {
      margin: 166px 0 185px; } }
  @media (max-width: 767.98px) {
    .person-quote .left {
      order: 1;
      margin-top: 70px; }
    .person-quote .right {
      order: 0; } }
  .person-quote .person {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    width: 277px; }
    @media (min-width: 768px) {
      .person-quote .person {
        padding: 0 20px;
        width: 320px; } }
    @media (min-width: 1320px) {
      .person-quote .person {
        width: 100%; } }
  @media (min-width: 768px) {
    .person-quote .inner {
      align-items: center; } }
  @media (min-width: 1320px) {
    .person-quote .inner .left {
      text-align: center; } }
  .person-quote .info {
    position: absolute;
    left: 65%;
    top: 50%;
    transform: translateY(-50%);
    width: 130px;
    z-index: 1;
    text-align: left; }
    @media (min-width: 768px) {
      .person-quote .info {
        left: 55%;
        width: 170px; } }
    @media (min-width: 992px) {
      .person-quote .info {
        left: 63%; } }
    @media (min-width: 1320px) {
      .person-quote .info {
        width: 200px;
        left: 66%; } }
    .person-quote .info h5 {
      font-weight: 700;
      font-size: 16px;
      line-height: 15px;
      text-transform: uppercase;
      max-width: 90%;
      margin-bottom: 5px; }
      @media (min-width: 768px) {
        .person-quote .info h5 {
          font-size: 24px;
          line-height: 25px; } }
    .person-quote .info .title {
      line-height: 1; }
    .person-quote .info span {
      font-size: 12px;
      line-height: 14px; }
      @media (min-width: 768px) {
        .person-quote .info span {
          font-size: 16px;
          line-height: 1; } }
  .person-quote img {
    border-radius: 50%;
    height: 187px; }
    @media (min-width: 768px) {
      .person-quote img {
        height: 197px; } }
    @media (min-width: 1320px) {
      .person-quote img {
        height: 330px; } }
  @media (min-width: 768px) {
    .person-quote .quote h2 {
      font-size: 34px;
      max-width: 100%; } }

.numbers-module {
  margin: 50px 0 63px; }
  @media (min-width: 768px) {
    .numbers-module {
      margin: 130px 0 161px; } }
  .numbers-module h1,
  .numbers-module h2 {
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    font-family: "source-sans-pro", "Poppins", sans-serif; }
    @media (min-width: 768px) {
      .numbers-module h1,
      .numbers-module h2 {
        font-size: 36px; } }
    @media (min-width: 992px) {
      .numbers-module h1,
      .numbers-module h2 {
        font-size: 48px;
        line-height: 60px; } }
  .numbers-module .bot {
    margin-top: 50px; }
    @media (max-width: 767.98px) {
      .numbers-module .bot .left {
        display: none; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .numbers-module .bot .brand-cta span {
        font-size: 28px; } }
    @media (min-width: 768px) {
      .numbers-module .bot {
        display: flex;
        width: 100%;
        margin-top: 0; }
        .numbers-module .bot .left {
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          width: 100%;
          flex: 0 0 25%;
          max-width: 25%; }
        .numbers-module .bot .right {
          width: 100%;
          max-width: 75%;
          flex: 0 0 75%;
          padding-left: 30px; } }
    @media (min-width: 768px) and (min-width: 834px) {
      .numbers-module .bot .right {
        padding-left: 80px; } }
  .numbers-module .right-inner {
    align-items: flex-start; }
  .numbers-module .number {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 40px; }
    @media (min-width: 768px) {
      .numbers-module .number {
        margin-top: 50px;
        flex-wrap: nowrap;
        text-align: left; } }
    .numbers-module .number span {
      display: block; }
    .numbers-module .number .nr {
      width: 100%;
      font-size: 36px;
      font-weight: 700; }
      @media (min-width: 768px) {
        .numbers-module .number .nr {
          flex-shrink: 0;
          margin-right: 10px;
          width: auto;
          font-size: 38px; }
          .numbers-module .number .nr::after {
            content: '.'; } }
      @media (min-width: 992px) {
        .numbers-module .number .nr {
          font-size: 48px; } }
    .numbers-module .number .value {
      width: 100%;
      font-size: 14px;
      line-height: 22px;
      text-transform: uppercase;
      font-weight: 700;
      margin-top: 10px; }
      @media (min-width: 768px) {
        .numbers-module .number .value {
          flex: 1;
          font-size: 16px;
          line-height: 24px; } }
      @media (min-width: 992px) {
        .numbers-module .number .value {
          font-size: 20px;
          line-height: 30px; } }
  .numbers-module .bot-cta {
    text-align: right;
    margin-top: 40px; }
    @media (min-width: 768px) {
      .numbers-module .bot-cta {
        display: none; } }

.course-listing {
  position: relative;
  margin: 25px 0 120px; }
  @media (min-width: 768px) {
    .course-listing {
      margin: 50px 0 120px; } }
  @media (min-width: 992px) {
    .course-listing {
      margin: 60px 0 165px; } }
  @media (min-width: 768px) {
    .course-listing .inner {
      margin: 0 -25px; } }

.course-modules {
  margin: 52px 0 96px; }
  @media (min-width: 768px) {
    .course-modules {
      margin: 180px 0 135px; } }
  @media (min-width: 768px) and (max-width: 1319.98px) {
    .course-modules .default-card {
      padding: 0 10px; } }
  @media (max-width: 767.98px) {
    .course-modules .default-card:not(.-disabled):nth-child(n + 4) {
      display: none; }
      .course-modules .default-card:not(.-disabled):nth-child(n + 4).active {
        display: block; } }
  .course-modules .left h1,
  .course-modules .left h2 {
    font-size: 25px;
    line-height: 38px;
    font-weight: 700; }
  @media (min-width: 992px) {
    .course-modules .right .modules {
      margin-top: -60px; } }
  .course-modules .load-more {
    margin-top: 54px;
    text-align: center; }
    @media (min-width: 768px) {
      .course-modules .load-more {
        display: none; } }
    .course-modules .load-more a {
      display: inline-block;
      padding: 0 0 10px;
      border-bottom: 2px solid #33FC53;
      font-size: 18px;
      font-weight: 600;
      line-height: 30px; }

.module-content {
  margin: 43px 0 120px; }
  @media (min-width: 768px) {
    .module-content {
      margin: 43px 0 280px; } }
  .module-content.moved-title {
    margin: 171px 0 120px; }
    @media (max-width: 767.98px) {
      .enabled-promo .module-content.moved-title {
        margin-top: 90px; } }
    @media (min-width: 768px) {
      .module-content.moved-title {
        margin: 213px 0 280px; }
        .enabled-promo .module-content.moved-title {
          margin-top: 60px; } }
  .module-content .additional-content {
    display: flex;
    flex-wrap: wrap; }
    .module-content .additional-content > section,
    .module-content .additional-content > div {
      width: 100%; }
    .module-content .additional-content.move-tools-up .module-tools {
      order: 0; }
    .module-content .additional-content.move-tools-up .add-module-content {
      order: 1; }
  .module-content .top {
    display: flex;
    margin: 0 -10px;
    justify-content: space-between;
    margin: 0 0 60px; }
    .module-content .top .go-to-module {
      width: 100%;
      max-width: 50%;
      padding: 0 10px;
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 500;
      line-height: normal; }
      .module-content .top .go-to-module:hover {
        color: #33FC53; }
      @media (min-width: 768px) {
        .module-content .top .go-to-module {
          font-size: 20px;
          text-transform: uppercase; } }
    .module-content .top .prev svg {
      margin: 0 7px 0 0;
      flex-shrink: 0; }
      @media (min-width: 768px) {
        .module-content .top .prev svg {
          margin: 0 15px 0 0; } }
    .module-content .top .next {
      text-align: right;
      justify-content: flex-end;
      margin-left: auto; }
      .module-content .top .next svg {
        margin: 0 0 0 7px;
        flex-shrink: 0; }
        @media (min-width: 768px) {
          .module-content .top .next svg {
            margin: 0 0 0 15px; } }
  .module-content .module-tools {
    margin-top: 60px; }
    .module-content .module-tools .module-tools-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 30px; }
      @media (min-width: 768px) {
        .module-content .module-tools .module-tools-wrapper {
          gap: 50px; } }
      @media (min-width: 992px) {
        .module-content .module-tools .module-tools-wrapper {
          gap: 80px; } }
    .module-content .module-tools .tools-title {
      margin: 0 0 30px; }
      .module-content .module-tools .tools-title h2 {
        font-size: 25px;
        font-weight: 700; }
    .module-content .module-tools .icon {
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .module-content .module-tools .icon svg {
        margin: 0 0 15px; }
  .module-content .module-cta {
    margin-top: 75px;
    text-align: center; }
    .module-content .module-cta .brand-cta span {
      max-width: 200px; }
      @media (min-width: 1320px) {
        .module-content .module-cta .brand-cta span {
          max-width: 310px; } }
    .module-content .module-cta.landing-page .brand-cta {
      position: relative;
      display: block;
      width: calc(100% - 22px);
      max-width: 600px;
      background-color: #33FC53;
      color: #FF00D9;
      padding: 12px 24px; }
      @media (min-width: 1320px) {
        .module-content .module-cta.landing-page .brand-cta {
          padding: 34px;
          font-size: 60px; } }
      .module-content .module-cta.landing-page .brand-cta span {
        max-width: none; }
      .module-content .module-cta.landing-page .brand-cta svg {
        position: absolute;
        right: -22px; }
        @media (min-width: 1320px) {
          .module-content .module-cta.landing-page .brand-cta svg {
            right: -27px;
            transform: scale(1.4); } }
        .module-content .module-cta.landing-page .brand-cta svg circle {
          fill: #FF00D9;
          stroke: #FF00D9; }
        .module-content .module-cta.landing-page .brand-cta svg path {
          stroke: #33FC53; }

.brand-cta.js-trigger-register {
  display: none; }

#cart {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  display: none; }
  #cart:before {
    width: 100%;
    height: 100%;
    z-index: 6;
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.45); }
  #cart.open {
    display: block; }
  #cart .cart-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    vertical-align: middle;
    flex-flow: column;
    justify-content: stretch; }
    #cart .cart-container .cart-info {
      position: relative;
      background: white;
      margin: 0;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      text-align: center;
      padding: 24px;
      z-index: 7; }
      @media (min-width: 768px) {
        #cart .cart-container .cart-info {
          margin: 24px;
          width: calc(100% - 48px); } }
      @media (min-width: 992px) {
        #cart .cart-container .cart-info {
          margin: 32px;
          padding: 32px; } }
      @media (min-width: 1320px) {
        #cart .cart-container .cart-info {
          padding: 64px;
          width: calc(100% - 140px); } }
      #cart .cart-container .cart-info.loading::before {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.8) url(../src/library/images/loading.svg) center no-repeat;
        content: "";
        display: block;
        z-index: 11; }
      #cart .cart-container .cart-info #cart-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 54px;
        height: 54px;
        text-align: center;
        padding: 22px;
        -webkit-appearance: none;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 10; }
        #cart .cart-container .cart-info #cart-close img {
          display: inline-block; }
      #cart .cart-container .cart-info > div {
        min-height: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 1; }
        #cart .cart-container .cart-info > div footer {
          position: relative;
          width: 100%;
          margin-bottom: 24px; }
          #cart .cart-container .cart-info > div footer > div {
            display: block;
            height: 48px; }
            #cart .cart-container .cart-info > div footer > div input[type=checkbox] + label {
              display: inline;
              text-align: center; }
            @media (min-width: 768px) {
              #cart .cart-container .cart-info > div footer > div.button-container {
                display: flex; } }
            @media (max-width: 767.98px) {
              #cart .cart-container .cart-info > div footer > div.button-container .buttons {
                margin: 24px auto; } }
            #cart .cart-container .cart-info > div footer > div.button-container .buttons:first-of-type {
              text-align: left; }
            #cart .cart-container .cart-info > div footer > div.button-container .buttons:last-of-type {
              text-align: right; }
          #cart .cart-container .cart-info > div footer a {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 700; }
            #cart .cart-container .cart-info > div footer a.cta-back {
              position: relative;
              padding-left: 38px;
              text-align: left; }
              #cart .cart-container .cart-info > div footer a.cta-back:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                height: 24px;
                width: 24px;
                background: url(../src/library/images/icons/arrow-left.svg) center no-repeat;
                background-size: 24px; }
            #cart .cart-container .cart-info > div footer a.cta-submit-checkout {
              position: relative;
              padding-right: 64px;
              text-align: right; }
              #cart .cart-container .cart-info > div footer a.cta-submit-checkout:after {
                content: "";
                position: absolute;
                right: 0;
                top: -20px;
                height: 53px;
                width: 53px;
                background: url(../src/library/images/icons/checkout-arrow.svg) center no-repeat;
                background-size: 53px 53px; }
        #cart .cart-container .cart-info > div h2 {
          font-family: "source-sans-pro", "Poppins", sans-serif;
          font-size: 45px;
          line-height: 64px;
          font-weight: 700; }
        #cart .cart-container .cart-info > div > form {
          margin-top: 48px;
          text-align: center; }
          #cart .cart-container .cart-info > div > form .field-switch {
            text-align: center;
            margin-bottom: 48px;
            display: flex;
            justify-content: center; }
            @media (min-width: 992px) {
              #cart .cart-container .cart-info > div > form .field-switch {
                margin-bottom: 74px; } }
            #cart .cart-container .cart-info > div > form .field-switch .field {
              display: inline-block; }
              #cart .cart-container .cart-info > div > form .field-switch .field label {
                font-size: 20px; }
  #cart footer .termsAcceptance {
    margin-bottom: 24px; }

.cart-totals {
  margin-bottom: 24px; }
  .cart-totals #itemTotalAsCurrency {
    font-weight: 700;
    font-size: 35px; }

.cart-items {
  width: 100%;
  margin: 24px auto; }
  @media (min-width: 992px) {
    .cart-items {
      margin-bottom: 24px; } }
  .cart-items .cart-item {
    width: 100%;
    margin: 12px 0;
    min-height: 56px;
    border: 1px solid #33FC53;
    line-height: 32px;
    font-size: 13px;
    padding: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex-direction: initial; }
    @media (min-width: 768px) {
      .cart-items .cart-item {
        display: flex; } }
    .cart-items .cart-item > ._m4:first-of-type {
      text-align: left;
      text-transform: uppercase; }
    .cart-items .cart-item .right {
      display: inline-block;
      padding-right: 32px;
      text-align: center; }
      @media (min-width: 768px) {
        .cart-items .cart-item .right {
          text-align: right; } }
    .cart-items .cart-item .product-qty label,
    .cart-items .cart-item .product-qty input {
      display: inline-block; }
    .cart-items .cart-item .product-qty input::-webkit-outer-spin-button,
    .cart-items .cart-item .product-qty input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .cart-items .cart-item .product-qty input {
      width: 24px;
      -webkit-appearance: none;
      appearance: none;
      padding: 0;
      text-align: center;
      font-size: 13px;
      border: none;
      -moz-appearance: textfield; }
    .cart-items .cart-item .product-qty .input-number-button {
      -webkit-appearance: none;
      appearance: none;
      background: none;
      padding: 4px;
      cursor: pointer;
      display: inline-block;
      border: 0;
      box-shadow: none; }
    .cart-items .cart-item .remove-item {
      position: absolute;
      width: 32px;
      height: 56px;
      top: 0;
      right: 12px;
      padding-top: 12px;
      cursor: pointer; }

.checkout #nav-shopping-bag {
  display: none !important; }

.faq-module {
  margin: 50px 0 62px; }
  @media (min-width: 768px) {
    .faq-module {
      margin: 180px 0 80px; } }
  @media (min-width: 992px) {
    .faq-module {
      margin: 270px 0 160px; } }
  @media (min-width: 1320px) {
    .faq-module {
      margin: 350px 0 183px; } }
  .faq-module .message {
    text-align: center;
    margin: 20px 0 50px;
    font-size: 20px; }
    .faq-module .message.notice {
      color: #33FC53; }
    .faq-module .message.error {
      color: #ab2022; }
  .faq-module .faq-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .faq-module .faq-filters a {
      flex-grow: 0;
      display: flex;
      flex-direction: column;
      white-space: nowrap;
      text-align: center;
      align-items: center;
      line-height: 20px;
      font-size: 14px;
      margin: 0 0 25px;
      font-weight: 700; }
      .faq-module .faq-filters a svg {
        stroke: #FF00D9; }
        .faq-module .faq-filters a svg path {
          stroke: #FF00D9; }
      @media (min-width: 768px) {
        .faq-module .faq-filters a {
          font-size: 16px; } }
      .faq-module .faq-filters a span {
        display: inline-block;
        margin-top: 16px;
        padding: 0 0 5px;
        border-bottom: 2px solid transparent; }
      @media (min-width: 768px) {
        .faq-module .faq-filters a {
          margin: 10px 20px; } }
      @media (min-width: 992px) {
        .faq-module .faq-filters a {
          margin: 10px 52px; } }
      .faq-module .faq-filters a.active span {
        border-bottom-color: #33FC53;
        color: #33FC53; }
      .faq-module .faq-filters a:hover span {
        border-bottom-color: #33FC53; }
  .faq-module .faq-search {
    margin-top: 56px; }
    .faq-module .faq-search .search-wrapper {
      position: relative;
      max-width: 660px;
      margin: 0 auto; }
    .faq-module .faq-search input {
      font-size: 16px;
      line-height: 23px;
      border: 2px solid #e1e1e1;
      border-radius: 33.5px;
      padding: 15px 50px 15px 26px;
      box-shadow: none;
      width: 100%;
      outline: 0;
      background: #fff; }
      .faq-module .faq-search input.active {
        border-color: #343434; }
    .faq-module .faq-search i {
      position: absolute;
      right: 23px;
      top: 17px;
      pointer-events: none; }
  .faq-module .bot {
    margin-top: 64px; }
    .faq-module .bot .bot-title {
      text-align: center;
      max-width: 660px;
      margin: 0 auto; }
      .faq-module .bot .bot-title h4 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700; }
  .faq-module .bot-faq {
    margin-top: 35px; }
    .faq-module .bot-faq .faq-list {
      max-width: 968px;
      margin: 0 auto; }
      .faq-module .bot-faq .faq-list.hidden {
        display: none; }
      .faq-module .bot-faq .faq-list .faq {
        position: relative;
        border: 1px solid #343434;
        padding: 24px 32px;
        cursor: pointer; }
        .faq-module .bot-faq .faq-list .faq:not(:first-child) {
          margin-top: 16px; }
        .faq-module .bot-faq .faq-list .faq .question {
          padding-right: 50px; }
          .faq-module .bot-faq .faq-list .faq .question h4 {
            font-size: 18px;
            line-height: 23px;
            font-weight: 400; }
          .faq-module .bot-faq .faq-list .faq .question .icon {
            position: absolute;
            top: 16px;
            right: 20px;
            line-height: 0.5; }
            .faq-module .bot-faq .faq-list .faq .question .icon path {
              transition: stroke .2s; }
        .faq-module .bot-faq .faq-list .faq .answer {
          display: none;
          font-size: 13.4px;
          line-height: 22.34px;
          margin-top: 10px; }
        .faq-module .bot-faq .faq-list .faq:not(.active):hover .icon svg path {
          stroke: #33FC53; }
        .faq-module .bot-faq .faq-list .faq.active {
          background: #F8F8F8;
          border-color: #F8F8F8; }
          .faq-module .bot-faq .faq-list .faq.active .answer {
            display: block; }
          .faq-module .bot-faq .faq-list .faq.active .icon svg .close-stroke {
            opacity: 0; }

.contact-form {
  margin: 120px 0 50px; }
  @media (min-width: 768px) {
    .contact-form {
      margin: 165px 0 50px; } }
  .contact-form h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.175;
    font-style: italic;
    font-family: "source-sans-pro", "Poppins", sans-serif; }
    @media (min-width: 768px) {
      .contact-form h1 {
        font-size: 36px; } }
    @media (min-width: 992px) {
      .contact-form h1 {
        font-size: 48px;
        line-height: 45px; } }
    @media (min-width: 1320px) {
      .contact-form h1 {
        font-size: 72px;
        line-height: 65px; } }
  .contact-form .btn-right span {
    font-family: "Poppins", sans-serif;
    font-weight: 700; }
  .contact-form form .right-group {
    text-align: right; }
    .contact-form form .right-group .btn-right {
      margin-left: auto; }
    @media (max-width: 1319.98px) {
      .contact-form form .right-group {
        margin-top: 30px; } }
    @media (min-width: 1320px) {
      .contact-form form .right-group {
        display: flex;
        justify-content: flex-end;
        align-items: center; } }
  .contact-form .left .module-subtitle {
    margin-top: 20px; }
    @media (min-width: 992px) {
      .contact-form .left .module-subtitle {
        margin-top: 26px; } }
    @media (min-width: 1320px) {
      .contact-form .left .module-subtitle p {
        max-width: 60%; } }
  @media (max-width: 767.98px) {
    .contact-form .right {
      margin-top: 50px; } }

.contact-slider ._wr.-people-wr {
  padding-right: 35px; }
  .contact-slider ._wr.-people-wr .inner {
    width: 100%;
    flex-wrap: wrap; }
    .contact-slider ._wr.-people-wr .inner .left {
      max-width: 100%;
      flex: 0 0 100%; }
    .contact-slider ._wr.-people-wr .inner .right {
      margin-left: auto; }
      @media (min-width: 768px) {
        .contact-slider ._wr.-people-wr .inner .right {
          max-width: 66%;
          flex: 0 0 66%; } }
      @media (min-width: 992px) {
        .contact-slider ._wr.-people-wr .inner .right {
          max-width: 75%;
          flex: 0 0 75%; } }
      @media (min-width: 992px) {
        .contact-slider ._wr.-people-wr .inner .right .people-grid {
          padding-left: 8px; } }
      .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person {
        transition: .2s; }
        @media (min-width: 768px) {
          .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-person-card h2 {
            font-size: 22px; } }
        @media (min-width: 992px) {
          .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-person-card h2 {
            font-size: 24px; } }
        .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person .mobile-quote {
          visibility: hidden;
          opacity: 0;
          transition: .2s;
          max-height: 0; }
        @media (max-width: 767.98px) {
          .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person:hover .mobile-quote, .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person:focus .mobile-quote {
            max-height: 400px;
            opacity: 1;
            visibility: visible;
            overflow: hidden;
            transition: .5s; }
          .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person .mobile-quote {
            position: relative;
            margin-top: 15px;
            padding-left: 10px;
            margin-left: 8px; }
            .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person .mobile-quote::before {
              position: absolute;
              content: '';
              left: 0;
              top: 0;
              width: 2px;
              height: 52px;
              background: #33FC53; } }
        .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person .top-wrapper {
          position: relative;
          width: 100%;
          height: 0;
          padding: 0 0 100%; }
        .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person .top {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          padding: 0;
          transition: .2s; }
        @media (min-width: 768px) {
          .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person .mobile-quote {
            display: none; } }
        .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-with-hover.move-left {
          transition: .2s; }
        .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-with-hover .top.hover-top {
          opacity: 0;
          visibility: hidden;
          z-index: 2; }
        .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-with-hover:hover .top.hover-top, .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-with-hover:focus .top.hover-top {
          opacity: 1;
          visibility: visible; }
        @media (min-width: 768px) {
          .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-with-hover .top-wrapper .desktop-quote {
            position: absolute;
            right: 100%;
            top: 30px;
            padding-right: 17px;
            padding-left: 35px;
            width: 100%;
            font-size: 16px;
            line-height: 25px;
            max-height: calc(100% + 50px);
            overflow: hidden;
            text-overflow: ellipsis;
            transform: translateX(60%);
            opacity: 0;
            visibility: hidden;
            transition: .3s; }
            .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-with-hover .top-wrapper .desktop-quote::before {
              position: absolute;
              content: '';
              left: 25px;
              top: 0;
              width: 2px;
              height: 52px;
              background: #33FC53; }
          .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-with-hover:hover .top-wrapper .desktop-quote {
            opacity: 1;
            visibility: visible;
            transform: translateX(0); }
          .contact-slider ._wr.-people-wr .inner .right .people-grid .people .person.-with-hover.move-left {
            transform: translateX(-100%); } }

@media (min-width: 768px) {
  .contact-slider .inner .right.-people-right {
    max-width: calc(75% - 16px);
    flex: 0 0 calc(75% - 16px); } }

@media (min-width: 1320px) {
  .contact-slider .inner .right.-people-right {
    max-width: calc(100% - 345px);
    flex: 0 0 calc(100% - 345px); } }

.contact-slider .people {
  margin-top: -42px; }
  @media (min-width: 768px) {
    .contact-slider .people {
      justify-content: flex-end; } }
  .contact-slider .people .person {
    margin-top: 42px;
    width: 100%; }
    .contact-slider .people .person.-person-card h2 {
      font-size: 28px; }
      @media (min-width: 480px) and (max-width: 575.98px) {
        .contact-slider .people .person.-person-card h2 {
          font-size: 22px; } }
      @media (min-width: 992px) {
        .contact-slider .people .person.-person-card h2 {
          font-size: 32px; } }
    .contact-slider .people .person.-person-card .top::before {
      display: none; }

.art-image-text {
  margin: 66px 0; }
  @media (min-width: 768px) {
    .art-image-text {
      margin: 100px 0; } }
  @media (min-width: 992px) {
    .art-image-text {
      margin: 150px 0; } }
  @media (max-width: 767.98px) {
    .art-image-text .right {
      margin: 0 -20px 30px;
      width: calc(100% + 40px); } }
  @media (min-width: 992px) {
    .art-image-text .right:not(.reversed) {
      padding-left: 56px; }
    .art-image-text .right.reversed {
      padding-left: 10px;
      padding-right: 56px; } }
  @media (min-width: 1320px) {
    .art-image-text .right.reversed {
      display: flex;
      justify-content: flex-end; }
      .art-image-text .right.reversed .img-wrapper {
        flex-shrink: 0;
        margin-right: auto; } }
  @media (min-width: 768px) {
    .art-image-text ._wr.reversed {
      padding-left: 0; }
    .art-image-text ._wr:not(.reversed) {
      padding-right: 0; } }
  @media (min-width: 1320px) {
    .art-image-text .img-wrapper,
    .art-image-text .video-wrapper {
      max-width: none;
      width: calc(50vw + 258px); } }
  .art-image-text .img {
    background: 50% / cover no-repeat;
    height: 0;
    padding: 0 0 56.25%; }
  .art-image-text .video-size {
    position: relative; }
    @media (min-width: 768px) {
      .art-image-text .video-size {
        background: 50% / cover no-repeat;
        height: 0;
        padding: 0 0 56.25%; } }
  .art-image-text .plyr button.plyr__control--overlaid {
    background: #33FC53; }
  .art-image-text .plyr .plyr--full-ui input[type=range] {
    color: #33FC53; }

.art-split-text {
  margin: 70px 0 50px; }
  @media (min-width: 768px) {
    .art-split-text {
      margin: 100px 0 80px; } }
  @media (min-width: 992px) {
    .art-split-text {
      margin: 208px 0 176px; } }
  @media (min-width: 768px) {
    .art-split-text .left {
      padding-right: 30px; } }
  @media (min-width: 992px) {
    .art-split-text .left {
      padding-right: 45px; } }
  @media (min-width: 768px) {
    .art-split-text .right {
      padding-left: 30px; } }
  @media (min-width: 992px) {
    .art-split-text .right {
      padding-left: 45px; } }

.art-title-text {
  margin: 70px 0; }
  @media (min-width: 768px) {
    .art-title-text {
      margin: 100px 0; } }
  @media (min-width: 992px) {
    .art-title-text {
      margin: 176px 0; } }
  .art-title-text .right {
    text-align: right; }
    @media (max-width: 767.98px) {
      .art-title-text .right {
        margin-top: 50px; } }
    @media (min-width: 768px) {
      .art-title-text .right {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end; } }
  .art-title-text h1 {
    font-size: 36px;
    line-height: 34px;
    font-weight: 400; }
    @media (max-width: 767.98px) {
      .art-title-text h1 {
        max-width: 80%; } }
    @media (min-width: 768px) {
      .art-title-text h1 {
        font-size: 48px;
        line-height: 45px; } }
    @media (min-width: 992px) {
      .art-title-text h1 {
        font-size: 72px;
        line-height: 70px; } }

.art-text-slider {
  margin: 50px 0 70px; }
  @media (min-width: 768px) {
    .art-text-slider {
      margin: 215px 0 100px; } }
  @media (min-width: 992px) {
    .art-text-slider {
      margin: 270px 0 208px; } }
  @media (max-width: 767.98px) {
    .art-text-slider .right {
      margin: 0 -20px 40px;
      width: calc(100% + 40px); } }
  @media (min-width: 768px) {
    .art-text-slider .right {
      margin-top: -105px; } }
  @media (min-width: 768px) {
    .art-text-slider .left,
    .art-text-slider .right {
      padding: 0 30px; } }
  @media (min-width: 992px) {
    .art-text-slider .left,
    .art-text-slider .right {
      padding: 0 45px; } }
  @media (min-width: 768px) {
    .art-text-slider ._w {
      margin: 0 -30px; } }
  @media (min-width: 992px) {
    .art-text-slider ._w {
      margin: 0 -45px; } }
  .art-text-slider .swiper {
    padding-bottom: 130px; }
    @media (min-width: 768px) {
      .art-text-slider .swiper {
        padding-bottom: 60px;
        padding-top: 105px; } }
    .art-text-slider .swiper .swiper-buttons {
      bottom: 0;
      right: 0;
      z-index: 15; }
      @media (min-width: 768px) {
        .art-text-slider .swiper .swiper-buttons {
          bottom: auto;
          top: 0; } }
    .art-text-slider .swiper .swiper-pagination {
      bottom: 90px; }
      @media (min-width: 768px) {
        .art-text-slider .swiper .swiper-pagination {
          bottom: 0; } }
    .art-text-slider .swiper .image {
      background: 50% / cover no-repeat;
      height: 0;
      padding: 0 0 54.61%; }

.module-logos {
  margin: 90px 0 40px; }
  .module-logos .logos-title {
    margin: 0 0 45px; }
    .module-logos .logos-title h5 {
      font-size: 25px;
      line-height: 1.3;
      font-weight: 700; }
  .module-logos .logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%; }
    .module-logos .logos .logo-slide {
      flex-shrink: 0;
      margin: 40px 40px 0 0; }
      @media (min-width: 1320px) {
        .module-logos .logos .logo-slide {
          margin-right: 65px; } }

.site-logo {
  position: relative;
  display: block;
  width: 125px; }
  .site-logo a {
    display: block; }
  .site-logo .light-logo {
    display: none; }
  .light-nav.site-header .site-logo .dark-logo {
    display: none; }
  .light-nav.site-header .site-logo .light-logo {
    display: block; }
  .site-logo .text-box {
    position: absolute;
    right: 0;
    top: 42%;
    transform: translateY(-50%);
    width: 76px;
    height: 18px;
    overflow: hidden;
    backface-visibility: hidden; }
    .site-logo .text-box svg {
      position: absolute;
      height: 85px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -63px);
      will-change: transform;
      animation: animateLogo 4s ease-in-out alternate-reverse infinite;
      backface-visibility: hidden; }
    .site-logo .text-box span {
      font-weight: 500; }
  @media (max-width: 767.98px) {
    .site-logo .text-box {
      display: none; } }

@keyframes animateLogo {
  from,
  10% {
    transform: translate(-50%, -63px); }
  40%,
  50% {
    transform: translate(-50%, -79px); }
  90%,
  to {
    transform: translate(-50%, -63px); } }

.brand-cta {
  position: relative;
  display: inline-flex;
  text-align: right;
  cursor: pointer;
  font-weight: 700;
  font-size: 37px;
  align-items: center;
  word-break: break-word;
  text-transform: uppercase; }
  .brand-cta span {
    display: block;
    max-width: 190px;
    line-height: 1; }
    .brand-cta span.full-width {
      max-width: 100%; }
  .brand-cta.mini {
    font-size: 16px;
    font-weight: 700; }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .brand-cta.mini {
        font-size: 14px; } }
  @media (min-width: 1320px) {
    .brand-cta {
      font-size: 45px; }
      .brand-cta span {
        max-width: 235px; } }
  .brand-cta svg {
    margin-left: 23px;
    flex-shrink: 0; }
    .brand-cta svg path {
      transition: .2s; }
  .brand-cta:not(.clean):hover svg path {
    transform: translate(4px, -4px); }
  .brand-cta.clean svg svg circle {
    stroke: #33FC53;
    fill: #33FC53; }
  .brand-cta.clean svg svg path {
    stroke: #FF00D9; }
  .brand-cta.clean:hover circle {
    stroke: #33FC53;
    fill: transparent;
    transition: .2s; }
  .brand-cta.clean:hover path {
    stroke: #33FC53; }

.side-text {
  position: absolute !important;
  display: none;
  left: 10px;
  top: 50%;
  transform-origin: 0 0;
  transform: rotate(-90deg) translateX(-50%);
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  font-weight: 700;
  z-index: 5; }
  .side-text::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 45px;
    background: currentColor;
    left: calc(100% + 100px);
    top: 50%;
    transform: translateY(-50%); }
  .side-text.on-right {
    transform: rotate(90deg) translateX(-50%);
    left: calc(100% - 10px); }
    @media (min-width: 1320px) {
      .side-text.on-right {
        left: calc(100% - 20px); } }
  @media (min-width: 768px) {
    .side-text {
      display: block; } }
  @media (min-width: 1320px) {
    .side-text {
      font-size: 18px;
      left: 20px; } }

body .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border: 1px solid #F0F0F0;
  background: transparent;
  opacity: 1;
  transition: .2s; }
  body .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 7px;
    height: 16px;
    border-radius: 7px;
    background: #33FC53; }
  @media (min-width: 768px) {
    body .swiper .swiper-pagination .swiper-pagination-bullet {
      width: 9px;
      height: 9px;
      margin: 0 6px; }
      body .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 9px;
        height: 22px; } }

body .swiper .swiper-buttons {
  position: absolute;
  display: flex;
  align-items: center; }
  body .swiper .swiper-buttons .custom-swiper-button {
    cursor: pointer; }
    body .swiper .swiper-buttons .custom-swiper-button.swiper-button-disabled svg path,
    body .swiper .swiper-buttons .custom-swiper-button.swiper-button-disabled svg circle {
      stroke: #BDBDBD; }

.breadcrumbs {
  margin: 0 0 25px; }
  @media (min-width: 768px) {
    .breadcrumbs {
      margin: 0 0 15px; } }
  .breadcrumbs ul {
    list-style: none;
    display: flex;
    align-items: center;
    line-height: 1; }
  .breadcrumbs a,
  .breadcrumbs span {
    display: flex;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .breadcrumbs a,
      .breadcrumbs span {
        font-size: 12px; } }
    @media (min-width: 992px) {
      .breadcrumbs a,
      .breadcrumbs span {
        font-size: 16px; } }
    @media (min-width: 768px) {
      .breadcrumbs a svg,
      .breadcrumbs span svg {
        display: none; } }
  .breadcrumbs a:hover {
    text-decoration: underline; }
  .breadcrumbs span {
    font-weight: 700; }
  @media (max-width: 767.98px) {
    .breadcrumbs li:not(:first-child) {
      display: none; } }
  @media (min-width: 768px) {
    .breadcrumbs li {
      display: flex;
      align-items: center; }
      .breadcrumbs li:not(:last-child)::after {
        content: '/';
        margin: 0 7px 0 8px;
        font-size: 13px; } }

.quote {
  width: 100%;
  order: 0; }
  .quote svg {
    height: 50px;
    width: 80px; }
    @media (min-width: 768px) {
      .quote svg {
        height: 66px;
        width: 100px; } }
  .quote h2 {
    position: relative;
    margin-top: 10px;
    font-size: 20px;
    padding-bottom: 20px;
    line-height: 30px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .quote h2 {
        max-width: 56.5%; } }
    @media (min-width: 1320px) {
      .quote h2 {
        font-size: 30px;
        line-height: 50px;
        max-width: 74.8%;
        padding-bottom: 35px; } }
    .quote h2::before {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      width: 82px;
      height: 2px;
      background: #33FC53; }
      @media (min-width: 768px) {
        .quote h2::before {
          width: 97px;
          background: #33FC53; } }
      @media (min-width: 1320px) {
        .quote h2::before {
          width: 118px; } }

.redactor ul {
  list-style: disc;
  padding-left: 40px; }

.redactor p a {
  text-decoration: underline;
  transition: .2s; }
  .redactor p a:hover {
    color: #33FC53; }

.redactor p:not(:last-child) {
  margin: 0 0 1em; }

.redactor figure {
  margin-left: 0;
  margin-right: 0; }

.redactor h1,
.redactor h2,
.redactor h3,
.redactor h4,
.redactor h5,
.redactor h6 {
  margin: 0 0 .5em; }

.default-card {
  margin-top: 60px;
  hyphens: auto;
  hyphenate-character: "-";
  -webkit-hyphens: auto;
  word-break: keep-all; }
  @media (min-width: 768px) {
    .default-card {
      padding: 0 25px; } }
  .default-card .default-card-inner {
    height: 100%; }
  .default-card .content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%; }
  @media (max-width: 767.98px) {
    .default-card:not(.no-img) .content {
      min-height: 213px;
      padding: 50px 17px;
      border: 2px solid #33FC53; }
      .default-card:not(.no-img) .content > svg {
        position: absolute;
        right: 24px;
        bottom: 0;
        transform: translateY(50%); }
        .default-card:not(.no-img) .content > svg circle {
          fill: #33FC53; }
        .default-card:not(.no-img) .content > svg path {
          stroke: #FF00D9;
          transition: .2s; }
      .default-card:not(.no-img) .content:hover > svg path {
        transform: translate(4px, -4px); } }
  @media (min-width: 768px) {
    .default-card:not(.no-img) .content > svg {
      display: none; } }
  @media (min-width: 768px) {
    .default-card:not(.no-img) .top {
      position: relative;
      width: 100%;
      height: 0;
      padding: 0 0 100%;
      background: 50% / cover no-repeat; }
      .default-card:not(.no-img) .top::before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(360deg, rgba(48, 45, 45, 0.5) 0%, rgba(48, 45, 45, 0) 100%); } }
  @media (max-width: 767.98px) {
    .default-card .top {
      background: none !important; } }
  .default-card.no-img .content {
    min-height: 316px;
    padding: 50px 17px;
    border: 2px solid #33FC53;
    justify-content: flex-start; }
    .default-card.no-img .content.-nolink {
      padding-bottom: 20px; }
      .default-card.no-img .content.-nolink .parentCourses {
        margin-top: auto;
        padding-top: 50px; }
        .default-card.no-img .content.-nolink .parentCourses li:not(:first-child) {
          margin-top: 4px; }
        .default-card.no-img .content.-nolink .parentCourses a {
          display: flex;
          align-items: center; }
          .default-card.no-img .content.-nolink .parentCourses a:hover {
            color: #33FC53; }
          .default-card.no-img .content.-nolink .parentCourses a .link-title {
            font-size: 16px;
            font-weight: 600;
            line-height: 22px; }
        .default-card.no-img .content.-nolink .parentCourses svg {
          height: 16px;
          flex-shrink: 0;
          margin-left: 15px; }
          .default-card.no-img .content.-nolink .parentCourses svg path {
            stroke: #33FC53; }
    .default-card.no-img .content > svg {
      position: absolute;
      right: 24px;
      bottom: 0;
      transform: translateY(50%); }
      .default-card.no-img .content > svg circle {
        fill: #33FC53; }
      .default-card.no-img .content > svg path {
        stroke: #FF00D9;
        transition: .2s; }
    .default-card.no-img .content:hover svg circle {
      stroke: #33FC53;
      fill: #fff; }
    .default-card.no-img .content:hover svg path {
      stroke: #33FC53; }
  @media (min-width: 768px) {
    .default-card.no-img .top::before {
      display: none; } }
  .default-card.no-img.-disabled .content {
    border-color: #343434; }
  .default-card .bot {
    line-height: 1.2; }
    @media (min-width: 768px) {
      .default-card .bot {
        display: none; } }
  .default-card .desc {
    font-size: 16px;
    line-height: 25px; }
  .default-card h2 {
    font-family: "source-sans-pro", "Poppins", sans-serif;
    font-size: 28px;
    line-height: 35px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .default-card h2 {
        position: absolute;
        font-size: 32px;
        line-height: 1;
        bottom: 13px;
        left: 16px;
        max-width: calc(100% - 26px);
        color: #fff;
        z-index: 1; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .default-card h2 {
      font-size: 20px;
      line-height: 1; } }
  @media (min-width: 768px) and (min-width: 992px) {
    .default-card h2 {
      font-size: 24px;
      bottom: 15px; } }
  @media (min-width: 768px) and (min-width: 1560px) {
    .default-card h2 {
      font-size: 36px; } }
  .default-card h3 {
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0 0 65px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .default-card h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        height: 50px; } }
    @media (min-width: 992px) {
      .default-card h3 {
        height: 60px; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .default-card h3 {
        font-size: 20px;
        line-height: 25px; } }
  .default-card span {
    position: relative;
    font-size: 14px;
    line-height: inherit; }
    .default-card span::after {
      position: relative;
      top: -1px;
      content: '|';
      margin: 0 10px 0 12px; }
  .default-card p {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px; }

.list-label {
  display: flex;
  width: 100%;
  justify-content: space-between;
  line-height: normal; }
  .list-label.-price {
    align-items: center; }
  .list-label:not(:first-child) {
    margin-top: 15px; }
  .list-label .label {
    font-size: 16px;
    font-weight: 700;
    flex-shrink: 0;
    margin: 0 5px 0 0; }
    .list-label .label::after {
      content: ' :'; }
  .list-label .value {
    font-size: 16px;
    max-width: 55%;
    text-align: right; }
    .list-label .value.price-value {
      font-size: 25px;
      text-decoration: underline;
      font-weight: 700; }

.list-normal ul {
  list-style: disc;
  padding-left: 20px; }
  .list-normal ul li {
    line-height: normal; }
    .list-normal ul li:not(:first-child) {
      margin-top: 7px; }

.list-checkmark li {
  display: flex;
  line-height: 1.5; }
  .list-checkmark li:not(:first-child) {
    margin-top: 10px; }
  .list-checkmark li svg {
    position: relative;
    flex-shrink: 0;
    margin: 0 20px 0 0; }

.instructor-block {
  position: relative;
  padding-top: 174px; }
  .instructor-block .side-text {
    display: block;
    left: -5px;
    transform: rotate(-90deg) translateX(-100%);
    font-size: 25px; }
    @media (min-width: 992px) {
      .instructor-block .side-text {
        left: -25px; } }
    .instructor-block .side-text::before {
      display: none; }
  .instructor-block .instructor {
    text-align: right;
    padding-left: 60px; }
    .instructor-block .instructor .name {
      font-size: 24px;
      line-height: 12px;
      font-weight: 500;
      text-transform: uppercase; }
    .instructor-block .instructor .course {
      display: block; }

.sidebar {
  position: relative;
  padding: 38px 20px 70px;
  background: #F8F8F8; }
  @media (max-width: 767.98px) {
    .sidebar {
      margin-top: 70px; } }
  @media (min-width: 992px) {
    .sidebar {
      padding: 64px 38px 113px; } }
  .sidebar .sidebar-block {
    position: relative;
    overflow: hidden; }
    .sidebar .sidebar-block:not(:first-child) {
      margin-top: 60px; }
    .sidebar .sidebar-block h5 {
      position: relative;
      background: #F8F8F8;
      display: inline-block;
      padding-right: 25px;
      max-width: 150px;
      font-size: 16px;
      line-height: normal;
      font-weight: 800;
      margin: 0 0 12px; }
      .sidebar .sidebar-block h5::before {
        position: absolute;
        content: '';
        left: 100%;
        top: 50%;
        transform: translateY(-50%);
        width: 2000px;
        height: 1px;
        background: #343434; }
      @media (min-width: 992px) {
        .sidebar .sidebar-block h5 {
          max-width: 135px;
          font-size: 18px; } }
  .sidebar .sidebar-price {
    margin-top: 36px; }

.featured-post {
  margin: 50px 0 62px; }
  @media (min-width: 768px) {
    .featured-post {
      margin: 180px 0 80px; } }
  @media (min-width: 992px) {
    .featured-post {
      margin: 220px 0 120px; } }
  @media (min-width: 1320px) {
    .featured-post {
      margin: 270px 0 120px; } }
  .featured-post .person-image {
    height: 0;
    padding: 0 0 56.25%;
    background: 50% / cover no-repeat; }
  @media (max-width: 767.98px) {
    .featured-post .left {
      padding: 0;
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 767.98px) {
    .featured-post .right {
      margin-top: 27px; } }
  @media (min-width: 768px) {
    .featured-post .right {
      padding-left: 60px; } }
  .featured-post .right h1,
  .featured-post .right h2 {
    font-family: "source-sans-pro", "Poppins", sans-serif;
    font-size: 39px;
    font-weight: 400;
    line-height: 46px;
    font-weight: 700; }
    @media (min-width: 992px) {
      .featured-post .right h1,
      .featured-post .right h2 {
        font-size: 48px;
        line-height: 56px; } }
  .featured-post .right .desc {
    font-size: 14px;
    line-height: 20px;
    margin-top: 22px; }
  .featured-post .right .cta {
    margin-top: 30px; }
  .featured-post a:hover .right .cta svg circle {
    stroke: #33FC53;
    fill: #fff; }
  .featured-post a:hover .right .cta svg path {
    stroke: #33FC53; }

@media (min-width: 768px) {
  .related-articles.slider-module .left {
    justify-content: flex-end; } }

.article-box-card .top {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
  background: 50% / cover no-repeat; }
  .article-box-card .top::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(360deg, rgba(48, 45, 45, 0.5) 0%, rgba(48, 45, 45, 0) 100%); }

.article-box-card .bot {
  margin-top: 3px;
  line-height: 18px; }

@media (min-width: 768px) {
  .article-box-card {
    width: 42%; }
    .article-box-card.-fixed {
      width: calc(33.33% - 20px); } }

@media (min-width: 830px) {
  .article-box-card {
    width: 36%; } }

@media (min-width: 992px) {
  .article-box-card {
    width: 28%; } }

.article-box-card h2 {
  position: absolute;
  font-size: 32px;
  line-height: 1;
  font-family: "source-sans-pro", "Poppins", sans-serif;
  bottom: 13px;
  left: 16px;
  max-width: calc(100% - 26px);
  color: #fff;
  z-index: 1; }
  @media (min-width: 768px) {
    .article-box-card h2 {
      font-size: 20px;
      line-height: 1; } }
  @media (min-width: 992px) {
    .article-box-card h2 {
      font-size: 24px;
      bottom: 15px; } }
  @media (min-width: 1560px) {
    .article-box-card h2 {
      font-size: 36px; } }

.article-box-card span {
  position: relative;
  font-size: 14px;
  line-height: inherit; }
  .article-box-card span::after {
    position: relative;
    top: -1px;
    content: '|';
    margin: 0 10px 0 12px; }

.article-box-card p {
  font-size: 14px;
  line-height: 18px; }

.article-box-card .limit-text {
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 36px;
  overflow: hidden; }

.filter-list {
  margin: 83px 0 50px; }
  @media (min-width: 768px) {
    .filter-list {
      margin: 200px 0 146px; } }
  @media (min-width: 1320px) {
    .filter-list {
      margin: 240px 0 146px; } }
  .filter-list .article-box-card {
    margin-top: 40px; }

body #toast-container > div {
  opacity: 1; }
  @media (min-width: 576px) {
    body #toast-container > div {
      width: 570px;
      max-width: 100%; } }

.fancybox__container[role=dialog] .fancybox__slide {
  flex-direction: row; }
  .fancybox__container[role=dialog] .fancybox__slide #dialog-content {
    align-self: flex-start;
    width: 100%; }

.btn {
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  background: #33FC53;
  font-weight: 500;
  border-radius: 22px;
  padding: 9px 13px;
  transition: .2s; }
  @media (min-width: 992px) {
    .btn {
      font-size: 16px;
      padding: 12px 22px;
      line-height: 18px; } }
  .btn.arrow {
    padding-right: 45px; }
    @media (min-width: 992px) {
      .btn.arrow {
        padding-right: 55px; } }
    .btn.arrow::before, .btn.arrow::after {
      position: absolute;
      content: '';
      right: 15px;
      will-change: right;
      transition: .2s; }
      @media (min-width: 992px) {
        .btn.arrow::before, .btn.arrow::after {
          right: 20px; } }
    .btn.arrow::before {
      width: 16px;
      height: 2px;
      top: calc(50% - 1px);
      background: currentColor; }
    .btn.arrow::after {
      top: 12px;
      border-width: 2px 2px 0 0;
      width: 9px;
      height: 9px;
      border-style: solid;
      border-color: currentColor;
      transform: rotate(45deg) translateY(-1px); }
      @media (min-width: 992px) {
        .btn.arrow::after {
          top: 17px; } }
    .btn.arrow:hover::before, .btn.arrow:hover::after {
      right: 13px; }
      @media (min-width: 992px) {
        .btn.arrow:hover::before, .btn.arrow:hover::after {
          right: 18px; } }

.btn-right {
  line-height: 1;
  font-size: 39px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  color: #343434;
  font-weight: 700; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .btn-right {
      font-size: 28px; } }
  .btn-right span {
    color: inherit; }
  .btn-right svg {
    margin-left: 25px; }
    .btn-right svg path {
      stroke: currentColor; }
  .btn-right:hover {
    color: #33FC53; }

.checkout-page {
  margin: 144px auto 48px auto; }
  .checkout-page h1 {
    font-weight: 700;
    font-family: "source-sans-pro", "Poppins", sans-serif;
    font-style: italic; }
    @media (min-width: 768px) {
      .checkout-page h1 {
        font-size: 60px; } }
  .checkout-page .termsAcceptance {
    margin-bottom: 24px; }
    .checkout-page .termsAcceptance label a {
      text-transform: uppercase;
      font-weight: 700; }
  .checkout-page .checkout-breadcrumb {
    text-align: left; }
    .checkout-page .checkout-breadcrumb .back-button {
      height: 24px;
      font-weight: 700;
      font-size: 16px;
      text-transform: uppercase;
      vertical-align: middle;
      display: inline-block; }
      .checkout-page .checkout-breadcrumb .back-button span {
        line-height: 16px;
        margin-left: 6px;
        line-height: 24px;
        vertical-align: middle; }
      .checkout-page .checkout-breadcrumb .back-button svg {
        vertical-align: middle; }
    .checkout-page .checkout-breadcrumb li a {
      font-size: 16px;
      font-weight: 400; }
    .checkout-page .checkout-breadcrumb li:last-child a {
      font-weight: 700; }
  .checkout-page > header {
    display: block;
    text-align: center;
    clear: both;
    margin-bottom: 64px; }
    .checkout-page > header nav li {
      display: inline-block;
      margin-bottom: 32px;
      padding: 0 12px;
      position: relative; }
      .checkout-page > header nav li:after {
        content: "/";
        position: absolute;
        right: -6px; }
      .checkout-page > header nav li:last-child:after {
        display: none; }
  .checkout-page .inner h4 {
    font-weight: 700;
    margin-bottom: 48px; }
  .checkout-page .inner .checkout-subtitle {
    font-weight: 700;
    margin: 48px 0 12px 0; }
  .checkout-page .inner .payment-gateways .field-switch {
    margin: 24px auto; }
  .checkout-page .inner .btn-right {
    padding: 0; }
  @media (max-width: 767.98px) {
    .checkout-page .inner .left-content {
      order: 1; } }
  @media (max-width: 767.98px) {
    .checkout-page .inner .order-summary {
      order: 0; } }
  .checkout-page .inner .order-summary .cart-items .cart-item .remove-item {
    right: 0; }
  .checkout-page .inner .order-summary .cart-totals {
    height: 64px;
    margin: 24px 0 36px 0;
    border-bottom: 2px solid black;
    position: relative;
    font-weight: 700; }
    .checkout-page .inner .order-summary .cart-totals #itemTotalAsCurrency {
      position: absolute;
      right: 0;
      top: 0;
      text-align: right;
      line-height: 64px;
      font-size: 25px;
      font-weight: 700; }
    .checkout-page .inner .order-summary .cart-totals h6 {
      display: flex;
      line-height: 64px;
      font-weight: 700; }
  .checkout-page--success {
    text-align: center; }
    .checkout-page--success h1 {
      font-family: "source-sans-pro", "Poppins", sans-serif;
      font-size: 60px;
      text-align: center;
      max-width: 700px;
      font-weight: 700;
      line-height: 66px;
      font-style: italic;
      margin: 0 auto 20px auto; }
    .checkout-page--success p {
      font-weight: 400;
      font-size: 16px;
      line-height: 25px;
      margin: 0 auto;
      max-width: 540px; }
    .checkout-page--success h6 {
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 25px;
      margin-top: 64px; }
    .checkout-page--success .steps {
      margin: 64px 0; }
      .checkout-page--success .steps .step {
        text-align: left;
        margin-bottom: 24px; }
        .checkout-page--success .steps .step h3 {
          color: #FF00D9;
          font-style: italic;
          font-weight: 700;
          font-size: 45px;
          line-height: 66px; }
        .checkout-page--success .steps .step h6 {
          font-weight: 600;
          font-size: 20px;
          line-height: 25px;
          margin: 16px 0 20px 0; }
        .checkout-page--success .steps .step p {
          margin: 0; }
        .checkout-page--success .steps .step a {
          display: block;
          font-size: 16px;
          text-decoration: underline; }
    .checkout-page--success .checkout-footer p {
      text-align: left; }
      .checkout-page--success .checkout-footer p a {
        color: #FF00D9;
        text-decoration: underline; }
    .checkout-page--success .checkout-footer .button {
      justify-content: flex-end;
      display: flex; }
      .checkout-page--success .checkout-footer .button a {
        margin-top: 24px;
        line-height: 54px;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-align: right;
        text-transform: uppercase;
        vertical-align: middle; }
        @media (min-width: 768px) {
          .checkout-page--success .checkout-footer .button a {
            margin-top: 0; } }
        .checkout-page--success .checkout-footer .button a svg {
          margin-left: 12px;
          vertical-align: middle; }
    @media (min-width: 768px) {
      .checkout-page--success .checkout-footer {
        margin-top: 64px; } }
  .checkout-page.login header {
    margin-bottom: 32px; }
  .checkout-page.login h5 {
    text-align: center;
    color: #FF00D9;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    margin: 0 auto;
    max-width: 520px; }
  .checkout-page.login .login-form {
    text-align: center;
    margin-top: 0; }
    .checkout-page.login .login-form .fields-group .group {
      border: none; }
    .checkout-page.login .login-form button {
      margin: 48px auto; }
    .checkout-page.login .login-form.code-form .field div div {
      margin-bottom: 12px; }
    .checkout-page.login .login-form.code-form .extra-button {
      display: block;
      margin: 12px auto;
      font-weight: 400;
      font-size: 13px;
      line-height: 25px;
      color: #FF00D9; }
      .checkout-page.login .login-form.code-form .extra-button a {
        text-decoration: underline;
        display: inline-block;
        vertical-align: middle; }
      .checkout-page.login .login-form.code-form .extra-button svg {
        display: inline-block;
        vertical-align: middle; }
      .checkout-page.login .login-form.code-form .extra-button:last-child {
        margin-bottom: 0; }
      .checkout-page.login .login-form.code-form .extra-button#warning-message {
        display: none; }

.vipps-express-checkout {
  border: none;
  background: none; }

.site-footer {
  background: #33FC53;
  padding: 30px 0 10px;
  color: #FF00D9; }
  @media (min-width: 768px) {
    .site-footer {
      padding: 38px 0 15px; } }
  @media (min-width: 992px) {
    .site-footer {
      padding: 54px 0 48px; } }
  .site-footer.isPartner {
    display: none; }
  .site-footer .site-nav ._wr {
    padding: 0;
    max-width: 100%; }
  .site-footer .site-nav .support-info-wrapper {
    display: none; }
  .site-footer .site-logo .text-box {
    right: -2px; }
  .site-footer .top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (min-width: 768px) {
      .site-footer .top .social-links {
        display: none; } }
  .site-footer .mid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 44px; }
    @media (min-width: 768px) {
      .site-footer .mid {
        margin-top: 0;
        align-items: center; } }
    .site-footer .mid .left {
      width: 100%;
      order: 2;
      margin-top: 60px; }
      @media (min-width: 768px) {
        .site-footer .mid .left {
          margin-top: 0;
          order: 0;
          max-width: 25%;
          flex: 0 0 25%; } }
    .site-footer .mid .center {
      width: 100%;
      order: 0; }
      .site-footer .mid .center .nav-cta {
        text-align: right; }
      .site-footer .mid .center span {
        max-width: 200px; }
        @media (min-width: 768px) {
          .site-footer .mid .center span {
            max-width: 235px; } }
      .site-footer .mid .center svg {
        transform: scale(calc(53/44));
        margin-left: 28px; }
        .site-footer .mid .center svg circle {
          fill: #FF00D9; }
        .site-footer .mid .center svg path {
          stroke: #33FC53; }
      @media (min-width: 768px) {
        .site-footer .mid .center {
          order: 1;
          flex: 0 0 280px;
          max-width: 280px;
          margin-left: auto;
          text-align: right;
          display: flex;
          width: 100%;
          justify-content: flex-end; }
          .site-footer .mid .center .brand-cta {
            margin-left: auto;
            justify-content: flex-end; } }
      @media (min-width: 1320px) {
        .site-footer .mid .center {
          flex: 0 0 480px;
          max-width: 480px; } }
    .site-footer .mid .right {
      width: 100%;
      order: 1;
      margin-top: 58px; }
      @media (min-width: 768px) {
        .site-footer .mid .right {
          margin-top: 0;
          order: 2;
          margin-left: auto;
          flex: 0 0 150px;
          display: flex; } }
    .site-footer .mid .social-links {
      display: none; }
      @media (min-width: 768px) {
        .site-footer .mid .social-links {
          display: flex;
          margin: 0 0 22px; } }
  .site-footer .support-info {
    line-height: 25px; }
    .site-footer .support-info svg {
      display: none; }
    .site-footer .support-info h5 {
      font-size: 16px;
      font-weight: 400; }
  .site-footer .menu li {
    text-align: right; }
    .site-footer .menu li:not(:first-child) {
      margin-top: 15px; }
    .site-footer .menu li.active a {
      color: #990082; }
    .site-footer .menu li a {
      font-size: 24px;
      font-weight: 700;
      transition: .2s;
      white-space: nowrap; }
      .site-footer .menu li a:hover {
        color: #990082; }
  .site-footer .social-links {
    display: flex; }
    .site-footer .social-links .link {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #FF00D9;
      width: 44px;
      height: 44px;
      border-radius: 44px;
      margin-right: 20px; }
      .site-footer .social-links .link.instagram a {
        width: 21px;
        height: 22px; }
      .site-footer .social-links .link.linkedin a {
        width: 23px;
        height: 26px; }
      .site-footer .social-links .link.facebook a {
        width: 14px;
        height: 25px; }
      .site-footer .social-links .link:hover {
        background-color: #990082; }
      .site-footer .social-links .link:last-child {
        margin-right: 0px; }
  .site-footer .bot {
    margin-top: 20px;
    font-size: 12px;
    display: flex;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .site-footer .bot {
        margin-top: 26px;
        justify-content: flex-start;
        font-size: 14px; }
        .site-footer .bot .right {
          margin-left: 26px; } }
    .site-footer .bot .right {
      margin-left: 20px; }
    .site-footer .bot a {
      display: inline-block;
      transition: .2s; }
      .site-footer .bot a:hover {
        color: #990082; }
      .site-footer .bot a:not(:last-child) {
        margin-right: 20px; }

.privacy-popup {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 24px;
  background-color: #fff;
  border: 2px solid #343434;
  color: #343434;
  right: 0;
  left: 0;
  z-index: 10;
  display: none; }
  @media (min-width: 768px) {
    .privacy-popup {
      max-width: 400px;
      right: 24px;
      bottom: 24px;
      left: auto; } }
  .privacy-popup.active {
    display: block; }
  .privacy-popup h3 {
    font-family: "source-sans-pro", "Poppins", sans-serif;
    margin-bottom: 12px; }
  .privacy-popup a {
    font-weight: 700;
    text-decoration: underline; }
  .privacy-popup button {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background-color: #FF00D9;
    color: #fff;
    height: 42px;
    border-radius: 21px;
    margin: 12px 0;
    font-size: 16px;
    padding: 12px 22px;
    line-height: 18px;
    text-align: center; }

.site-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  transition: 0.2s; }
  .site-header.isPartner .menu-button {
    display: none !important; }
  .fixed-nav .site-header {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  .slideUp:not(.menu-show) .site-header {
    transform: translateY(-100%); }
  .menu-show .site-header.light-nav .menu-button span:first-child {
    background: #FF00D9; }
  .site-header .inner {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 21px 0;
    transition: 0.2s;
    justify-content: space-around; }
    @media (max-width: 991.98px) {
      .fixed-nav .site-header .inner {
        padding: 5px 0; } }
    @media (min-width: 992px) {
      .fixed-nav .site-header .inner {
        padding: 10px 0; } }
  .site-header .nav-cta {
    min-width: 150px; }
    .site-header .nav-cta .btn {
      background-color: #FF00D9;
      color: #33FC53; }
    @media (min-width: 992px) {
      .site-header .nav-cta {
        position: relative;
        margin-left: auto;
        z-index: 5;
        opacity: 1; } }
  .site-header .site-logo {
    z-index: 5; }
    .site-header .site-logo .dark-logo .text-box {
      right: -13px; }
  .site-header.light-nav .menu-button span {
    background: #FF00D9; }
    .site-header.light-nav .menu-button span:last-child {
      width: 29px;
      top: 19px;
      background: #FF00D9; }
  .site-header #nav-shopping-bag {
    cursor: pointer;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    flex: 1;
    display: none; }
    .site-header #nav-shopping-bag > span {
      position: absolute;
      font-size: 10px;
      bottom: -4px;
      background-color: #33FC53;
      width: 15px;
      height: 15px;
      text-align: center;
      color: white;
      border-radius: 8px;
      padding: 0;
      line-height: 15px;
      right: 12px; }
  .site-header .menu-button {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 60px;
    height: 32px;
    margin-left: 20px;
    cursor: pointer;
    z-index: 5; }
    @media (min-width: 768px) {
      .site-header .menu-button {
        margin-left: 40px; } }
    .site-header .menu-button span {
      position: absolute;
      display: block;
      height: 3px;
      width: 40px;
      background: #FF00D9;
      border-radius: 25px;
      right: 0;
      top: 10px;
      transition: 0.2s; }
      .site-header .menu-button span:last-child {
        width: 29px;
        top: 19px;
        background: #FF00D9; }
    .menu-show .site-header .menu-button span:first-child {
      transform: rotate(45deg);
      top: 12px; }
    .menu-show .site-header .menu-button span:last-child {
      transform: rotate(-45deg); }

.landing-page .menu-button span {
  background: #33FC53; }
  .landing-page .menu-button span:last-child {
    background: #33FC53; }

.landing-page .site-logo path,
.landing-page .site-logo polygon,
.landing-page .site-logo circle {
  fill: #33FC53; }

.site-header.light-nav .site-nav {
  background: #fff;
  color: #343434; }

.site-header .site-nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  padding: 140px 20px 20px;
  background: #fff;
  transform: translateX(100%);
  pointer-events: none;
  transition: .5s;
  z-index: 2; }
  @media (min-width: 560px) and (max-height: 480px) and (orientation: landscape) {
    .site-header .site-nav {
      padding: 90px 20px 20px; } }
  @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .site-header .site-nav {
      padding: 90px 20px 20px; } }
  @media (min-width: 768px) {
    .site-header .site-nav {
      padding-left: 0;
      padding-right: 0; } }
  .menu-show .site-header .site-nav {
    transform: translateX(0);
    pointer-events: all; }
  .site-header .site-nav .inner-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 160px);
    max-height: calc((var(--vh, 1vh) * 100) - 160px); }
    @media (min-width: 560px) and (max-height: 480px) and (orientation: landscape) {
      .site-header .site-nav .inner-nav {
        max-height: calc(100vh - 110px);
        max-height: calc((var(--vh, 1vh) * 100) - 110px); } }
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
      .site-header .site-nav .inner-nav {
        max-height: calc(100vh - 110px);
        max-height: calc((var(--vh, 1vh) * 100) - 110px); } }
    @media (max-width: 767.98px) {
      .site-header .site-nav .inner-nav {
        padding: 0; } }
  .site-header .site-nav .menu {
    overflow-y: auto;
    max-height: 100%; }
    @media (min-width: 768px) {
      .site-header .site-nav .menu {
        overflow-y: hidden; } }
    .site-header .site-nav .menu li:not(:first-child) {
      margin-top: 7px; }
    .site-header .site-nav .menu li.active a {
      color: #FF00D9;
      background-color: #33FC53;
      padding-left: 16px;
      padding-right: 16px; }
    .site-header .site-nav .menu a {
      display: inline-block;
      font-size: 36px;
      font-weight: 700;
      transition: .2s;
      line-height: 1.3; }
      .site-header .site-nav .menu a:hover {
        padding-left: 16px;
        padding-right: 16px;
        color: #FF00D9;
        background-color: #33FC53; }
      @media (min-width: 1320px) {
        .site-header .site-nav .menu a {
          padding-top: 5px;
          padding-bottom: 5px;
          font-size: 48px;
          line-height: 62.54px; } }
      @media (min-width: 1320px) {
        .site-header .site-nav .menu a {
          font-size: 56px; } }
      @media (min-width: 560px) and (max-height: 480px) and (orientation: landscape) {
        .site-header .site-nav .menu a {
          font-size: 24px; } }
      @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
        .site-header .site-nav .menu a {
          font-size: 24px; } }
  .site-header .site-nav .support-info-wrapper {
    margin-top: auto;
    padding-top: 30px; }
    @media (min-width: 375px) {
      .site-header .site-nav .support-info-wrapper {
        padding-top: 70px; } }
    @media (min-width: 768px) {
      .site-header .site-nav .support-info-wrapper {
        margin-top: 0;
        padding-top: 43px; } }
    @media (min-width: 560px) and (max-height: 480px) and (orientation: landscape) {
      .site-header .site-nav .support-info-wrapper {
        padding-top: 25px; } }
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
      .site-header .site-nav .support-info-wrapper {
        padding-top: 25px; } }
  .site-header .site-nav .support-info {
    border-left: 2px solid #33FC53;
    padding: 3px 0 3px 17px;
    margin-top: auto; }
    @media (min-width: 560px) and (max-height: 480px) and (orientation: landscape) {
      .site-header .site-nav .support-info h5 {
        margin: 0 0 5px; }
      .site-header .site-nav .support-info .links {
        display: flex; }
        .site-header .site-nav .support-info .links p:first-of-type {
          margin: 0 20px 0 0; } }
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
      .site-header .site-nav .support-info h5 {
        margin: 0 0 5px; }
      .site-header .site-nav .support-info .links {
        display: flex; }
        .site-header .site-nav .support-info .links p:first-of-type {
          margin: 0 20px 0 0; } }
    .site-header .site-nav .support-info h5 {
      font-size: 20px;
      line-height: 26px;
      letter-spacing: -.01em;
      font-weight: 700; }
    .site-header .site-nav .support-info p {
      margin: 0; }
      .site-header .site-nav .support-info p:first-of-type {
        margin: 5px 0; }
      .site-header .site-nav .support-info p a {
        display: flex;
        align-items: center; }
        .site-header .site-nav .support-info p a svg {
          margin-right: 10px; }
          .site-header .site-nav .support-info p a svg path {
            stroke: currentColor; }

/**
 * Swiper 7.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 16, 2021
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-pointer-events {
  touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center; }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size); }

:root {
  --swiper-navigation-size: 44px;
  /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-lock {
  display: none; }

:root {
  /*
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet:only-child {
  display: none !important; }

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube {
  overflow: visible; }

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0; }

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px); }

.swiper-flip {
  overflow: visible; }

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height; }

.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0; } }

@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes plyr-fade-in {
  0% {
    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);
  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 .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: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  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 .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 .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: 20px;
    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(-40px);
  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: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap; }

.plyr__caption div {
  display: inline; }

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7);
  position: relative;
  transition: all .3s ease; }

.plyr__control svg {
  fill: currentColor;
  display: block;
  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: 3px dotted #19c377;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #19c377))) dotted 3px;
  outline-offset: 2px; }

a.plyr__control {
  text-decoration: 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, a.plyr__control:after, a.plyr__control:before {
  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: 2.5px;
  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: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)/4); }

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  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 [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
  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 .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 .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-top-color: rgba(255, 255, 255, 0.9);
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
  top: 100%;
  width: 0; }

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.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: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
  -webkit-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: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4); }

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px)*.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: 7px;
  margin: calc(var(--plyr-control-spacing, 10px)*.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2); }

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px)*.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 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px)*.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: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.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 .3s ease;
  width: 16px; }

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease,opacity .3s ease;
  width: 6px; }

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #19c377;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #19c377))); }

.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(-7px - -2);
  margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
  pointer-events: none; }

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
  color: #19c377;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #19c377)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%; }

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  background-image: linear-gradient(90deg, currentColor 0, transparent 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none; }

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, 0.15) 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);
  margin-top: -4px;
  margin-top: calc(var(--plyr-range-thumb-height, 13px)/2*-1 - var(--plyr-range-track-height, 5px)/2*-1);
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px); }

.plyr--full-ui input[type=range]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none; }

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, 0.15) 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 .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px); }

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  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 {
  color: transparent; }

.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none; }

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: transparent;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none; }

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, 0.15) 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);
  margin-top: 0;
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px); }

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none; }

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0; }

.plyr--full-ui input[type=range]:focus {
  outline: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  outline: 3px dotted #19c377;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #19c377))) dotted 3px;
  outline-offset: 2px; }

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  outline: 3px dotted #19c377;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #19c377))) dotted 3px;
  outline-offset: 2px; }

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  outline: 3px dotted #19c377;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #19c377))) dotted 3px;
  outline-offset: 2px; }

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1; }

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1; }

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none; }

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); }

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px); }

@media (max-width: 767px) {
  .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: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2) 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 .2s ease .1s,opacity .2s ease .1s;
  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: -4px;
  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%) scale(1); }

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3; }

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%; }

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7); }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%; }

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
  transform: translateX(50%); }

.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .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 .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1); }

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px)*.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative; }

.plyr__progress__buffer, .plyr__progress input[type=range] {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.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: transparent;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
  padding: 0;
  position: absolute;
  top: 50%; }

.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent; }

.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 .2s ease;
  transition: width .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 .2s ease;
  transition: width .2s ease; }

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width .2s ease;
  transition: width .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 0, transparent 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, transparent 0, 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: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/2);
  margin-right: 5px;
  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: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  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: #19c377;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #19c377)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff); }

.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 0 0 0 1px rgba(35, 40, 47, 0.15) 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 0 0 0 1px rgba(35, 40, 47, 0.15) 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 0 0 0 1px rgba(35, 40, 47, 0.15) 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: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  overflow: hidden; }

.plyr--video.plyr--menu-open {
  overflow: visible; }

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%; }

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9; }

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative; } }

.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.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(transparent, rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px)*2);
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out,transform .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: 35px;
    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: #19c377;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #19c377)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff); }

.plyr__control--overlaid {
  background: #19c377;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #19c377)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: .9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px)*1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .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 0 0 0 1px rgba(35, 40, 47, 0.15) 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 0 0 0 1px rgba(35, 40, 47, 0.15) 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 0 0 0 1px rgba(35, 40, 47, 0.15) 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: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-webkit-full-screen video {
  height: 100%; }

.plyr:fullscreen video {
  height: 100%; }

.plyr:-webkit-full-screen .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:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-webkit-full-screen.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:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000; }

.plyr--fullscreen-fallback video {
  height: 100%; }

.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: #fff;
  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:empty:after {
  display: none; }

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  transform: translateY(-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: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s,opacity .2s ease .1s;
  z-index: 2; }

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(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: -4px;
  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: 2px;
  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: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  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 .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;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%; }

.plyr--no-transition {
  transition: none !important; }

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.plyr [hidden] {
  display: none !important; }

/*
    Dots plugin
*/
/*
    Navigation plugin
*/
.not-selectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.carousel {
  position: relative;
  box-sizing: border-box; }
  .carousel *,
  .carousel *:before,
  .carousel *:after {
    box-sizing: inherit; }
  .carousel.is-draggable {
    cursor: move;
    cursor: grab; }
  .carousel.is-dragging {
    cursor: move;
    cursor: grabbing; }

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%; }

.carousel__track {
  display: flex; }

.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  /* https://github.com/andreszs/jquery.events.swipe#pointer-event-remarks */
  touch-action: pan-y; }

.has-dots {
  margin-bottom: calc(0.5rem + 22px); }

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  user-select: none; }
  .carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer; }
    .carousel__dots .carousel__dot:after {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: currentColor;
      opacity: 0.25;
      transition: opacity 0.15s ease-in-out; }
    .carousel__dots .carousel__dot.is-selected:after {
      opacity: 1; }

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity 0.15s ease; }
  .carousel__button.is-prev, .carousel__button.is-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .carousel__button.is-prev {
    left: 10px; }
  .carousel__button.is-next {
    right: 10px; }
  .carousel__button[disabled] {
    cursor: default;
    opacity: 0.3; }
  .carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none; }

/*
  Thumbs plugin
*/
/* 3/2 */
/*
  HTML plugin
*/
/*
  Toolbar plugin
*/
html.with-fancybox {
  scroll-behavior: auto; }

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none; }

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); }
  .fancybox__container *,
  .fancybox__container *::before,
  .fancybox__container *::after {
    box-sizing: inherit; }
  .fancybox__container :focus {
    outline: none; }
  body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)); }
  @media all and (min-width: 1024px) {
    .fancybox__container {
      --carousel-button-width: 48px;
      --carousel-button-height: 48px;
      --carousel-button-svg-width: 27px;
      --carousel-button-svg-height: 27px; } }

.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92)); }

.fancybox__carousel {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  /* For Safari */
  height: 100%;
  z-index: 10; }
  .fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px); }

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default; }

.fancybox__track {
  display: flex;
  height: 100%; }

.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px; }
  .fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto; }
  @media all and (min-width: 1024px) {
    .fancybox__slide {
      padding: 64px 100px; } }

.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20; }
  .fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    box-shadow: none; }

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere; }
  .is-loading .fancybox__caption {
    visibility: hidden; }

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff); }

.fancybox__nav .carousel__button {
  z-index: 40; }
  .fancybox__nav .carousel__button.is-next {
    right: 8px; }
    @media all and (min-width: 1024px) {
      .fancybox__nav .carousel__button.is-next {
        right: 40px; } }
  .fancybox__nav .carousel__button.is-prev {
    left: 8px; }
    @media all and (min-width: 1024px) {
      .fancybox__nav .carousel__button.is-prev {
        left: 40px; } }

.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40; }
  @media all and (min-width: 1024px) {
    .carousel__button.is-close {
      right: 40px; } }

/* Close button located inside content area */
.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff); }

.fancybox__no-click,
.fancybox__no-click button {
  pointer-events: none; }

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor); }
  .fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053; }
  .fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%; }
    .fancybox__spinner svg circle {
      fill: none;
      stroke-width: 2.75;
      stroke-miterlimit: 10;
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
      animation: fancybox-dash 1.5s ease-in-out infinite;
      stroke-linecap: round;
      stroke: currentColor; }

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav,
.carousel__dots,
.carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1); }

/* Opening */
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__nav,
.fancybox__container.is-animated[aria-hidden="false"] .carousel__dots,
.fancybox__container.is-animated[aria-hidden="false"] .carousel__button.is-close {
  animation: 0.15s ease backwards fancybox-fadeIn; }

/* Closing */
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .carousel__button.is-close {
  animation: 0.15s ease both fancybox-fadeOut; }

.fancybox-fadeIn {
  animation: 0.15s ease both fancybox-fadeIn; }

.fancybox-fadeOut {
  animation: 0.1s ease both fancybox-fadeOut; }

.fancybox-zoomInUp {
  animation: 0.2s ease both fancybox-zoomInUp; }

.fancybox-zoomOutDown {
  animation: 0.15s ease both fancybox-zoomOutDown; }

/* Both `throwOut` classes are for closing animation after dragging up/down */
.fancybox-throwOutUp {
  animation: 0.15s ease both fancybox-throwOutUp; }

.fancybox-throwOutDown {
  animation: 0.15s ease both fancybox-throwOutDown; }

@keyframes fancybox-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fancybox-fadeOut {
  to {
    opacity: 0; } }

@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; } }

@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0; } }

@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0; } }

.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1); }

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1); }

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); }

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grab; }

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing; }

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto; }

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in; }

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out; }

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab; }

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing; }

.fancybox__image {
  transform-origin: 0 0;
  touch-action: none;
  user-select: none;
  transition: none; }

.has-image .fancybox__content {
  padding: 0;
  background: transparent;
  min-height: 1px; }
  .is-closing .has-image .fancybox__content {
    overflow: visible; }

.has-image[data-image-fit="contain"] {
  overflow: visible;
  touch-action: none;
  /* Fix Mac OS Safari 11 - 13 */ }
  .has-image[data-image-fit="contain"] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap; }
  .has-image[data-image-fit="contain"] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; }

.has-image[data-image-fit="contain-w"] {
  overflow-x: hidden;
  overflow-y: auto; }
  .has-image[data-image-fit="contain-w"] .fancybox__content {
    min-height: auto; }
  .has-image[data-image-fit="contain-w"] .fancybox__image {
    max-width: 100%;
    height: auto; }

.has-image[data-image-fit="cover"] {
  overflow: visible;
  touch-action: none; }
  .has-image[data-image-fit="cover"] .fancybox__content {
    width: 100%;
    height: 100%; }
  .has-image[data-image-fit="cover"] .fancybox__image {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible; }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%; }

.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%; }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff; }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df; }

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent; }

.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.fancybox__thumbs {
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1); }
  .fancybox__container.is-animated[aria-hidden="false"] .fancybox__thumbs {
    animation: 0.15s ease-in backwards fancybox-fadeIn; }
  .fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0; }
  .fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer; }
    .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-width: 5px;
      border-style: solid;
      border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
      opacity: 0;
      transition: opacity 0.15s ease;
      border-radius: var(--fancybox-thumbs-border-radius, 4px); }
    .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
      opacity: 0.92; }
    .fancybox__thumbs .carousel__slide > * {
      pointer-events: none;
      user-select: none; }

.fancybox__thumb {
  position: relative;
  width: 100%;
  /* Keep aspect ratio */
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px); }

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)); }
  @media all and (min-width: 1024px) {
    .fancybox__toolbar {
      padding: 8px; } }
  .fancybox__container.is-animated[aria-hidden="false"] .fancybox__toolbar {
    animation: 0.15s ease-in backwards fancybox-fadeIn; }
  .fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0; }
  .fancybox__toolbar__items {
    display: flex; }
    .fancybox__toolbar__items--left {
      margin-right: auto; }
    .fancybox__toolbar__items--center {
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
    .fancybox__toolbar__items--right {
      margin-left: auto; }
    @media (max-width: 640px) {
      .fancybox__toolbar__items--center:not(:last-child) {
        display: none; } }

.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  user-select: none; }

.fancybox__container:fullscreen::backdrop {
  opacity: 0; }

.fancybox__button--fullscreen g:nth-child(2) {
  display: none; }

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none; }

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block; }

.fancybox__button--slideshow g:nth-child(2) {
  display: none; }

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none; }

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block; }


/*# sourceMappingURL=main.css.map*/