@font-face {
 font-family:'Source Sans Pro';
 font-size:16px;
 font-style:normal;
 font-weight:400;
 font-display:swap;
 src:url(../fonts/SourceSansPro.woff2) format("woff2");
 unicode-range:U+0000-00FF,
 U+0131,
 U+0152-0153,
 U+02BB-02BC,
 U+02C6,
 U+02DA,
 U+02DC,
 U+2000-206F,
 U+2074,
 U+20AC,
 U+2122,
 U+2191,
 U+2193,
 U+2212,
 U+2215,	
 U+FEFF,
 U+FFFD
}
@font-face {
 font-family:'Gilroy';
 font-size:16px;
 font-style:normal;
 font-weight:400;
 font-display:swap;
 src:url(../fonts/Gilroy-Regular.woff2) format("woff2");
 unicode-range:U+0000-00FF,
 U+0131,
 U+0152-0153,
 U+02BB-02BC,
 U+02C6,
 U+02DA,
 U+02DC,
 U+2000-206F,
 U+2074,
 U+20AC,
 U+2122,
 U+2191,
 U+2193,
 U+2212,
 U+2215,
 U+FEFF,
 U+FFFD
}
body,
span,
applet,
object,
iframe,
h1,
h2,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
 margin:0;
 padding:0;
 border:0;
 font-family:var(--main-font-family);
 vertical-align:baseline;
 text-rendering:optimizeLegibility
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 font-family:var(--main-font-family);
 display:block
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
.cf:before,
.cf:after {
 content:" ";
 display:table
}
.cf:after {
 clear:both
}
.cf {
 *zoom:1
}
.preloader-app {
 margin:auto;
 display:block;
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 width:100%;
 height:100vh;
 background:var(--preloader-bg);
 z-index:100000000;
 text-align:center
}
.preloader-app .image-svg {
 text-align:center;
 position:absolute;
 top:50%;
 bottom:50%;
 left:0;
 right:0;
 margin:auto;
 padding:0;
 display:block;
 width:320px;
 height:320px
}
.preloader-app .image-svg img {
 width:200px;
 height:200px
}
.navicon {
 z-index:1000;
 position:absolute;
 top:10px;
 width:48px;
 height:48px;
 right:5px
}
.navicon .dark-switch {
 background-image:url(data:image/svg+xml;utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22nightMode%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M20%2C27.5c-2%2C0-3.9-0.8-5.3-2.2S12.5%2C22%2C12.5%2C20c0-2%2C0.8-3.9%2C2.2-5.3c1.4-1.4%2C3.3-2.2%2C5.3-2.2c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.3s0.1%2C0.4%2C0%2C0.5c-1.2%2C1.8-0.9%2C4.2%2C0.6%2C5.7c0.8%2C0.9%2C2%2C1.3%2C3.2%2C1.3c0.9%2C0%2C1.7-0.3%2C2.5-0.7c0.2-0.1%2C0.3-0.1%2C0.5%2C0s0.3%2C0.3%2C0.3%2C0.4c0%2C2-0.8%2C3.9-2.2%2C5.4C23.9%2C26.7%2C22%2C27.5%2C20%2C27.5z%20M19.2%2C13.6c-1.5%2C0.2-2.8%2C0.8-3.8%2C1.8c-1.2%2C1.2-1.9%2C2.9-1.9%2C4.6c0%2C1.7%2C0.7%2C3.4%2C1.9%2C4.6s2.9%2C1.9%2C4.6%2C1.9c1.7%2C0%2C3.4-0.7%2C4.6-1.9c1-1%2C1.7-2.4%2C1.9-3.8c-0.7%2C0.3-1.4%2C0.5-2.2%2C0.5c-1.5%2C0-2.9-0.6-3.9-1.6C18.7%2C18%2C18.3%2C15.6%2C19.2%2C13.6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
 background-size:cover;
 width:48px;
 height:48px;
 border-radius:100%;
 position:relative;
 cursor:pointer
}
.navicon .dark-switch .vertical {
 position:absolute;
 width:30px;
 top:25px;
 left:14px
}
.navicon .dark-switch .vertical text {
 font-family:'Source Sans Pro';
 writing-mode:tb;
 glyph-orientation-vertical:0
}
.navicon .dark-switch.active {
 background-image:url(data:image/svg+xml;utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22normalMode%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M20%2C24.5c-2.5%2C0-4.5-2-4.5-4.5s2-4.5%2C4.5-4.5s4.5%2C2%2C4.5%2C4.5S22.5%2C24.5%2C20%2C24.5z%20M20%2C16.5c-1.9%2C0-3.5%2C1.6-3.5%2C3.5s1.6%2C3.5%2C3.5%2C3.5s3.5-1.6%2C3.5-3.5S21.9%2C16.5%2C20%2C16.5z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M20%2C13.5c-0.3%2C0-0.5-0.2-0.5-0.5v-1c0-0.3%2C0.2-0.5%2C0.5-0.5s0.5%2C0.2%2C0.5%2C0.5v1C20.5%2C13.3%2C20.3%2C13.5%2C20%2C13.5z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M20%2C28.5c-0.3%2C0-0.5-0.2-0.5-0.5v-1c0-0.3%2C0.2-0.5%2C0.5-0.5s0.5%2C0.2%2C0.5%2C0.5v1C20.5%2C28.3%2C20.3%2C28.5%2C20%2C28.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M28%2C20.5h-1c-0.3%2C0-0.5-0.2-0.5-0.5s0.2-0.5%2C0.5-0.5h1c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5S28.3%2C20.5%2C28%2C20.5z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13%2C20.5h-1c-0.3%2C0-0.5-0.2-0.5-0.5s0.2-0.5%2C0.5-0.5h1c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5S13.3%2C20.5%2C13%2C20.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M25%2C15.5c-0.1%2C0-0.3%2C0-0.4-0.1c-0.2-0.2-0.2-0.5%2C0-0.7l0.7-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0s0.2%2C0.5%2C0%2C0.7l-0.7%2C0.7C25.2%2C15.5%2C25.1%2C15.5%2C25%2C15.5z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M14.3%2C26.2c-0.1%2C0-0.3%2C0-0.4-0.1c-0.2-0.2-0.2-0.5%2C0-0.7l0.7-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0s0.2%2C0.5%2C0%2C0.7L14.7%2C26C14.6%2C26.1%2C14.5%2C26.2%2C14.3%2C26.2z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M25.7%2C26.2c-0.1%2C0-0.3%2C0-0.4-0.1l-0.7-0.7c-0.2-0.2-0.2-0.5%2C0-0.7s0.5-0.2%2C0.7%2C0l0.7%2C0.7c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7C25.9%2C26.1%2C25.8%2C26.2%2C25.7%2C26.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M15%2C15.5c-0.1%2C0-0.3%2C0-0.4-0.1L14%2C14.7c-0.2-0.2-0.2-0.5%2C0-0.7s0.5-0.2%2C0.7%2C0l0.7%2C0.7c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7C15.3%2C15.5%2C15.2%2C15.5%2C15%2C15.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
}
.auto-mode {
 z-index:1000;
 position:absolute;
 top:20px;
 width:48px;
 height:48px;
 left:5px
}
.auto-mode .toggle-mode {
 border:6px solid #fff;
 width:18px;
 height:18px;
 border-radius:100%;
 margin:auto;
 position:relative;
 cursor:pointer
}
.auto-mode .toggle-mode .vertical {
 position:absolute;
 width:30px;
 top:5px;
 left:-7px
}
.auto-mode .toggle-mode .vertical text {
 font-family:'Source Sans Pro';
 writing-mode:vertical-lr;
 glyph-orientation-vertical:0
}
.auto-mode .toggle-mode.active {
 border:6px solid #fff
}
:root {
 --main-text-color:#313131;
 --main-bg-color:#fff;
 --main-font-family:
 "Source Sans Pro";
 --sec-font-family:Gilroy;
 --font-weight:bold;
 --font-style:italic;
 --gradient-main-bg-color:#ff65a5;
 --gradient-main-bg-rgba:
 rgb(11 253 141 / 96%);
 --gradient-main-bg-left: #3097bf;
 --gradient-main-bg-right:#6410f7;
 --logo-bg-color:#6410f7;
 --preloader-bg:#5D26AD;
 --accordion-bg-header-left:#ffc371;
 --accordion-bg-header-right:#ff5f6d;
 --card-hotspot-bg-left:#ffc371;
 --card-hotspot-bg-right:#ff5f6d;
 --button-login-regular:#DE3672;
 --button-logout:#DE3672;
 --button-login-member-left:#DE3672;
 --button-login-member-right:#6410f7;
 --placeholder-text:#959595;
 --link-color:#35aadc;
 --table-border:#e5edef;
 --red-text:#CC0F1F;
 --green-text:#10CC64;
 --blue-text:#115FC2;
 --yellow-text:#BABC04;
 --orange-text:#F67931;
 --purple-text:#A20D9F;
 --grey-text:#eee;
 --white-text:#fff;
 --silver-text:#C8C8C8;
 --light-blue:#35aadc;
 --border-bg-dark:
 var(--table-border);
 --main-bg-dark:#161925;
 --sec-bg-dark:#1F2736;
 --third-bg-dark:#131924;
 --four-bg-dark:#3C5572;
 --bg-logo-dark:#2d372f;
 --button-bg-dark:#DE3672;
 --ads-bg:
 rgba(90,90,90,.1);
 --ads-bg-dark:
 rgba(255,255,255,.1)
}
.card {
 overflow:hidden;
 text-align:left
}
html {
 box-sizing:border-box
}
*,
:before,
:after {
 box-sizing:inherit
}
html {
 font-size:16px
}
@media screen and(min-width:999px) and (max-width:2500px) {
 html {
  font-size:16px
 }
 #wrapper {
  margin-top:10rem
 }
 #header .content .logo {
  top:-225px!important
 }
 .card-hotspot:first-child {
  width:350px;
  margin:4rem .5rem 1rem
 }
 #header .card {
  max-width:480px
 }
 .toggle-mode {
  top:2.5rem!important;
  left:3.5rem!important
 }
 .navicon {
  top:2.5rem!important;
  right:3.5rem!important
 }
 #header .content .logo {
  top:-225px!important;
  width:128px!important;
  height:128px!important;
  border:5px solid var(--white-text)!important
 }
 #header .content .logo .icon {
  width:118px!important;
  height:118px!important
 }
}
@media screen and (max-width: 1900px) {
 #wrapper {
  margin-top:10rem;
  padding:4rem 2rem
 }
 #header .content .logo {
  top:-255px!important
 }
 .card-hotspot:first-child {
  width:350px
 }
 #header .card {
  max-width:640px
 }
 .toggle-mode {
  top:2.5rem!important;
  left:3.5rem!important
 }
 .navicon {
  top:2.5rem!important;
  right:3.5rem!important
 }
 #header .content .logo {
  top:-325px!important;
  width:256px!important;
  height:256px!important;
  border:5px solid var(--white-text)!important;
  border-radius:100%
 }
 #header .content .logo .icon {
  width:250px!important;
  height:250px!important
 }
}
@media screen and (max-width: 1600px) {
 #wrapper {
  margin-top:10rem;
  padding:4rem 2rem
 }
 #header .content .logo {
  top:-330px!important
 }
 .card-hotspot:first-child {
  width:350px
  margin:4rem .5rem 1rem
 }
 #header .card {
  max-width:480px
 }
 .toggle-mode {
  top:2.5rem!important;
  left:3.5rem!important
 }
 .navicon {
  top:2.5rem!important;
  right:3.5rem!important
 }
 #header .content .logo {
  top:-325px!important;
  width:168px!important;
  height:168px!important;
  border:5px solid var(--white-text)!important;
  border-radius:100%
 }
 #header .content .logo .icon {
  width:160px!important;
  height:160px!important
 }
}
@media screen and (max-width: 1380px) {
 #wrapper {
  margin-top:10rem;
  padding:4rem 2rem
 }
 #header .content .logo {
  top:-330px!important
 }
 .card-hotspot:first-child {
  width:350px
  margin:4rem .5rem 1rem
 }
 #header .card {
  max-width:480px
 }
 .toggle-mode {
  top:2.5rem!important;
  left:6.5rem!important
 }
 .navicon {
  top:2.5rem!important;
  right:6.5rem!important
 }
 #header .content .logo {
  top:-225px!important;
  width:128px!important;
  height:128px!important;
  border:5px solid var(--white-text)!important
 }
 #header .content .logo .icon {
  width:118px!important;
  height:118px!important
 }
}
@media screen and (max-width: 1080px) {
 #wrapper {
  margin-top:10rem
 }
 #header .content .logo {
  top:-225px!important
 }
 .card-hotspot:first-child {
  width:350px;
  margin:4rem .5rem 1rem
 }
 #header .card {
  max-width:480px
 }
 .toggle-mode {
  top:2.5rem!important;
  right:3.5rem!important
 }
 .navicon {
  top:2.5rem!important;
  right:3.5rem!important
 }
}
@media screen and (max-width: 1024px) {
 #wrapper {
  margin-top:10rem
 }
 #header .content .logo {
  top:-225px!important
 }
 .card-hotspot:first-child {
  width:350px;
  margin:4rem .5rem 1rem
 }
 #header .card {
  max-width:480px
 }
 .toggle-mode {
  top:2.5rem!important;
  left:3.5rem!important
 }
 .navicon {
  top:2.5rem!important;
  right:3.5rem!important
 }
}
@media screen and (max-width:980px) {
 .navicon {
  top:1.5rem;
  right:2.5rem!important
 }
 .toggle-mode {
  top:1.5rem;
  left:2.5rem!important
 }
 .card-hotspot:first-child {
  width:350px;
  margin:4rem .5rem 1rem
 }
 #header .content p br {
  display:none
 }
 #wrapper {
  margin-top:10rem;
  padding:4rem 2rem
 }
 #header .content .logo {
  top:-225px!important
 }
 #header .content .heading {
  font-family:var(--main-font-family)!important;
  font-size:28px;
  padding-bottom:1rem
 }
 #header .card {
  max-width:480px
 }
}
@media(max-width:767px) {
 html {
  font-size:14px
 }
 #header .card {
  max-width:480px
 }
 .toggle-mode {
  top:2.5rem!important;
  left:3.5rem!important
 }
 .navicon {
  top:2.5rem!important;
  right:3.5rem!important
 }
}
@media screen and (max-width: 736px) {
 #header .card {
  max-width:480px
 }
 html {
  font-size:11pt
 }
 #wrapper {
  padding:6rem 1rem
 }
 h1 {
  font-size:1.75rem;
  line-height:1.4
 }
 h2 {
  font-size:1.25em;
  line-height:1.5
 }
 #header>* {
  margin-top:2rem
 }
 #header> :before {
  top:calc(-2rem - 1px);
  height:calc(2rem + 1px)
 }
 #header .logo {
  width:96px;
  height:96px
 }
 #header .logo .icon:before {
  font-size:1.75rem
 }
 #header .content .inner {
  padding:1rem
 }
 #header .content p {
  line-height:1.875
 }
 #main article {
  padding:3.5rem 2rem .5rem
 }
 #main article .close:before {
  top:.875rem;
  left:.875rem;
  width:2.25rem;
  height:2.25rem;
  background-size:14px 14px
 }
}
@media screen and (max-width: 480px) {
 .preloader-app .image-svg {
  top:80%;
  bottom:50%
 }
 .toggle-mode {
  z-index:1000;
  position:absolute;
  top:5px!important;
  left:10px!important
 }
 .navicon {
  z-index:1000;
  position:absolute;
  top:10px!important;
  right:10px!important
 }
 .voucher {
  margin:-4rem 0 2rem!important
 }
 #header .content .logo {
  width:96px!important;
  height:96px!important
 }
 #header .content .logo .icon {
  width:86px!important;
  height:86px!important
 }
 #header .card {
  margin-top:0!important
 }
 #wrapper {
  padding:1rem;
  margin-top:0!important
 }
 .header-app {
  height:240px!important
 }
 html,
 body {
  min-width:320px
 }
 h1 {
  margin-top:1rem;
  font-size:.9rem;
  line-height:1.4
 }
 h2 {
  font-size:1.25em;
  line-height:.8
 }
 form>.fields {
  width:calc(100% + 3rem);
  margin:-1.5rem 0 2rem -1.5rem
 }
 form>.fields>.field {
  padding:1.5rem 0 0 1.5rem;
  width:calc(100% - 1.5rem)
 }
 form>.fields>.field.half {
  width:calc(100% - 1.5rem)
 }
 form>.fields>.field.third {
  width:calc(100% - 1.5rem)
 }
 form>.fields>.field.quarter {
  width:calc(100% - 1.5rem)
 }
 #main article {
  padding:3rem 1.5rem .5rem
 }
 #header {
  padding:8rem 0 0
 }
 #header .content {
  padding-top:2rem
 }
 #header .content .logo {
  top:-65px
 }
 #header .content .heading {
  font-size:18px;
  margin:.5rem 0;
  letter-spacing:.14rem;
  padding-top:1.5rem
 }
 #header .content .inner {
  padding:.5rem 0
 }
 #header .content .logo {
  top:-125px!important
 }
 #header nav ul {
  -moz-flex-direction:column;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  min-width:10rem;
  max-width:100%
 }
}
@media screen and (max-width: 360px) {
 html {
  font-size:10px
 }
}
input,
select,
textarea {
 font-weight:300;
 font-size:1rem;
 line-height:1.65rem
}
a {
 text-decoration:none;
 color:var(--link-color)
}
a:hover {
 border-bottom-color:transparent
}
.blue {
 color:var(--blue-text)
}
.red {
 color:var(--red-text)
}
.orange {
 color:var(--orange-text)
}
.yellow {
 color:var(--yellow-text)
}
.purple {
 color:var(--purple-text)
}
.green {
 color:var(--green-text)
}
.silver {
 color:var(--silver-text)
}
.text-right {
 text-align:right
}
.text-left {
 text-align:left
}
.text-center {
 text-align:center
}
.white {
 font-family:var(--main-font-family);
 color:var(--white-text)!important;
 font-size:18px!important;
 letter-spacing:.14rem
}
em,
i {
 font-style:italic
}
b,
strong {
 font-weight:var(--font-weight)
}
p {
 margin:0 0 2rem
}
h1,
h2,
h3,
h4,
h5 {
 color:var(--main-text-color);
 font-weight:600;
 line-height:1.5;
 margin:-31px 0 1rem;
 text-transform:uppercase;
 letter-spacing:.2rem
}
h6 {
 color:var(--main-text-color);
 font-weight:600;
 line-height:1.5;
 text-transform:uppercase;
 letter-spacing:.2rem
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
 color:inherit;
 text-decoration:none
}
h6 a {
 color:inherit;
 text-decoration:none
}
h1 {
 font-size:2.25rem;
 line-height:1.3;
 letter-spacing:.5rem
}
h2 {
 font-size:1.5rem;
 line-height:1.4;
 letter-spacing:.5rem
}
h3 {
 font-size:1rem
}
h4 {
 font-size:.8rem
}
h5 {
 font-size:1.7rem
}
sub {
 font-size:.8rem;
 position:relative;
 top:.5rem
}
sup {
 font-size:.8rem;
 position:relative;
 top:-.5rem
}
blockquote {
 margin:0 0 2rem;
 padding:.5rem 0 .5rem 2rem;
 background-color:#028fd62b;
 text-align:center
}
code {
 background:rgba(255,255,255,0.075);
 border-radius:4px;
 font-family:"Courier New",monospace;
 font-size:.9rem;
 margin:0 .25rem;
 padding:.25rem .65rem
}
pre {
 -webkit-overflow-scrolling:touch;
 font-family:"Courier New",monospace;
 font-size:.9rem;
 margin:0 0 2rem
}
pre code {
 display:block;
 line-height:1.75;
 padding:1rem 1.5rem;
 overflow-x:auto
}
hr {
 border:0;
 border-bottom:solid 1px #fff;
 margin:2.75rem 0
}
.align-left {
 text-align:left
}
.align-center {
 text-align:center
}
.align-right {
 text-align:right
}
form {
 margin:0 0 2rem
}
form> :last-child {
 margin-bottom:0
}
form>.fields {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 width:calc(100% + 3rem);
 margin:-1.5rem 0 2rem -1.5rem
}
form>.fields>.field {
 -moz-flex-grow:0;
 -webkit-flex-grow:0;
 -ms-flex-grow:0;
 flex-grow:0;
 -moz-flex-shrink:0;
 -webkit-flex-shrink:0;
 -ms-flex-shrink:0;
 flex-shrink:0;
 padding:1.5rem 0 0 1.5rem;
 width:calc(100% - 1.5rem)
}
form>.fields>.field.half {
 width:calc(50% - 0.75rem)
}
form>.fields>.field.third {
 width:calc(100%/3 - 0.5rem)
}
form>.fields>.field.quarter {
 width:calc(25% - 0.375rem)
}
label {
 color:#313131;
 display:block;
 font-size:.8rem;
 font-weight:300;
 letter-spacing:.2rem;
 line-height:1.5;
 margin:0 0 1rem;
 text-transform:uppercase
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none;
 -moz-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
 -webkit-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
 -ms-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
 transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
 background-color:transparent;
 border:3px solid transparent;
 border-left:0;
 border-right:0;
 border-top:0;
 border-image:linear-gradient(45deg,var(--button-logout),var(--purple-text)) 6;
 color:inherit;
 display:block;
 margin-bottom:21px;
 outline:none;
 padding:0 1rem;
 text-decoration:none;
 width:100%;
 position:relative;
 text-align:center
}
.tab-row2 .active,
.tab-row .active {
 background: linear-gradient(45deg,#048bff,#0fa20d)!important;
/* background:linear-gradient(45deg,var(--button-logout),var(--purple-text))!important; */
 color:var(--white-text);
 border:none!important
}
input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
input[type="tel"]:invalid,
select:invalid,
textarea:invalid {
 box-shadow:none
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
 background:rgba(255,255,255,0.075)
}
select {
 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23ffffff' /%3E%3C/svg%3E");
 background-size:1.25rem;
 background-repeat:no-repeat;
 background-position:calc(100% - 1rem) center;
 height:2.75rem;
 padding-right:2.75rem;
 text-overflow:ellipsis
}
select option {
 color:var(--white-text);
 background:#1b1f22
}
select:focus::-ms-value {
 background-color:transparent
}
select::-ms-expand {
 display:none
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
 height:2.75rem
}
textarea {
 padding:.75rem 1rem
}
input[type="checkbox"],
input[type="radio"] {
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none;
 display:block;
 float:left;
 margin-right:-2rem;
 opacity:0;
 width:1rem;
 z-index:-1
}
input[type="checkbox"]+label,
input[type="radio"]+label {
 text-decoration:none;
 -moz-user-select:none;
 -webkit-user-select:none;
 -ms-user-select:none;
 user-select:none;
 color:#fff;
 cursor:pointer;
 display:inline-block;
 font-size:.8rem;
 font-weight:300;
 margin:0 0 .5rem;
 padding-left:2.65rem;
 padding-right:.75rem;
 position:relative
}
input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 display:inline-block;
 font-style:normal;
 font-variant:normal;
 text-rendering:auto;
 line-height:1;
 text-transform:none!important;
 font-weight:900;
 -moz-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
 -webkit-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
 -ms-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
 transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
 border-radius:4px;
 border:solid 1px var(--white-text);
 content:'';
 display:inline-block;
 height:1.65rem;
 left:0;
 line-height:1.65rem;
 position:absolute;
 text-align:center;
 top:-.15rem;
 width:1.65rem
}
input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
 background:var(--white-text)!important;
 border-color:var(--white-text)!important;
 color:#1b1f22;
 content:'\f00c'
}
input[type="checkbox"]:focus+label:before,
input[type="radio"]:focus+label:before {
 background:rgba(255,255,255,0.075);
 border-color:var(--white-text);
 box-shadow:0 0 0 1px var(--white-text)
}
input[type="checkbox"]+label:before {
 border-radius:4px
}
input[type="radio"]+label:before {
 border-radius:100%
}
.formerize-placeholder {
 color:rgba(255,255,255,0.5)!important;
 opacity:1
}
.card h1.major {
 color:var(--white-text);
 border:none;
 font-size:1.5rem!important
}
.accordion {
 width:90%;
 max-width:1000px;
 margin:2rem auto
}
.accordion-item {
 background-color:var(--main-bg-color);
 color:var(--main-text-color);
 margin:1rem 0;
 border-radius:.5rem;
 box-shadow:0 2px 5px 0 rgba(0,0,0,0.25)
}
.accordion-item-header {
 padding:.5rem 3rem .5rem 1rem;
 background-color:var(--accordion-bg-header-left);
 background:-moz-linear-gradient(45deg,var(--accordion-bg-header-left) 50%,var(--accordion-bg-header-right) 100%);
 background:-webkit-linear-gradient(45deg,var(--accordion-bg-header-left) 50%,var(--accordion-bg-header-right) 100%);
 background:linear-gradient(45deg,var(--accordion-bg-header-left) 50%,var(--accordion-bg-header-right) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--accordion-bg-header-left)',endColorstr='var(--accordion-bg-header-right)',GradientType=1);
 color:var(--white-text);
 min-height:3.5rem;
 line-height:1.25rem;
 font-weight:700;
 display:flex;
 align-items:center;
 position:relative;
 cursor:pointer
}
.accordion-item-header::after {
 content:"\002B";
 font-size:2rem;
 position:absolute;
 right:1rem
}
.accordion-item-header.active::after {
 content:"\2212"
}
.accordion-item-body {
 max-height:0;
 overflow:hidden;
 transition:max-height .2s ease-out
}
.accordion-item-body-content {
 padding:1rem;
 line-height:1.5rem;
 border-top:1px solid;
 border-image:linear-gradient(to right,transparent,#9B9797,transparent) 1
}
.accordion-item-body-content ul {
 list-style:number;
 padding:1rem
}
.box {
 border-radius:4px;
 border:solid 1px #fff;
 margin-bottom:2rem;
 padding:1.5em
}
.box> :last-child,
.box> :last-child> :last-child,
.box> :last-child> :last-child> :last-child {
 margin-bottom:0
}
.box.alt {
 border:0;
 border-radius:0;
 padding:0
}
.icon {
 text-decoration:none;
 border-bottom:none;
 position:relative
}
.icon:before {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 display:inline-block;
 font-style:normal;
 font-variant:normal;
 text-rendering:auto;
 line-height:1;
 text-transform:none!important;
 font-weight:400
}
.icon>.label {
 display:none
}
.icon:before {
 line-height:inherit
}
.icon.solid:before {
 font-weight:900
}
.image {
 border-radius:4px;
 border:0;
 display:inline-block;
 position:relative
}
.image img {
 border-radius:4px;
 display:block
}
.image.left,
.image.right {
 max-width:40%
}
.image.left img,
.image.right img {
 width:100%
}
.image.left {
 float:left;
 padding:0 1.5em 1em 0;
 top:.25em
}
.image.right {
 float:right;
 padding:0 0 1em 1.5em;
 top:.25em
}
.image.fit {
 display:block;
 margin:0 0 2rem;
 width:100%
}
.image.fit img {
 width:100%
}
.image.main {
 display:block;
 margin:2.5rem 0;
 width:100%
}
.image.main img {
 width:100%
}
@media screen and (max-width: 736px) {
 .image.main {
  margin:2rem 0
 }
}
@media screen and (max-width: 480px) {
 .image.main {
  margin:1.5rem 0
 }
}
ol {
 list-style:decimal;
 margin:0 0 2rem;
 padding-left:1.25em
}
ol li {
 padding-left:.25em
}
ul {
 list-style:disc;
 margin:0 0 2rem;
 padding-left:1em
}
ul li {
 padding-left:.5em
}
ul.alt {
 list-style:none;
 padding-left:0
}
ul.alt li {
 border-top:solid 1px #fff;
 padding:.5em 0
}
ul.alt li:first-child {
 border-top:0;
 padding-top:0
}
dl {
 margin:0 0 2rem
}
dl dt {
 display:block;
 font-weight:600;
 margin:0 0 1rem
}
dl dd {
 margin-left:2rem
}
ul.actions {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 cursor:default;
 list-style:none;
 margin-left:-1rem;
 padding-left:0
}
ul.actions li {
 padding:0 0 0 1rem;
 vertical-align:middle
}
ul.actions.special {
 -moz-justify-content:center;
 -webkit-justify-content:center;
 -ms-justify-content:center;
 justify-content:center;
 width:100%;
 margin-left:0
}
ul.actions.special li:first-child {
 padding-left:0
}
ul.actions.stacked {
 -moz-flex-direction:column;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 margin-left:0
}
ul.actions.stacked li {
 padding:1.3rem 0 0
}
ul.actions.stacked li:first-child {
 padding-top:0
}
ul.actions.fit {
 width:calc(100% + 1rem)
}
ul.actions.fit li {
 -moz-flex-grow:1;
 -webkit-flex-grow:1;
 -ms-flex-grow:1;
 flex-grow:1;
 -moz-flex-shrink:1;
 -webkit-flex-shrink:1;
 -ms-flex-shrink:1;
 flex-shrink:1;
 width:100%
}
ul.actions.fit li>* {
 width:100%
}
ul.actions.fit.stacked {
 width:100%
}
@media screen and (max-width: 480px) {
 ul.actions:not(.fixed) {
  -moz-flex-direction:column;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-left:0;
  width:100%!important
 }
 ul.actions:not(.fixed) li {
  -moz-flex-grow:1;
  -webkit-flex-grow:1;
  -ms-flex-grow:1;
  flex-grow:1;
  -moz-flex-shrink:1;
  -webkit-flex-shrink:1;
  -ms-flex-shrink:1;
  flex-shrink:1;
  padding:1rem 0 0;
  text-align:center;
  width:100%
 }
 ul.actions:not(.fixed) li>* {
  width:100%
 }
 ul.actions:not(.fixed) li:first-child {
  padding-top:0
 }
 ul.actions:not(.fixed) li input[type="submit"],
 ul.actions:not(.fixed) li input[type="reset"],
 ul.actions:not(.fixed) li input[type="button"],
 ul.actions:not(.fixed) li button,
 ul.actions:not(.fixed) li .button {
  width:100%
 }
 ul.actions:not(.fixed) li input[type="submit"].icon:before,
 ul.actions:not(.fixed) li input[type="reset"].icon:before,
 ul.actions:not(.fixed) li input[type="button"].icon:before,
 ul.actions:not(.fixed) li button.icon:before,
 ul.actions:not(.fixed) li .button.icon:before {
  margin-left:-.5em
 }
}
ul.icons {
 cursor:default;
 list-style:none;
 padding-left:0
}
ul.icons li {
 display:inline-block;
 padding:0 .75em 0 0
}
ul.icons li:last-child {
 padding-right:0
}
ul.icons li a {
 border-radius:100%;
 box-shadow:inset 0 0 0 1px var(--white-text);
 display:inline-block;
 height:2.25rem;
 line-height:2.25rem;
 text-align:center;
 width:2.25rem
}
ul.icons li a:hover {
 background-color:rgba(255,255,255,0.075)
}
ul.icons li a:active {
 background-color:rgba(255,255,255,0.175)
}
.table-wrapper {
 -webkit-overflow-scrolling:touch;
 overflow-x:auto
}
table {
 margin:0 0 2rem;
 width:100%;
 font-weight:200;
 border-collapse:separate;
 border-spacing:0
}
.top-table tr td {
 border-radius:.5rem 0 0 .5rem
}
table tr td #ipaddress,
table tr td #macaddress {
 width:54px;
 height:54px
}
.dark-theme table tr td #ipaddress path,
.dark-theme table tr td #macaddress path {
 fill:var(--four-bg-dark)
}
.dark-theme .top-table tr td:last-child {
 border-radius:0 .5rem .5rem 0;
 border-left:0;
 border-right:2px solid var(--four-bg-dark)
}
.top-table tr td:last-child {
 border-radius:0 .5rem .5rem 0;
 border-left:0;
 border-right:2px solid var(--table-border)
}
.dark-theme .top-table tr td,
.dark-theme .bottom-table tr td {
 border:2px solid var(--four-bg-dark)
}
.top-table tr td,
.bottom-table tr td {
 border:2px solid var(--table-border)
}
.bottom-table tr:first-child td {
 border-radius:.5rem .5rem 0 0;
 border-bottom:0
}
.dark-theme .bottom-table tr:nth-child(2) td {
 border-radius:0;
 border-right:2px solid var(--four-bg-dark);
 border-bottom:0
}
.bottom-table tr:nth-child(2) td {
 border-radius:0;
 border-right:2px solid var(--table-border);
 border-bottom:0
}
.bottom-table tr:nth-child(3) td {
 border-right:0;
 border-radius:0
}
.dark-theme .bottom-table tr:nth-child(3) td:nth-child(2) {
 border-right:2px solid var(--four-bg-dark);
 border-radius:0
}
.bottom-table tr:nth-child(3) td:nth-child(2) {
 border-right:2px solid var(--table-border);
 border-radius:0
}
.bottom-table tr:nth-child(4) td {
 border-right:0;
 border-top:0;
 border-radius:0
}
.dark-theme .bottom-table tr:nth-child(4) td:last-child {
 border-right:2px solid var(--four-bg-dark);
 border-top:0;
 border-radius:0
}
.bottom-table tr:nth-child(4) td:last-child {
 border-right:2px solid var(--table-border);
 border-top:0;
 border-radius:0
}
.bottom-table tr:last-child td {
 border-right:0;
 border-top:0;
 border-radius:0 0 0 .5rem
}
.dark-theme .bottom-table tr:last-child td+td {
 border-right:2px solid var(--four-bg-dark);
 border-top:0;
 border-radius:0 0 .5rem 0
}
.bottom-table tr:last-child td+td {
 border-right:2px solid var(--table-border);
 border-top:0;
 border-radius:0 0 .5rem 0
}
table tr {
 background:none
}
table td {
 background:none;
 width:50%;
 text-align:center;
 padding:.75em
}
small {
 font-size:8px
}
.font-size-small {
 font-size:small
}
.font-size-medium {
 font-size:18px
}
.font-size-big {
 font-size:28px
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
 font-family:'Source Sans Pro';
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none;
 -moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;
 -webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
 -ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;
 transition:background-color .2s ease-in-out,color .2s ease-in-out;
 background-color:transparent;
 border-radius:5px;
 box-shadow:none;
 color:var(--main-text-color);
 cursor:pointer;
 font-size:12px;
 display:inline-block;
 font-weight:100;
 height:2.75rem;
 line-height:2.75rem;
 padding:0 .75rem;
 text-align:center;
 text-decoration:none;
 text-transform:uppercase;
 white-space:nowrap;
 border:1px solid var(--placeholder-text)
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
 background-color:transparent
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
 background-color:rgba(255,255,255,0.175)
}
input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
 width:100%
}
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
 font-size:.6rem;
 height:2.0625rem;
 line-height:2.0625rem
}
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
 background-color:var(--white-text);
 color:#1b1f22!important;
 font-weight:600
}
input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
 pointer-events:none;
 cursor:default;
 opacity:.25
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
 line-height:calc(2.75rem - 2px)
}
.parallax>use {
 animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite
}
.parallax>use:nth-child(1) {
 fill:rgba(255,255,255,0.7);
 animation-delay:-2s;
 animation-duration:7s
}
.parallax>use:nth-child(2) {
 fill:rgba(255,255,255,0.5);
 animation-delay:-3s;
 animation-duration:10s
}
.parallax>use:nth-child(3) {
 fill:rgba(255,255,255,0.3);
 animation-delay:-4s;
 animation-duration:13s
}
.parallax>use:nth-child(4) {
 fill:#fff;
 animation-delay:-5s;
 animation-duration:20s
}
@keyframes move-forever {
 0% {
  transform:translate3d(-90px,0,0)
 }
 100% {
  transform:translate3d(85px,0,0)
 }
}
svg.waves {
 bottom:0;
 position:absolute;
 width:100%;
 height:45vh;
 margin-bottom:-7px;
 min-height:100px;
 max-height:150px
}
.header-app {
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:380px;
 background:var(--gradient-main-bg-color);
 background:-moz-linear-gradient(45deg,var(--gradient-main-bg-rgba) 0,var(--gradient-main-bg-left) 50%,var(--gradient-main-bg-right) 100%);
 background:-webkit-linear-gradient(45deg,var(--gradient-main-bg-rgba) 0,var(--gradient-main-bg-left) 50%,var(--gradient-main-bg-right) 100%);
 background: linear-gradient(45deg,rgb(83, 255, 134) 0,#56AFFF 50%,#5400e8 100%)
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098f5',endColorstr='#6410f7',GradientType=1)
}
::-webkit-input-placeholder {
 color:var(--placeholder-text);
 opacity:1;
 text-transform:uppercase
}
:-moz-placeholder {
 color:var(--placeholder-text);
 opacity:1;
 text-transform:uppercase
}
::-moz-placeholder {
 color:var(--placeholder-text);
 opacity:1;
 text-transform:uppercase
}
:-ms-input-placeholder {
 color:var(--placeholder-text);
 opacity:1;
 text-transform:uppercase
}
#kodevoucher {
 background:none;
 border-radius:20px;
 box-shadow:none
}
#userpass {
 background:none;
 border-radius:20px;
 box-shadow:none
}
.dark-theme #elements #user {
 padding:4rem 0 1rem;
 border-radius:.5rem 0 0 .5rem;
 background-image:-webkit-linear-gradient(to top,var(--sec-bg-dark) 20%,rgba(0,0,0,.5),rgba(0,0,0,.3)),url(../../images/2.jpg);
 background-image:-moz-linear-gradient(to top,var(--sec-bg-dark) 20%,rgba(0,0,0,.5),rgba(0,0,0,.3)),url(../../images/2.jpg);
 background-image:linear-gradient(to top,var(--sec-bg-dark) 20%,rgba(0,0,0,.5),rgba(0,0,0,.3)),url(../../images/2.jpg)
}
#elements #user {
 padding:4rem 0 1rem;
 border-radius:.5rem 0 0 .5rem;
 background-image:-webkit-linear-gradient(to top,var(--white-text) 20%,rgba(0,0,0,.5),rgba(0,0,0,.3)),url(../../images/2.jpg);
 background-image:-moz-linear-gradient(to top,var(--white-text) 20%,rgba(0,0,0,.5),rgba(0,0,0,.3)),url(../../images/2.jpg);
 background-image:linear-gradient(to top,var(--white-text) 20%,rgba(0,0,0,.5),rgba(0,0,0,.3)),url(../../images/2.jpg);
 background-position:0 0,0 0;
 background-repeat:no-repeat,no-repeat;
 background-size:cover,cover;
 margin:0 -2rem 2rem
}
#elements .goahead {
 padding:5px;
 display:block;
 position:absolute;
 bottom:3rem;
 left:0;
 right:0;
 margin:0 auto;
 width:60px;
 height:60px;
 border-radius:100%;
 background:var(--button-logout)
}
.goahead svg {
 width:48px;
 height:48px
}
h4 {
 font-size:18px!important;
 margin-left:0;
 margin-top:1rem;
 font-family:var(--sec-font-family);
 white-space:nowrap;
 color:inherit;
 text-align:center
}
.desc {
 max-width:480px;
 margin:0 auto;
 display:block;
 padding:1rem 2.5rem
}
.dark-theme #elements .desc h3 {
 color:var(--white-text)!important
}
#user img {
 display:block;
 margin:auto;
 padding:0px;
 border:0px solid var(--white-text);
 border-radius:0%;
 width:165px;
 height:100px
}
#user b {
 font-size:22px;
 color:var(--black-text)
}
#user i {
 font-style:italic;
 font-size:12px;
 color:var(--black-text)
}
#elements .card {
 margin-top:6rem!important;
 box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
 transition:.3s;
 width:86%;
 border-radius:5px
}
#elements .card .closebtn {
 margin-top:-5px;
 margin-left:15px;
 color:#fff;
 font-weight:700;
 float:right;
 font-size:22px;
 line-height:20px;
 cursor:pointer;
 transition:.3s
}
#elements .card .major {
 position:fixed;
 background:var(--purple-text);
 bottom:0;
 left:0;
 right:0;
 font-weight:600;
 line-height:1.5;
 padding:1rem;
 margin-bottom:0!important;
 color:inherit;
 z-index:10000
}
#elements .card .major span {
 color:var(--white-text)
}
#elements form {
 position:relative!important
}
#elements .card ul {
 list-style:none;
 margin:2rem auto 10rem;
 display:block;
 padding:0
}
.dark-theme #elements .card ul li svg path {
 fill:var(--four-bg-dark)
}
.dark-theme #elements .card ul li::after {
 background:var(--four-bg-dark);
 border:5px solid var(--four-bg-dark)
}
#elements .card ul li:last-child::after {
 background:var(--button-logout);
 border:5px solid var(--button-logout)
}
#elements .card ul li svg {
 width:42px;
 height:42px;
 position:absolute;
 top:1rem;
 left:-2.6rem
}
#elements .card ul li {
 position:relative;
 margin-left:2rem;
 padding:.75rem;
 text-align:left
}
#elements .card ul li::after {
 position:absolute;
 top:2rem;
 right:.5rem;
 border-radius:100px;
 background:var(--placeholder-text);
 border:5px solid var(--placeholder-text);
 content:"";
 display:block;
 width:0;
 height:0
}
.button-logout {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 margin-right:auto!important;
 display:block;
 max-width:100%;
 padding:0 20px;
 margin-left:auto!important;
 font-weight:700!important;
 background:var(--button-logout)!important;
 color:var(--white-text);
 border:transparent;
 border-radius:20px
}
.button-login-regular {
 background-color:var(--button-login-regular)!important;
 color:var(--white-text);
 width:100%;
 display:block;
 max-width:100%;
 border-radius:20px;
 margin:auto
}
.button-login-member {
 background-color:var(--button-login-member-left);
 background:-moz-linear-gradient(45deg,var(--button-login-member-left) 50%,var(--button-login-member-right) 100%);
 background:-webkit-linear-gradient(45deg,var(--button-login-member-left) 50%,var(--button-login-member-right) 100%);
background: linear-gradient(45deg,#3672de 50%,#57af09 100%);
/*  background:linear-gradient(45deg,var(--button-login-member-left) 50%,var(--button-login-member-right) 100%); */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--button-login-member-left)',endColorstr='var(--button-login-member-right)',GradientType=1);
 max-width:100%;
 color:var(--white-text);
 display:block;
 width:100%;
 margin:auto;
 border:transparent;
 border-radius:20px
}
.alert {
 display:block;
 max-width:100%;
 text-align:left;
 margin:2rem auto 0;
 border-radius:.25rem;
 padding:20px;
 background-color:var(--placeholder-text);
 color:var(--white-text)
}
.alert strong {
 font-size:22px
}
.closebtn {
 margin-left:15px;
 color:var(--white-text);
 font-weight:700;
 float:right;
 font-size:22px;
 line-height:20px;
 cursor:pointer;
 transition:.3s
}
#wrapper {
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-flex-direction:column;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 -moz-align-items:center;
 -webkit-align-items:center;
 -ms-align-items:center;
 align-items:center;
 -moz-justify-content:space-between;
 -webkit-justify-content:space-between;
 -ms-justify-content:space-between;
 justify-content:space-between;
 position:relative;
 min-height:auto;
 width:100%;
 margin-top:20rem;
 padding:4rem 2rem;
 z-index:3
}
#wrapper:before {
 content:'';
 display:block
}
#header {
 font-family:'Source Sans Pro';
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-flex-direction:column;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 -moz-align-items:center;
 -webkit-align-items:center;
 -ms-align-items:center;
 align-items:center;
 -moz-transition:-moz-transform .325s ease-in-out,-moz-filter .325s ease-in-out,opacity .325s ease-in-out;
 -webkit-transition:-webkit-transform .325s ease-in-out,-webkit-filter .325s ease-in-out,opacity .325s ease-in-out;
 -ms-transition:-ms-transform .325s ease-in-out,-ms-filter .325s ease-in-out,opacity .325s ease-in-out;
 transition:transform .325s ease-in-out,filter .325s ease-in-out,opacity .325s ease-in-out;
 max-width:100%;
 text-align:center
}
#header>* {
 -moz-transition:opacity .325s ease-in-out;
 -webkit-transition:opacity .325s ease-in-out;
 -ms-transition:opacity .325s ease-in-out;
 transition:opacity .325s ease-in-out;
 position:relative;
 margin-top:3.5rem
}
#header> :before {
 content:'';
 display:block;
 position:absolute;
 top:calc(-3.5rem - 1px);
 left:calc(50% - 1px);
 height:calc(3.5rem + 1px);
 background:var(--white-text)
}
#header> :first-child {
 margin-top:0
}
#header> :first-child:before {
 display:none
}
#header .content .logo {
 position:absolute;
 top:-4rem;
 left:0;
 right:0;
 margin:auto;
 display:block;
 border:2px solid var(--white-text);
 width:50px;
 height:80px;
 border-radius:1000px
}
#header .content .logo .icon {
 margin:0 auto;
 width:201px;
 height:80px;
 display:block
}
#header .content {
 position:relative;
 padding:2rem 0;
 background:none;
 max-width:100%;
 margin:auto
}
#header .content .inner {
 -moz-transition:max-height .75s ease,padding .75s ease,opacity .325s ease-in-out;
 -webkit-transition:max-height .75s ease,padding .75s ease,opacity .325s ease-in-out;
 -ms-transition:max-height .75s ease,padding .75s ease,opacity .325s ease-in-out;
 transition:max-height .75s ease,padding .75s ease,opacity .325s ease-in-out;
 -moz-transition-delay:.25s;
 -webkit-transition-delay:.25s;
 -ms-transition-delay:.25s;
 transition-delay:.25s;
 padding:1rem 0 3rem;
 width:100%;
 text-align:center;
 max-height:40rem
}
#header .content .inner .tab {
 max-width:100%;
 position:relative;
 margin:0 0 1rem;
 padding:0!important;
 display:block
}
#header .content .inner .tab::after {
 display:block;
 content:"";
 clear:both;
 height:1px
}
#header .content .inner .tab .tab-row2 {
 display:block;
 float:right;
 width:40%
}
#header .content .inner .tab .tab-row {
 display:block;
 visibility: hidden;
 float:left;
 width:100%
}
#header .content .inner .tab .tab-row .tablinks {
 width:100%
}
#header .content .inner .tab .tab-row2 .tablinks {
 width:100%
}
#header .content .inner .tab .tab-row .tablinks .active,
#header .content .inner .tab .tab-row .tablinks2 .active {
 padding:5px 22px
}
#header .content p {
 text-transform:uppercase;
 letter-spacing:.2rem;
 font-size:.8rem;
 line-height:2
}
body.is-article-visible #header {
 -moz-transform:scale(0.95);
 -webkit-transform:scale(0.95);
 -ms-transform:scale(0.95);
 transform:scale(0.95);
 -moz-filter:blur(0.1rem);
 -webkit-filter:blur(0.1rem);
 -ms-filter:blur(0.1rem);
 filter:blur(0.1rem);
 opacity:0
}
body.is-preload #header {
 -moz-filter:blur(0.125rem);
 -webkit-filter:blur(0.125rem);
 -ms-filter:blur(0.125rem);
 filter:blur(0.125rem)
}
#main {
 -moz-flex-grow:1;
 -webkit-flex-grow:1;
 -ms-flex-grow:1;
 flex-grow:1;
 -moz-flex-shrink:1;
 -webkit-flex-shrink:1;
 -ms-flex-shrink:1;
 flex-shrink:1;
 display:-moz-flex;
 display:-webkit-flex;
 display:-ms-flex;
 display:flex;
 -moz-align-items:center;
 -webkit-align-items:center;
 -ms-align-items:center;
 align-items:center;
 -moz-justify-content:center;
 -webkit-justify-content:center;
 -ms-justify-content:center;
 justify-content:center;
 -moz-flex-direction:column;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 position:relative;
 max-width:100%;
 z-index:3
}
#main article {
 -moz-transform:translateY(0.25rem);
 -webkit-transform:translateY(0.25rem);
 -ms-transform:translateY(0.25rem);
 transform:translateY(0.25rem);
 -moz-transition:opacity .325s ease-in-out,-moz-transform .325s ease-in-out;
 -webkit-transition:opacity .325s ease-in-out,-webkit-transform .325s ease-in-out;
 -ms-transition:opacity .325s ease-in-out,-ms-transform .325s ease-in-out;
 transition:opacity .325s ease-in-out,transform .325s ease-in-out;
 padding:4.5rem 2.5rem 1.5rem;
 position:relative;
 width:40rem;
 max-width:100%;
 background-color:rgba(27,31,34,0.85);
 border-radius:4px;
 opacity:0
}
#main article.active {
 -moz-transform:translateY(0);
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 transform:translateY(0);
 opacity:1
}
#main article .close {
 display:block;
 position:absolute;
 top:0;
 right:0;
 width:4rem;
 height:4rem;
 cursor:pointer;
 text-indent:4rem;
 overflow:hidden;
 white-space:nowrap
}
#main article .close:before {
 -moz-transition:background-color .2s ease-in-out;
 -webkit-transition:background-color .2s ease-in-out;
 -ms-transition:background-color .2s ease-in-out;
 transition:background-color .2s ease-in-out;
 content:'';
 display:block;
 position:absolute;
 top:.75rem;
 left:.75rem;
 width:2.5rem;
 height:2.5rem;
 border-radius:100%;
 background-position:center;
 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 1%3B %7D%3C/style%3E%3Cline x1='2' y1='2' x2='18' y2='18' /%3E%3Cline x1='18' y1='2' x2='2' y2='18' /%3E%3C/svg%3E");
 background-size:20px 20px;
 background-repeat:no-repeat
}
#main article .close:hover:before {
 background-color:rgba(255,255,255,0.075)
}
#main article .close:active:before {
 background-color:rgba(255,255,255,0.175)
}
#footer {
 -moz-transition:-moz-transform .325s ease-in-out,-moz-filter .325s ease-in-out,opacity .325s ease-in-out;
 -webkit-transition:-webkit-transform .325s ease-in-out,-webkit-filter .325s ease-in-out,opacity .325s ease-in-out;
 -ms-transition:-ms-transform .325s ease-in-out,-ms-filter .325s ease-in-out,opacity .325s ease-in-out;
 transition:transform .325s ease-in-out,filter .325s ease-in-out,opacity .325s ease-in-out;
 width:100%;
 max-width:100%
}
body.is-article-visible #footer {
 -moz-transform:scale(0.95);
 -webkit-transform:scale(0.95);
 -ms-transform:scale(0.95);
 transform:scale(0.95);
 -moz-filter:blur(0.1rem);
 -webkit-filter:blur(0.1rem);
 -ms-filter:blur(0.1rem);
 filter:blur(0.1rem);
 opacity:0
}
body.is-preload #footer {
 opacity:0
}
#footer {
 font-family:var(--main-font-family);
 background:var(--white-text);
 list-style-type:none;
 display:inline-block;
 font-weight:200!important;
 line-height:13px;
 text-align:center;
 vertical-align:middle;
 transition:all .35s ease 0;
 text-decoration:none;
 width:100%;
 max-width:100%;
 position:fixed;
 right:0;
 left:0;
 bottom:0;
 z-index:100;
 padding:0 1rem;
 font-size:1em;
 margin:0
}
.navbar {
 max-width:480px;
 margin:0 auto
}
.row-navbar {
 display:inline-block;
 width:26%;
 font-size:10px;
 cursor:pointer;
 margin:1rem 0 .5rem
}
.navigation {
 position:relative
}
.icon-menu {
 display:inline-block;
 width:25%
}
.navbar-title {
 color:#00aaef;
 white-space:nowrap;
 display:inline-block
}
#elements {
 text-align:center;
 display:block;
 position:relative;
 margin:0 auto;
 height:auto;
 z-index:6;
 padding:4rem 0
}
#header .card {
 margin-top:8rem
}
#elements .card {
 max-width:480px;
 margin:1rem auto;
 padding:0 1rem 1rem;
 background:var(--main-bg-color)
}
h1.major,
h2.major,
h3.major,
h4.major {
 border-bottom:solid 1px #cdcdcd;
 font-size:1rem!important;
 padding-bottom:.5rem;
 margin:0 0 2rem;
 text-align:center
}
h5.major {
 padding-bottom:.5rem;
 margin:0 0 2rem;
 text-align:center
}
h6.major {
 border-bottom:solid 1px #cdcdcd;
 width:-webkit-max-content;
 width:-ms-max-content;
 padding-bottom:.5rem;
 margin:0 0 2rem;
 text-align:center
}
.voucher {
 margin:15rem 0 8rem
}
.container {
 box-sizing:border-box;
 margin:0;
 padding:0;
 max-width:100%;
 height:auto;
 display:flex;
 justify-content:center;
 align-items:center
}
#header .banner {
 margin:4rem 0 0;
 width:100%;
 background-position:0 -70px;
 background-size:cover;
 background-repeat:no-repeat;
 transition:.4s ease-in-out;
 display:flex;
 justify-content:center;
 color:var(--white-text);
 font-size:30px;
 font-family:var(--sec-font-family),sans-serif!important;
 padding:20px;
 box-sizing:border-box
}
.banner2 {
 width:100%;
 transition:.4s ease-in-out;
 display:flex;
 justify-content:center;
 align-items:center;
 color:var(--white-text);
 font-size:40px!important;
 font-family:var(--sec-font-family);
 padding:20px 0 0;
 box-sizing:border-box
}
.paket-hotspot {
 max-width:100%;
 margin:0 auto;
 padding:0 1rem 10rem;
 height:auto;
 margin-top:-60px;
 display:flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap
}
.card-hotspot {
 overflow:hidden;
 position:relative;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 width:350px;
 height:230px;
 margin:.5rem;
 padding:10px;
 box-sizing:border-box;
 background-color:var(--card-hotspot-bg-left);
 background:-moz-linear-gradient(45deg,var(--card-hotspot-bg-left) 50%,var(--card-hotspot-bg-right) 100%);
 background:-webkit-linear-gradient(45deg,var(--card-hotspot-bg-left) 50%,var(--card-hotspot-bg-right) 100%);
 background:linear-gradient(45deg,var(--card-hotspot-bg-left) 50%,var(--card-hotspot-bg-right) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--card-hotspot-bg-left)',endColorstr='var(--vard-hotspot-bg-right)',GradientType=1);
 transition:transform 300ms,box-shadow 300ms;
 border-radius:10px;
 box-shadow:2px 2px 9px 2px rgba(0,0,0,0.2);
 transition:all .4s ease
}
.card-hotspot::before,
.card-hotspot::after {
 content:"";
 position:absolute;
 width:500px;
 height:500px;
 border-top-left-radius:40%;
 border-top-right-radius:45%;
 border-bottom-left-radius:35%;
 border-bottom-right-radius:40%;
 z-index:2
}
.card-hotspot::before {
 left:40%;
 bottom:0;
 background-color:rgba(51,122,199,0.5);
 animation:wawes 6s infinite linear
}
.card-hotspot::after {
 left:50%;
 bottom:0;
 background-color: rgb(24 240 90 / 80%);
 animation:wawes 7s infinite
}
@keyframes wawes {
 from {
  transform:rotate(0)
 }
 to {
  transform:rotate(360deg)
 }
}
.card-hotspot h1 {
 font-family:var(--main-font-family),sans-serif!important;
 background-color:var(--gradient-main-bg-right);
 clip-path:polygon(100% 0,95% 50%,100% 100%,0 100%,0 50%,0 1%);
 font-weight:700!important;
 text-align:left;
 padding:5px 5px 5px 10px !important;
 width:79%;
 letter-spacing:.14rem;
 white-space:nowrap;
 color:var(--white-text);
 font-size:12px;
 font-weight:200;
 margin:30px 0 60px -10px;
 z-index:3
}
.card-hotspot h2 {
 color:var(--white-text);
 font-family:var(--main-font-family);
 letter-spacing:.14rem;
 font-size:12px;
 margin-top:5px!important
}
.card-hotspot h3 {
 z-index:5;
 font-family:var(--sec-font-family);
 letter-spacing:.14rem;
 font-size:50px;
 color:var(--white-text);
 margin-bottom:5px!important
}
.card-hotspot h3 b {
 letter-spacing:.14rem;
 font-size:12px!important
}
.card-hotspot h4 {
 font-size:12px;
 color:var(--white-text)
}
.card-hotspot h5 {
 letter-spacing:.14rem;
 color:var(--white-text);
 margin:0 0 20px;
 font-size:25px;
 font-weight:700
}
.card-hotspot .beli {
 font-family:var(--sec-font-family);
 z-index:6;
 position:absolute;
 bottom:10px;
 right:10px;
 align-self:flex-end;
 padding:5px 22px;
 text-align:center;
 border-radius:50px;
 background-color:var(--button-logout);
 font-weight:700;
 font-size:15px;
 color:#fff;
 box-shadow:5px 4px 1px 0 rgba(0,0,0,.3);
 cursor:pointer
}
.card-hotspot .active {
 background-color:var(--button-logout)!important
}
.expired {
 background:#000;
 color:var(--white-text);
 overflow:hidden
}
.expired .container {
 max-width:360px;
 position:absolute;
 margin:auto;
 top:-70px;
 left:0;
 right:0;
 bottom:0;
 display:block
}
.expired .container .row {
 text-align:center;
 margin:0 auto;
 width:220px;
 display:block
}
.expired .container .row .animate {
 text-align:center
}
.expired .title {
 max-width:100%;
 margin:0 auto
}
.expired button {
 background:var(--button-logout)
}
#thanos {
 max-width:200px;
 height:220px
}
#thanos text {
 fill:transparent;
 stroke-width:2px;
 stroke:var(--purple-text);
 stroke-dasharray:850;
 stroke-dashoffset:0;
 cursor:pointer;
 font-family:var(--sec-font-family);
 animation:thanos 5s linear forwards infinite
}
@keyframes thanos {
 0% {
  stroke-dashoffset:0
 }
 40% {
  stroke-dashoffset:850
 }
 80% {
  stroke-dashoffset:1700;
  fill:transparent
 }
 100% {
  stroke-dashoffset:1700;
  fill:var(--red-text)
 }
}
.dark-theme {
 background:var(--main-bg-dark);
 color:var(--white-text)
}
.dark-theme .preloader-app {
 background:var(--main-bg-dark)
}
.dark-theme .parallax>use:nth-child(1) {
 fill:rgba(22,25,37,.3)
}
.dark-theme .parallax>use:nth-child(2) {
 fill:rgba(22,25,37,.5)
}
.dark-theme .parallax>use:nth-child(3) {
 fill:rgba(22,25,37,.8)
}
.dark-theme .parallax>use:nth-child(4) {
 fill:var(--main-bg-dark)
}
.dark-theme #header .content .heading {
 color:var(--white-text)
}
.dark-theme #header .content .logo {
 background:none
}
.dark-theme #kodevoucher,
.dark-theme #userpass {
 background:rgba(255,255,255,.1);
 color:var(--white-text);
 border:1px solid var(--border-bg-dark);
 border-radius:20px
}
.dark-theme #footer {
 background:var(--main-bg-dark)
}
.dark-theme .row-navbar svg g {
 fill:var(--white-text)
}
.dark-theme .row-navbar h6 {
 color:var(--white-text)!important
}
.dark-theme .alert {
 background:var(--sec-bg-dark)
}
.dark-theme input[type="text"],
.dark-theme input[type="password"],
.dark-theme input[type="email"],
.dark-theme input[type="tel"],
select,
textarea {
 position:relative
}
.dark-theme .card-hotspot {
 background-color:var(--sec-bg-dark);
 background:-moz-linear-gradient(45deg,var(--sec-bg-dark) 50%,var(--four-bg-dark) 100%);
 background:-webkit-linear-gradient(45deg,var(--sec-bg-dark) 50%,var(--four-bg-dark) 100%);
 background:linear-gradient(45deg,var(--sec-bg-dark) 50%,var(--four-bg-dark) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--sec-bg-dark)',endColorstr='var(--four-bg-dark)',GradientType=1)
}
.dark-theme .accordion-item {
 background:var(--sec-bg-dark);
 background:var(--sec-bg-dark);
 color:var(--white-text)
}
.dark-theme .accordion-item-header {
 background-color:var(--sec-bg-dark);
 background:-moz-linear-gradient(45deg,var(--third-bg-dark) 50%,var(--gradient-main-bg-left) 100%);
 background:-webkit-linear-gradient(45deg,var(--sec-bg-dark) 50%,var(--gradient-main-bg-left) 100%);
 background:linear-gradient(45deg,var(--sec-bg-dark) 50% rgba(255,255,255,.3) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--sec-bg-dark)',endColorstr='var(--third-bg-left)',GradientType=1)
}
.dark-theme #elements .card .major,
.dark-theme #elements .card {
 background:var(--sec-bg-dark);
 color:var(--white-text)
}
.dark-theme table tr:nth-child(odd) {
 background:none;
 color:var(--white-text)
}
.ads-wrapper {
 color:var(--main-text-color);
 position:relative;
 text-align:left;
 max-width:480px;
 margin:-4rem auto 0
}
.dark-theme .ads-wrapper .ads {
 background:var(--ads-bg-dark);
 color:var(--white-text)
}
.ads-wrapper .ads {
 background:var(--ads-bg);
 border-radius:.5rem;
 max-width:480px;
 margin:0 auto 5rem;
 min-height:280px;
 padding:48px 2rem 1rem;
 position:relative
}
.ads .ads-header h4 {
 text-align:left
}
.dark-theme .remove-ads path {
 fill:var(--white-text)
}
.remove-ads {
 position:absolute;
 top:0;
 right:0;
 left:0;
 width:56px;
 height:56px;
 margin:auto;
 display:block;
 background:none;
 border-radius:.25rem .25rem 0 0;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.remove-ads.active {
 transition:all .2s linear;
 transform:rotate(180deg)
}
.remove-ads svg {
 width:48px;
 height:48px
}
@media screen and (max-width:480px) {
 .ads-wrapper {
  max-width:75%
 }
 .ads-wrapper .ads {
  border-radius:.25rem;
  margin-bottom:5rem
 }
 .remove-ads {
  top:0
 }
}
@-webkit-keyframes bounce {
 from,
 20%,
 53%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
  animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,
 43% {
  -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
@keyframes bounce {
 from,
 20%,
 53%,
 80%,
 to {
  -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
  animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,
 43% {
  -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
.bounce {
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom
}
@-webkit-keyframes wobble {
 from {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 15% {
  -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
 }
 30% {
  -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
 }
 45% {
  -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
 }
 60% {
  -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
 }
 75% {
  -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
 }
 to {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes wobble {
 from {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 15% {
  -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
 }
 30% {
  -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
 }
 45% {
  -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
 }
 60% {
  -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
 }
 75% {
  -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
 }
 to {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.wobble {
 -webkit-animation-name:wobble;
 animation-name:wobble
}
.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.animated.infinite {
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.animated.delay-1s {
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.animated.delay-2s {
 -webkit-animation-delay:2s;
 animation-delay:2s
}
.animated.delay-3s {
 -webkit-animation-delay:3s;
 animation-delay:3s
}
.animated.delay-4s {
 -webkit-animation-delay:4s;
 animation-delay:4s
}
.animated.delay-5s {
 -webkit-animation-delay:5s;
 animation-delay:5s
}
.animated.fast {
 -webkit-animation-duration:800ms;
 animation-duration:800ms
}
.animated.faster {
 -webkit-animation-duration:500ms;
 animation-duration:500ms
}
.animated.slow {
 -webkit-animation-duration:2s;
 animation-duration:2s
}
.animated.slower {
 -webkit-animation-duration:3s;
 animation-duration:3s
}
@media (print),(prefers-reduced-motion: reduce) {
 .animated {
  -webkit-animation-duration:1ms!important;
  animation-duration:1ms!important;
  -webkit-transition-duration:1ms!important;
  transition-duration:1ms!important;
  -webkit-animation-iteration-count:1!important;
  animation-iteration-count:1!important
 }
}