:root {
  --translucent: rgba(255, 255, 255, 0);
  --blue: #55aab8;
  --teal: #4da69c;
  --russet-brown: #411200;
  --brown: #553300;
  --dark-teal: #3D847C;
  --light-teal: #94C9C3;
  --blue-purple: #6e27aa;
  --slate-blue: #31364f;
  --black: #000000;
  --white: #ffffff;
  --off-white: #f3f3f3;
  --off-white-2: #e5e3e6;
  --lightest-grey: #eaeaea;
  --lighter-grey: #e5e5e5;
  --light-grey: #DFDFDF;
  --mid-grey: #B1B4B6;
  --grey: #94959d;
  --dark-grey: #5e5e65;
  --darker-grey: #434950;
  --darkest-grey: #26292e;
  --grey-accent: #6e748e;
  --primary-rgb: 147, 93, 175;
  --accent-rgb: 32, 156, 105;
  --primary-light-6: #f3eaff;
  --primary-light-5: #eadef8;
  --primary-light-4: #e5d6f6;
  --primary-light-3: #ddc9f2;
  --primary-light-2: #c6a6e1;
  --primary-light-1: #b27ccf;
  --primary-color: #935daf;
  --primary-dark-1: #703096;
  --primary-dark-2: #512273;
  --primary-dark-3: #451d62;
  --primary-dark-4: #2f0051;
  --primary-dark-5: #1f0334;
  --primary-dark-6: #11001e;
  --button-accent: #3acf91;
  --accent-light-6: #dcf4eb;
  --accent-light-5: #ceefe2;
  --accent-light-4: #b4e0ce;
  --accent-light-3: #9cd3bc;
  --accent-light-2: #71c09f;
  --accent-light-1: #4db087;
  --accent-color: #209c69;
  --accent-dark-1: #118052;
  --accent-dark-2: #12573b;
  --accent-dark-3: #0e4730;
  --accent-dark-4: #0b3423;
  --accent-dark-5: #082418;
  --accent-dark-6: #04160e;
  --secondary-color: #65b1a9;
  --red-color: #DC143C;
  --danger-color: #DC3545;
  --success-color: #198722;
  --danger-rgb-color: 220, 53, 69;
  --success-rgb-color: 25, 135, 34;
  --text-light-1: var(--primary-light-1);
  --text-light-2: var(--primary-light-2);
  --text-light-3: var(--primary-light-3);
  --text-light-4: var(--primary-light-4);
  --text-light-5: var(--primary-light-5);
  --text-light-6: var(--primary-light-6);
  --text-dark-1: var(--primary-dark-1);
  --text-dark-2: var(--primary-dark-2);
  --text-dark-3: var(--primary-dark-3);
  --text-dark-4: var(--primary-dark-4);
  --text-dark-5: var(--primary-dark-5);
  --text-dark-6: var(--primary-dark-6);
  --text-grey-accent: var(--grey-accent);
  --text-secondary: var(--accent-dark-1);
  --text-primary: var(--primary-color);
  --text-accent: var(--accent-color);
  --text-accent-light-1: var(--accent-light-1);
  --text-accent-light-2: var(--accent-light-2);
  --text-accent-light-3: var(--accent-light-3);
  --text-accent-light-4: var(--accent-light-4);
  --text-accent-light-5: var(--accent-light-5);
  --text-accent-light-6: var(--accent-light-6);
  --text-accent-dark-1: var(--accent-dark-1);
  --text-accent-dark-2: var(--accent-dark-2);
  --text-accent-dark-3: var(--accent-dark-3);
  --text-accent-dark-4: var(--accent-dark-4);
  --text-accent-dark-5: var(--accent-dark-5);
  --text-accent-dark-6: var(--accent-dark-6);
  --text-black: var(--black);
  --text-white: var(--white);
  --text-off-white: var(--off-white);
  --text-off-white-2: var(--off-white-2);
  --text-lightest-grey: var(--lightest-grey);
  --text-lighter-grey: var(--lighter-grey);
  --text-light-grey: var(--light-grey);
  --text-mid-grey: var(--mid-grey);
  --text-grey: var(--grey);
  --text-dark-grey: var(--dark-grey);
  --text-darker-grey: var(--darker-grey);
  --text-darkest-grey: var(--darkest-grey);
  --text-danger: var(--danger-color);
  --text-success: var(--success-color);
  --text-blue: var(--blue);
  --text-slate-blue: var(--slate-blue);
  --text-teal: var(--teal);
  --text-light-teal: var(--light-teal);
  --text-dark-teal: var(--dark-teal);
  --text-blue-purple: var(--blue-purple);
  --border-primary: var(--primary-color);
  --border-light-1: var(--primary-light-1);
  --border-light-2: var(--primary-light-2);
  --border-light-3: var(--primary-light-3);
  --border-light-4: var(--primary-light-4);
  --border-light-5: var(--primary-light-5);
  --border-light-6: var(--primary-light-6);
  --border-dark-1: var(--primary-dark-1);
  --border-dark-2: var(--primary-dark-2);
  --border-dark-3: var(--primary-dark-3);
  --border-dark-4: var(--primary-dark-4);
  --border-dark-5: var(--primary-dark-5);
  --border-dark-6: var(--primary-dark-6);
  --border-secondary: var(--accent-dark-1);
  --border-accent: var(--accent-color);
  --border-accent-light-1: var(--accent-light-1);
  --border-accent-light-2: var(--accent-light-2);
  --border-accent-light-3: var(--accent-light-3);
  --border-accent-light-4: var(--accent-light-4);
  --border-accent-light-5: var(--accent-light-5);
  --border-accent-light-6: var(--accent-light-6);
  --border-accent-dark-1: var(--accent-dark-1);
  --border-accent-dark-2: var(--accent-dark-2);
  --border-accent-dark-3: var(--accent-dark-3);
  --border-accent-dark-4: var(--accent-dark-4);
  --border-accent-dark-5: var(--accent-dark-5);
  --border-accent-dark-6: var(--accent-dark-6);
  --border-black: var(--black);
  --border-white: var(--white);
  --border-off-white: var(--off-white);
  --border-lightest-grey: var(--lightest-grey);
  --border-light-grey: var(--light-grey);
  --border-mid-grey: var(--mid-grey);
  --border-dark-grey: var(--dark-grey);
  --border-blue: var(--blue);
  --border-teal: var(--teal);
  --border-danger: var(--danger-color);
  --border-success: var(--success-color);
  --border-radius: 0.375rem;
  --border-radius-sm: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 1rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: 2.5rem;
  --border-radius-pill: 50rem;
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--primary-dark-2);
  --border-color-translucent: rgba(0, 0, 0, 0.175);
  --outline-primary: var(--primary-color);
  --outline-light-1: var(--primary-light-1);
  --outline-light-2: var(--primary-light-2);
  --outline-light-3: var(--primary-light-3);
  --outline-light-4: var(--primary-light-4);
  --outline-light-5: var(--primary-light-5);
  --outline-light-6: var(--primary-light-6);
  --outline-dark-1: var(--primary-dark-1);
  --outline-dark-2: var(--primary-dark-2);
  --outline-dark-3: var(--primary-dark-3);
  --outline-dark-4: var(--primary-dark-4);
  --outline-dark-5: var(--primary-dark-5);
  --outline-dark-6: var(--primary-dark-6);
  --outline-accent: var(--accent-color);
  --outline-secondary: var( --accent-dark-1);
  --outline-accent-light-1: var(--accent-light-1);
  --outline-accent-light-2: var(--accent-light-2);
  --outline-accent-light-3: var(--accent-light-3);
  --outline-accent-light-4: var(--accent-light-4);
  --outline-accent-light-5: var(--accent-light-5);
  --outline-accent-light-6: var(--accent-light-6);
  --outline-accent-dark-1: var(--accent-dark-1);
  --outline-accent-dark-2: var(--accent-dark-2);
  --outline-accent-dark-3: var(--accent-dark-3);
  --outline-accent-dark-4: var(--accent-dark-4);
  --outline-accent-dark-5: var(--accent-dark-5);
  --outline-accent-dark-6: var(--accent-dark-6);
  --outline-black: var(--black);
  --outline-white: var(--white);
  --outline-off-white: var(--off-white);
  --outline-lightest-grey: var(--lightest-grey);
  --outline-light-grey: var(--light-grey);
  --outline-mid-grey: var(--mid-grey);
  --outline-dark-grey: var(--dark-grey);
  --outline-blue: var(--blue);
  --outline-teal: var(--teal);
  --outline-danger: var(--danger-color);
  --outline-success: var(--success-color);
  --outline-width: 1px;
  --outline-style: solid;
  --outline-color: var(--primary-dark-2);
  --outline-color-translucent: rgba(0, 0, 0, 0.175);
  --opacity-100: 1;
  --opacity-95: 0.95;
  --opacity-90: 0.9;
  --opacity-80: 0.8;
  --opacity-75: 0.75;
  --opacity-70: 0.7;
  --opacity-60: 0.6;
  --opacity-50: 0.5;
  --opacity-40: 0.4;
  --opacity-30: 0.3;
  --opacity-25: 0.25;
  --opacity-20: 0.2;
  --opacity-10: 0.1;
  --opacity-5: 0.05;
  --opacity-0: 0;
  --skill-bar-light: #bb5ed3;
  --skill-bar-dark: #ac2ecc;
  --skill-bar-green-light: #3ad891;
  --skill-bar-green-mid: #1fab6e;
  --skill-bar-green-dark: #1e8f5c;
  --skill-bar-danger-light: #e84e4e;
  --skill-bar-danger-mid: #b41919;
  --skill-bar-danger-dark: #8e0202;
  --skill-bar-warning-light: #e79148;
  --skill-bar-warning-mid: #bc5620;
  --skill-bar-warning-dark: #894909;
  --font-header: 'lullabyregular', serif;
  --font-primary: 'Roboto', sans-serif;
  --font-primary-light: 'Roboto-Light', 'Roboto-Thin', 'Roboto', sans-serif;
  --font-secondary: 'mulisemibold', sans-serif;
  --font-luna: 'lunaregular', 'serif';
  --font-sans: ui-sans-serif, system-ui, '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', sans-serif;
  --font-serif: ui-serif, 'Georgia', 'Cambria', 'Times New Roman', 'Times', serif;
  --font-mono: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  --font-cursive: 'mademoiselle', 'fantasy', 'cursive', 'serif';
  --font-mademoiselle: var(--font-cursive);
  --font-size-xs: 0.65em;
  --font-size-sm: 0.8em;
  --font-size-base: 1em;
  --font-size-mid: 1.15em;
  --font-size-md: 1.25em;
  --font-size-lg: 1.5em;
  --font-size-xl: 1.75em;
  --font-size-2xl: 2em;
  --font-size-3xl: 2.5em;
  --font-size-4xl: 3em;
  --font-size-5xl: 3.5em;
  --font-size-6xl: 4em;
  --font-size-7xl: 5em;
  --font-size-8xl: 6em;
  --font-size-9xl: 8em;
  --header-size: 3em;
  --header-size-xs: 1.5em;
  --header-size-sm: 2em;
  --header-size-mid: 2.25em;
  --header-size-md: 2.5em;
  --header-size-lg: 3.0em;
  --header-size-xl: 3.5em;
  --header-size-2xl: 4em;
  --header-size-3xl: 5em;
  --header-size-4xl: 6em;
  --header-size-5xl: 7em;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-3: .75rem;
  --line-height-4: 1rem;
  --line-height-5: 1.25rem;
  --line-height-6: 1.5rem;
  --line-height-7: 1.75rem;
  --line-height-8: 2rem;
  --line-height-9: 2.25rem;
  --line-height-10: 2.5rem;
  --line-height-none: 1;
  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;
  --letter-spacing-tighter: -0.05em;
  --letter-spacing-tight: -0.025em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.025em;
  --letter-spacing-wider: 0.05em;
  --letter-spacing-widest: 0.1em;
  --line-color: var(--primary-light-1);
}

.clr {
  clear: both;
}

.column5 {
  width: 20%;
  float: left;
  padding-left: 9px;
  padding-right: 9px;
}

body {
  font-family: var(--font-primary);
  font-size: 12px;
  color: #145e3f;
  font-weight: 300;
  background: #dfdfdf;
  line-height: normal;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-header);
}

b, strong, .strong {
  font-weight: 600;
}

.wrapper-all {
  max-width: 960px;
  margin: 0 auto;
}

/* CONTAINERS */
.container-440 {
    max-width: 440px;
}

.container-490 {
  max-width: 520px;
}

.container-690 {
    max-width: 690px;
}

.container-730 {
  max-width: 760px;
}

.container-745 {
    max-width: 745px;
}

.container-760 {
    max-width: 760px;
}

.container-795 {
  max-width: 825px;
}

.container-560 {
  max-width: 590px;
}

.container-800 {
    max-width: 800px;
}

.container-805 {
    max-width: 805px;
}

.container-835 {
    max-width: 835px;
}

.container {
  max-width: 880px
}

.container.large-large {
  max-width: 910px
}

.container.large {
  max-width: 810px;
}

.container.medium {
  max-width: 735px;
}

.container.small {
  max-width: 590px;
}

.row.space-94 {
  margin-left: -47px;
  margin-right: -47px;
}

.space-94 > .col-lg-1, .space-94 > .col-lg-10, 
.space-94 > .col-lg-11, .space-94 > .col-lg-12, 
.space-94 > .col-lg-2, .space-94 > .col-lg-3, 
.space-94 > .col-lg-4, .space-94 > .col-lg-5, 
.space-94 > .col-lg-6, .space-94 > .col-lg-7, 
.space-94 > .col-lg-8, .space-94 > .col-lg-9, 
.space-94 > .col-md-1, .space-94 > .col-md-10, 
.space-94 > .col-md-11, .space-94 > .col-md-12, 
.space-94 > .col-md-2, .space-94 > .col-md-3, 
.space-94 > .col-md-4, .space-94 > .col-md-5, 
.space-94 > .col-md-6, .space-94 > .col-md-7, 
.space-94 > .col-md-8, .space-94 > .col-md-9, 
.space-94 > .col-sm-1, .space-94 > .col-sm-10, 
.space-94 > .col-sm-11, .space-94 > .col-sm-12, 
.space-94 > .col-sm-2, .space-94 > .col-sm-3, 
.space-94 > .col-sm-4, .space-94 > .col-sm-5, 
.space-94 > .col-sm-6, .space-94 > .col-sm-7, 
.space-94 > .col-sm-8, .space-94 > .col-sm-9, 
.space-94 > .col-xs-1, .space-94 > .col-xs-10, 
.space-94 > .col-xs-11, .space-94 > .col-xs-12, 
.space-94 > .col-xs-2, .space-94 > .col-xs-3, 
.space-94 > .col-xs-4, .space-94 > .col-xs-5, 
.space-94 > .col-xs-6, .space-94 > .col-xs-7, 
.space-94 > .col-xs-8, .space-94 > .col-xs-9 {
  padding-left: 47px;
  padding-right: 47px;
}

#preloader {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  z-index: 99999;
}

#preloader .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  background: url(../img/page-loader.gif) no-repeat center center;
  margin: -32px 0px 0px -32px;
}

.animation {
  visibility: hidden;
}

.animated {
  visibility: visible;
}

a, a:hover, a:focus {
  outline: none;
}

.mar-bottom-0 {
  margin-bottom: 0!important;
}

.mar-bottom-1 {
  margin-bottom: 1px!important;
}

.mar-bottom-2 {
  margin-bottom: 2px!important;
}

.mar-bottom-3 {
  margin-bottom: 3px!important;
}

.mar-bottom-4 {
  margin-bottom: 4px!important;
}

.mar-bottom-5 {
  margin-bottom: 5px!important;
}

.mar-bottom-10 {
  margin-bottom: 10px!important;
}

.mar-bottom-15 {
  margin-bottom: 15px!important;
}

.mar-bottom-20 {
  margin-bottom: 20px!important;
}

.mar-bottom-25 {
  margin-bottom: 25px!important;
}

.mar-bottom-30 {
  margin-bottom: 30px!important;
}

.mar-bottom-35 {
  margin-bottom: 35px!important;
}

.mar-bottom-40 {
  margin-bottom: 40px!important;
}

.mar-bottom-45 {
  margin-bottom: 45px!important;
}

.mar-bottom-50 {
  margin-bottom: 50px!important;
}

.mar-bottom-55 {
  margin-bottom: 55px!important;
}

.mar-bottom-60 {
  margin-bottom: 60px!important;
}

.mar-bottom-65 {
  margin-bottom: 65px!important;
}

.mar-bottom-70 {
  margin-bottom: 70px!important;
}

.mar-bottom-75 {
  margin-bottom: 75px!important;
}

.mar-bottom-80 {
  margin-bottom: 80px!important;
}

.mar-bottom-85 {
  margin-bottom: 85px!important;
}

.mar-bottom-90 {
  margin-bottom: 90px!important;
}

.mar-bottom-95 {
  margin-bottom: 95px!important;
}

.mar-bottom-100 {
  margin-bottom: 100px!important;
}

.mar-bottom-105 {
  margin-bottom: 105px!important;
}

.mar-bottom-110 {
  margin-bottom: 110px!important;
}

.mar-bottom-115 {
  margin-bottom: 115px!important;
}

.mar-bottom-120 {
  margin-bottom: 120px!important;
}

.mar-bottom-125 {
  margin-bottom: 125px!important;
}

.mar-bottom-130 {
  margin-bottom: 130px!important;
}

.mar-bottom-135 {
  margin-bottom: 135px!important;
}

.mar-bottom-140 {
  margin-bottom: 140px!important;
}

.mar-bottom-145 {
  margin-bottom: 145px!important;
}

.mar-bottom-150 {
  margin-bottom: 150px!important;
}

.mar-bottom-200 {
  margin-bottom: 200px!important;
}

.mar-top-0 {
  margin-top: 0!important;
}

.mar-top-1 {
  margin-top: 1px!important;
}

.mar-top-2 {
  margin-top: 2px!important;
}

.mar-top-3 {
  margin-top: 3px!important;
}

.mar-top-4 {
  margin-top: 4px!important;
}

.mar-top-5 {
  margin-top: 5px!important;
}

.mar-top-10 {
  margin-top: 10px!important;
}

.mar-top-15 {
  margin-top: 15px!important;
}

.mar-top-20 {
  margin-top: 20px!important;
}

.mar-top-25 {
  margin-top: 25px!important;
}

.mar-top-30 {
  margin-top: 30px!important;
}

.mar-top-35 {
  margin-top: 35px!important;
}

.mar-top-40 {
  margin-top: 40px!important;
}

.mar-top-45 {
  margin-top: 45px!important;
}

.mar-top-50 {
  margin-top: 50px!important;
}

.mar-top-55 {
  margin-top: 55px!important;
}

.mar-top-60 {
  margin-top: 60px!important;
}

.mar-top-65 {
  margin-top: 65px!important;
}

.mar-top-70 {
  margin-top: 70px!important;
}

.mar-top-75 {
  margin-top: 75px!important;
}

.mar-top-80 {
  margin-top: 80px!important;
}

.mar-top-85 {
  margin-top: 85px!important;
}

.mar-top-90 {
  margin-top: 90px!important;
}

.mar-top-95 {
  margin-top: 95px!important;
}

.mar-top-100 {
  margin-top: 100px!important;
}

.mar-top-105 {
  margin-top: 105px!important;
}

.mar-top-110 {
  margin-top: 110px!important;
}

.mar-top-115 {
  margin-top: 115px!important;
}

.mar-top-120 {
  margin-top: 120px!important;
}

.mar-top-125 {
  margin-top: 125px!important;
}

.mar-top-130 {
  margin-top: 130px!important;
}

.mar-top-135 {
  margin-top: 135px!important;
}

.mar-top-140 {
  margin-top: 140px!important;
}

.mar-top-145 {
  margin-top: 145px!important;
}

.mar-top-150 {
  margin-top: 150px!important;
}

.mar-top-200 {
  margin-top: 200px!important;
}

.mar-left-0 {
  margin-left: 0!important;
}

.mar-left-1 {
  margin-left: 1px!important;
}

.mar-left-2 {
  margin-left: 2px!important;
}

.mar-left-3 {
  margin-left: 3px!important;
}

.mar-left-4 {
  margin-left: 4px!important;
}

.mar-left-5 {
  margin-left: 5px!important;
}

.mar-left-10 {
  margin-left: 10px!important;
}

.mar-left-15 {
  margin-left: 15px!important;
}

.mar-left-20 {
  margin-left: 20px!important;
}

.mar-left-25 {
  margin-left: 25px!important;
}

.mar-left-30 {
  margin-left: 30px!important;
}

.mar-left-35 {
  margin-left: 35px!important;
}

.mar-left-40 {
  margin-left: 40px!important;
}

.mar-left-45 {
  margin-left: 45px!important;
}

.mar-left-50 {
  margin-left: 50px!important;
}

.mar-left-55 {
  margin-left: 55px!important;
}

.mar-left-60 {
  margin-left: 60px!important;
}

.mar-left-65 {
  margin-left: 65px!important;
}

.mar-left-70 {
  margin-left: 70px!important;
}

.mar-left-75 {
  margin-left: 75px!important;
}

.mar-left-80 {
  margin-left: 80px!important;
}

.mar-left-85 {
  margin-left: 85px!important;
}

.mar-left-90 {
  margin-left: 90px!important;
}

.mar-left-95 {
  margin-left: 95px!important;
}

.mar-left-100 {
  margin-left: 100px!important;
}

.mar-left-105 {
  margin-left: 105px!important;
}

.mar-left-110 {
  margin-left: 110px!important;
}

.mar-left-115 {
  margin-left: 115px!important;
}

.mar-left-120 {
  margin-left: 120px!important;
}

.mar-left-125 {
  margin-left: 125px!important;
}

.mar-left-130 {
  margin-left: 130px!important;
}

.mar-left-135 {
  margin-left: 135px!important;
}

.mar-left-140 {
  margin-left: 140px!important;
}

.mar-left-145 {
  margin-left: 145px!important;
}

.mar-left-150 {
  margin-left: 150px!important;
}

.mar-left-200 {
  margin-left: 200px!important;
}

.mar-right-0 {
  margin-right: 0!important;
}

.mar-right-1 {
  margin-right: 1px!important;
}

.mar-right-2 {
  margin-right: 2px!important;
}

.mar-right-3 {
  margin-right: 3px!important;
}

.mar-right-4 {
  margin-right: 4px!important;
}

.mar-right-5 {
  margin-right: 5px!important;
}

.mar-right-10 {
  margin-right: 10px!important;
}

.mar-right-15 {
  margin-right: 15px!important;
}

.mar-right-20 {
  margin-right: 20px!important;
}

.mar-right-25 {
  margin-right: 25px!important;
}

.mar-right-30 {
  margin-right: 30px!important;
}

.mar-right-35 {
  margin-right: 35px!important;
}

.mar-right-40 {
  margin-right: 40px!important;
}

.mar-right-45 {
  margin-right: 45px!important;
}

.mar-right-50 {
  margin-right: 50px!important;
}

.mar-right-55 {
  margin-right: 55px!important;
}

.mar-right-60 {
  margin-right: 60px!important;
}

.mar-right-65 {
  margin-right: 65px!important;
}

.mar-right-70 {
  margin-right: 70px!important;
}

.mar-right-75 {
  margin-right: 75px!important;
}

.mar-right-80 {
  margin-right: 80px!important;
}

.mar-right-85 {
  margin-right: 85px!important;
}

.mar-right-90 {
  margin-right: 90px!important;
}

.mar-right-95 {
  margin-right: 95px!important;
}

.mar-right-100 {
  margin-right: 100px!important;
}

.mar-right-105 {
  margin-right: 105px!important;
}

.mar-right-110 {
  margin-right: 110px!important;
}

.mar-right-115 {
  margin-right: 115px!important;
}

.mar-right-120 {
  margin-right: 120px!important;
}

.mar-right-125 {
  margin-right: 125px!important;
}

.mar-right-130 {
  margin-right: 130px!important;
}

.mar-right-135 {
  margin-right: 135px!important;
}

.mar-right-140 {
  margin-right: 140px!important;
}

.mar-right-145 {
  margin-right: 145px!important;
}

.mar-right-150 {
  margin-right: 150px!important;
}

.mar-right-200 {
  margin-right: 200px!important;
}

.mar-top-auto {
  margin-top: auto!important;
}

.mar-bottom-auto {
  margin-bottom: auto!important;
}

.mar-left-auto {
  margin-left: auto!important;
}

.mar-right-auto {
  margin-right: auto!important;
}

.mar-auto {
  margin: auto!important;
}

.mar-0 {
  margin: 0!important;
}

.mar-1 {
  margin: 1px!important;
}

.mar-2 {
  margin: 2px!important;
}

.mar-3 {
  margin: 3px!important;
}

.mar-4 {
  margin: 4px!important;
}

.mar-5 {
  margin: 5px!important;
}

.mar-10 {
  margin: 10px!important;
}

.mar-15 {
  margin: 15px!important;
}

.mar-20 {
  margin: 20px!important;
}

.mar-25 {
  margin: 25px!important;
}

.mar-30 {
  margin: 30px!important;
}

.mar-35 {
  margin: 35px!important;
}

.mar-40 {
  margin: 40px!important;
}

.mar-45 {
  margin: 45px!important;
}

.mar-50 {
  margin: 50px!important;
}

.mar-55 {
  margin: 55px!important;
}

.mar-60 {
  margin: 60px!important;
}

.mar-65 {
  margin: 65px!important;
}

.mar-70 {
  margin: 70px!important;
}

.mar-75 {
  margin: 75px!important;
}

.mar-80 {
  margin: 80px!important;
}

.mar-85 {
  margin: 85px!important;
}

.mar-90 {
  margin: 90px!important;
}

.mar-95 {
  margin: 95px!important;
}

.mar-100 {
  margin: 100px!important;
}

.mar-y-0 {
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.mar-y-1 {
  margin-top: 1px!important;
  margin-bottom: 1px!important;
}

.mar-y-2 {
  margin-top: 2px!important;
  margin-bottom: 2px!important;
}

.mar-y-3 {
  margin-top: 3px!important;
  margin-bottom: 3px!important;
}

.mar-y-4 {
  margin-top: 4px!important;
  margin-bottom: 4px!important;
}

.mar-y-5 {
  margin-top: 5px!important;
  margin-bottom: 5px!important;
}

.mar-y-10 {
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}

.mar-y-15 {
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}

.mar-y-20 {
  margin-top: 20px!important;
  margin-bottom: 20px!important;
}

.mar-y-25 {
  margin-top: 25px!important;
  margin-bottom: 25px!important;
}

.mar-y-30 {
  margin-top: 30px!important;
  margin-bottom: 30px!important;
}

.mar-y-35 {
  margin-top: 35px!important;
  margin-bottom: 35px!important;
}

.mar-y-40 {
  margin-top: 40px!important;
  margin-bottom: 40px!important;
}

.mar-y-45 {
  margin-top: 45px!important;
  margin-bottom: 45px!important;
}

.mar-y-50 {
  margin-top: 50px!important;
  margin-bottom: 50px!important;
}

.mar-y-75 {
  margin-top: 75px!important;
  margin-bottom: 75px!important;
}

.mar-y-100 {
  margin-top: 100px!important;
  margin-bottom: 100px!important;
}

.mar-y-auto {
  margin-top: auto!important;
  margin-bottom: auto!important;
}

.mar-x-0 {
  margin-right: 0!important;
  margin-left: 0!important;
}

.mar-x-1 {
  margin-right: 1px!important;
  margin-left: 1px!important;
}

.mar-x-2 {
  margin-right: 2px!important;
  margin-left: 2px!important;
}

.mar-x-3 {
  margin-right: 3px!important;
  margin-left: 3px!important;
}

.mar-x-4 {
  margin-right: 4px!important;
  margin-left: 4px!important;
}

.mar-x-5 {
  margin-right: 5px!important;
  margin-left: 5px!important;
}

.mar-x-10 {
  margin-right: 10px!important;
  margin-left: 10px!important;
}

.mar-x-15 {
  margin-right: 15px!important;
  margin-left: 15px!important;
}

.mar-x-20 {
  margin-right: 20px!important;
  margin-left: 20px!important;
}

.mar-x-25 {
  margin-right: 25px!important;
  margin-left: 25px!important;
}

.mar-x-30 {
  margin-right: 30px!important;
  margin-left: 30px!important;
}

.mar-x-35 {
  margin-right: 35px!important;
  margin-left: 35px!important;
}

.mar-x-40 {
  margin-right: 40px!important;
  margin-left: 40px!important;
}

.mar-x-45 {
  margin-right: 45px!important;
  margin-left: 45px!important;
}

.mar-x-50 {
  margin-right: 50px!important;
  margin-left: 50px!important;
}

.mar-x-75 {
  margin-right: 75px!important;
  margin-left: 75px!important;
}

.mar-x-100 {
  margin-right: 100px!important;
  margin-left: 100px!important;
}

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

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

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

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

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

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

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

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

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

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

.pad-25 {
  padding: 25px!important;
}

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

.pad-35 {
  padding: 35px!important;
}

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

.pad-45 {
  padding: 45px!important;
}

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

.pad-55 {
  padding: 55px!important;
}

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

.pad-65 {
  padding: 65px!important;
}

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

.pad-75 {
  padding: 75px!important;
}

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

.pad-85 {
  padding: 85px!important;
}

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

.pad-95 {
  padding: 95px!important;
}

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

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

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

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

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

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

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

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

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

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

.pad-top-25 {
  padding-top: 25px!important;
}

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

.pad-top-35 {
  padding-top: 35px!important;
}

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

.pad-top-45 {
  padding-top: 45px!important;
}

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

.pad-top-55 {
  padding-top: 55px!important;
}

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

.pad-top-65 {
  padding-top: 65px!important;
}

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

.pad-top-75 {
  padding-top: 75px!important;
}

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

.pad-top-85 {
  padding-top: 85px!important;
}

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

.pad-top-95 {
  padding-top: 95px!important;
}

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

.pad-top-105 {
  padding-top: 105px!important;
}

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

.pad-top-115 {
  padding-top: 115px!important;
}

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

.pad-top-125 {
  padding-top: 125px!important;
}

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

.pad-top-135 {
  padding-top: 135px!important;
}

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

.pad-top-145 {
  padding-top: 145px!important;
}

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

.pad-top-155 {
  padding-top: 155px!important;
}

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

.pad-top-165 {
  padding-top: 165px!important;
}

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

.pad-top-175 {
  padding-top: 175px!important;
}

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

.pad-top-185 {
  padding-top: 185px!important;
}

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

.pad-top-195 {
  padding-top: 195px!important;
}

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

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

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

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

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

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

.pad-bottom-5 {
  padding-bottom: 5px!important;
}

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

.pad-bottom-15 {
  padding-bottom: 15px!important;
}

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

.pad-bottom-25 {
  padding-bottom: 25px!important;
}

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

.pad-bottom-35 {
  padding-bottom: 35px!important;
}

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

.pad-bottom-45 {
  padding-bottom: 45px!important;
}

.pad-bottom-50 {
  padding-bottom: 50px!important;
}

.pad-bottom-55 {
  padding-bottom: 55px!important;
}

.pad-bottom-60 {
  padding-bottom: 60px!important;
}

.pad-bottom-65 {
  padding-bottom: 65px!important;
}

.pad-bottom-70 {
  padding-bottom: 70px!important;
}

.pad-bottom-75 {
  padding-bottom: 75px!important;
}

.pad-bottom-80 {
  padding-bottom: 80px!important;
}

.pad-bottom-85 {
  padding-bottom: 85px!important;
}

.pad-bottom-90 {
  padding-bottom: 90px!important;
}

.pad-bottom-95 {
  padding-bottom: 95px!important;
}

.pad-bottom-100 {
  padding-bottom: 100px!important;
}

.pad-bottom-105 {
  padding-bottom: 105px!important;
}

.pad-bottom-110 {
  padding-bottom: 110px!important;
}

.pad-bottom-115 {
  padding-bottom: 115px!important;
}

.pad-bottom-120 {
  padding-bottom: 120px!important;
}

.pad-bottom-125 {
  padding-bottom: 125px!important;
}

.pad-bottom-130 {
  padding-bottom: 130px!important;
}

.pad-bottom-135 {
  padding-bottom: 135px!important;
}

.pad-bottom-140 {
  padding-bottom: 140px!important;
}

.pad-bottom-145 {
  padding-bottom: 145px!important;
}

.pad-bottom-150 {
  padding-bottom: 150px!important;
}

.pad-bottom-155 {
  padding-bottom: 155px!important;
}

.pad-bottom-160 {
  padding-bottom: 160px!important;
}

.pad-bottom-165 {
  padding-bottom: 165px!important;
}

.pad-bottom-170 {
  padding-bottom: 170px!important;
}

.pad-bottom-175 {
  padding-bottom: 175px!important;
}

.pad-bottom-180 {
  padding-bottom: 180px!important;
}

.pad-bottom-185 {
  padding-bottom: 185px!important;
}

.pad-bottom-190 {
  padding-bottom: 190px!important;
}

.pad-bottom-195 {
  padding-bottom: 195px!important;
}

.pad-bottom-200 {
  padding-bottom: 200px!important;
}

.pad-left-0 {
  padding-left: 0!important;
}

.pad-left-1 {
  padding-left: 1px!important;
}

.pad-left-2 {
  padding-left: 2px!important;
}

.pad-left-3 {
  padding-left: 3px!important;
}

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

.pad-left-5 {
  padding-left: 5px!important;
}

.pad-left-10 {
  padding-left: 10px!important;
}

.pad-left-15 {
  padding-left: 15px!important;
}

.pad-left-20 {
  padding-left: 20px!important;
}

.pad-left-25 {
  padding-left: 25px!important;
}

.pad-left-30 {
  padding-left: 30px!important;
}

.pad-left-35 {
  padding-left: 35px!important;
}

.pad-left-40 {
  padding-left: 40px!important;
}

.pad-left-45 {
  padding-left: 45px!important;
}

.pad-left-50 {
  padding-left: 50px!important;
}

.pad-left-55 {
  padding-left: 55px!important;
}

.pad-left-60 {
  padding-left: 60px!important;
}

.pad-left-65 {
  padding-left: 65px!important;
}

.pad-left-70 {
  padding-left: 70px!important;
}

.pad-left-75 {
  padding-left: 75px!important;
}

.pad-left-80 {
  padding-left: 80px!important;
}

.pad-left-85 {
  padding-left: 85px!important;
}

.pad-left-90 {
  padding-left: 90px!important;
}

.pad-left-95 {
  padding-left: 95px!important;
}

.pad-left-100 {
  padding-left: 100px!important;
}

.pad-left-105 {
  padding-left: 105px!important;
}

.pad-left-110 {
  padding-left: 110px!important;
}

.pad-left-115 {
  padding-left: 115px!important;
}

.pad-left-120 {
  padding-left: 120px!important;
}

.pad-left-125 {
  padding-left: 125px!important;
}

.pad-left-130 {
  padding-left: 130px!important;
}

.pad-left-135 {
  padding-left: 135px!important;
}

.pad-left-140 {
  padding-left: 140px!important;
}

.pad-left-145 {
  padding-left: 145px!important;
}

.pad-left-150 {
  padding-left: 150px!important;
}

.pad-left-200 {
  padding-left: 200px!important;
}

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

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

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

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

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

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

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

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

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

.pad-right-25 {
  padding-right: 25px!important;
}

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

.pad-right-35 {
  padding-right: 35px!important;
}

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

.pad-right-45 {
  padding-right: 45px!important;
}

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

.pad-right-55 {
  padding-right: 55px!important;
}

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

.pad-right-65 {
  padding-right: 65px!important;
}

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

.pad-right-75 {
  padding-right: 75px!important;
}

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

.pad-right-85 {
  padding-right: 85px!important;
}

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

.pad-right-95 {
  padding-right: 95px!important;
}

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

.pad-right-105 {
  padding-right: 105px!important;
}

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

.pad-right-115 {
  padding-right: 115px!important;
}

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

.pad-right-125 {
  padding-right: 125px!important;
}

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

.pad-right-135 {
  padding-right: 135px!important;
}

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

.pad-right-145 {
  padding-right: 145px!important;
}

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

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

.pad-top-auto {
  padding-top: auto!important;
}

.pad-bottom-auto {
  padding-bottom: auto!important;
}

.pad-left-auto {
  padding-left: auto!important;
}

.pad-right-auto {
  padding-right: auto!important;
}

.pad-auto {
  margin: auto!important;
}

.pad-y-0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.pad-y-1 {
  padding-top: 1px!important;
  padding-bottom: 1px!important;
}

.pad-y-2 {
  padding-top: 2px!important;
  padding-bottom: 2px!important;
}

.pad-y-3 {
  padding-top: 3px!important;
  padding-bottom: 3px!important;
}

.pad-y-4 {
  padding-top: 4px!important;
  padding-bottom: 4px!important;
}

.pad-y-5 {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

.pad-y-10 {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}

.pad-y-15 {
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.pad-y-20 {
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}

.pad-y-25 {
  padding-top: 25px!important;
  padding-bottom: 25px!important;
}

.pad-y-30 {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}

.pad-y-35 {
  padding-top: 35px!important;
  padding-bottom: 35px!important;
}

.pad-y-40 {
  padding-top: 40px!important;
  padding-bottom: 40px!important;
}

.pad-y-45 {
  padding-top: 45px!important;
  padding-bottom: 45px!important;
}

.pad-y-50 {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}

.pad-x-0 {
  padding-right: 0!important;
  padding-left: 0!important;
}

.pad-x-1 {
  padding-right: 1px!important;
  padding-left: 1px!important;
}

.pad-x-2 {
  padding-right: 2px!important;
  padding-left: 2px!important;
}

.pad-x-3 {
  padding-right: 3px!important;
  padding-left: 3px!important;
}

.pad-x-4 {
  padding-right: 4px!important;
  padding-left: 4px!important;
}

.pad-x-5 {
  padding-right: 5px!important;
  padding-left: 5px!important;
}

.pad-x-10 {
  padding-right: 10px!important;
  padding-left: 10px!important;
}

.pad-x-15 {
  padding-right: 15px!important;
  padding-left: 15px!important;
}

.pad-x-20 {
  padding-right: 20px!important;
  padding-left: 20px!important;
}

.pad-x-25 {
  padding-right: 25px!important;
  padding-left: 25px!important;
}

.pad-x-30 {
  padding-right: 30px!important;
  padding-left: 30px!important;
}

.pad-x-35 {
  padding-right: 35px!important;
  padding-left: 35px!important;
}

.pad-x-40 {
  padding-right: 40px!important;
  padding-left: 40px!important;
}

.pad-x-45 {
  padding-right: 45px!important;
  padding-left: 45px!important;
}

.pad-x-50 {
  padding-right: 50px!important;
  padding-left: 50px!important;
}

.row.no-space {
  margin-left: 0;
  margin-right: 0;
}

.no-space > .col-lg-1, .no-space > .col-lg-10, .no-space > .col-lg-11, .no-space > .col-lg-12, .no-space > .col-lg-2, .no-space > .col-lg-3, .no-space > .col-lg-4, .no-space > .col-lg-5, .no-space > .col-lg-6, .no-space > .col-lg-7, .no-space > .col-lg-8, .no-space > .col-lg-9, .no-space > .col-md-1, .no-space > .col-md-10, .no-space > .col-md-11, .no-space > .col-md-12, .no-space > .col-md-2, .no-space > .col-md-3, .no-space > .col-md-4, .no-space > .col-md-5, .no-space > .col-md-6, .no-space > .col-md-7, .no-space > .col-md-8, .no-space > .col-md-9, .no-space > .col-sm-1, .no-space > .col-sm-10, .no-space > .col-sm-11, .no-space > .col-sm-12, .no-space > .col-sm-2, .no-space > .col-sm-3, .no-space > .col-sm-4, .no-space > .col-sm-5, .no-space > .col-sm-6, .no-space > .col-sm-7, .no-space > .col-sm-8, .no-space > .col-sm-9, .no-space > .col-xs-1, .no-space > .col-xs-10, .no-space > .col-xs-11, .no-space > .col-xs-12, .no-space > .col-xs-2, .no-space > .col-xs-3, .no-space > .col-xs-4, .no-space > .col-xs-5, .no-space > .col-xs-6, .no-space > .col-xs-7, .no-space > .col-xs-8, .no-space > .col-xs-9 {
  padding-left: 0;
  padding-right: 0;
}

.row.large-space {
  margin-left: -25px;
  margin-right: -25px;
}

.large-space > .col-lg-1, .large-space > .col-lg-10, .large-space > .col-lg-11, .large-space > .col-lg-12, .large-space > .col-lg-2, .large-space > .col-lg-3, .large-space > .col-lg-4, .large-space > .col-lg-5, .large-space > .col-lg-6, .large-space > .col-lg-7, .large-space > .col-lg-8, .large-space > .col-lg-9, .large-space > .col-md-1, .large-space > .col-md-10, .large-space > .col-md-11, .large-space > .col-md-12, .large-space > .col-md-2, .large-space > .col-md-3, .large-space > .col-md-4, .large-space > .col-md-5, .large-space > .col-md-6, .large-space > .col-md-7, .large-space > .col-md-8, .large-space > .col-md-9, .large-space > .col-sm-1, .large-space > .col-sm-10, .large-space > .col-sm-11, .large-space > .col-sm-12, .large-space > .col-sm-2, .large-space > .col-sm-3, .large-space > .col-sm-4, .large-space > .col-sm-5, .large-space > .col-sm-6, .large-space > .col-sm-7, .large-space > .col-sm-8, .large-space > .col-sm-9, .large-space > .col-xs-1, .large-space > .col-xs-10, .large-space > .col-xs-11, .large-space > .col-xs-12, .large-space > .col-xs-2, .large-space > .col-xs-3, .large-space > .col-xs-4, .large-space > .col-xs-5, .large-space > .col-xs-6, .large-space > .col-xs-7, .large-space > .col-xs-8, .large-space > .col-xs-9 {
  padding-left: 25px;
  padding-right: 25px;
}

.row.medium-space {
  margin-left: -10px;
  margin-right: -10px;
}

.medium-space > .col-lg-1, .medium-space > .col-lg-10, .medium-space > .col-lg-11, .medium-space > .col-lg-12, .medium-space > .col-lg-2, .medium-space > .col-lg-3, .medium-space > .col-lg-4, .medium-space > .col-lg-5, .medium-space > .col-lg-6, .medium-space > .col-lg-7, .medium-space > .col-lg-8, .medium-space > .col-lg-9, .medium-space > .col-md-1, .medium-space > .col-md-10, .medium-space > .col-md-11, .medium-space > .col-md-12, .medium-space > .col-md-2, .medium-space > .col-md-3, .medium-space > .col-md-4, .medium-space > .col-md-5, .medium-space > .col-md-6, .medium-space > .col-md-7, .medium-space > .col-md-8, .medium-space > .col-md-9, .medium-space > .col-sm-1, .medium-space > .col-sm-10, .medium-space > .col-sm-11, .medium-space > .col-sm-12, .medium-space > .col-sm-2, .medium-space > .col-sm-3, .medium-space > .col-sm-4, .medium-space > .col-sm-5, .medium-space > .col-sm-6, .medium-space > .col-sm-7, .medium-space > .col-sm-8, .medium-space > .col-sm-9, .medium-space > .col-xs-1, .medium-space > .col-xs-10, .medium-space > .col-xs-11, .medium-space > .col-xs-12, .medium-space > .col-xs-2, .medium-space > .col-xs-3, .medium-space > .col-xs-4, .medium-space > .col-xs-5, .medium-space > .col-xs-6, .medium-space > .col-xs-7, .medium-space > .col-xs-8, .medium-space > .col-xs-9 {
  padding-left: 10px;
  padding-right: 10px;
}

.row.small-space {
  margin-left: -8px;
  margin-right: -8px;
}

.small-space > .col-lg-1, .small-space > .col-lg-10, .small-space > .col-lg-11, .small-space > .col-lg-12, .small-space > .col-lg-2, .small-space > .col-lg-3, .small-space > .col-lg-4, .small-space > .col-lg-5, .small-space > .col-lg-6, .small-space > .col-lg-7, .small-space > .col-lg-8, .small-space > .col-lg-9, .small-space > .col-md-1, .small-space > .col-md-10, .small-space > .col-md-11, .small-space > .col-md-12, .small-space > .col-md-2, .small-space > .col-md-3, .small-space > .col-md-4, .small-space > .col-md-5, .small-space > .col-md-6, .small-space > .col-md-7, .small-space > .col-md-8, .small-space > .col-md-9, .small-space > .col-sm-1, .small-space > .col-sm-10, .small-space > .col-sm-11, .small-space > .col-sm-12, .small-space > .col-sm-2, .small-space > .col-sm-3, .small-space > .col-sm-4, .small-space > .col-sm-5, .small-space > .col-sm-6, .small-space > .col-sm-7, .small-space > .col-sm-8, .small-space > .col-sm-9, .small-space > .col-xs-1, .small-space > .col-xs-10, .small-space > .col-xs-11, .small-space > .col-xs-12, .small-space > .col-xs-2, .small-space > .col-xs-3, .small-space > .col-xs-4, .small-space > .col-xs-5, .small-space > .col-xs-6, .small-space > .col-xs-7, .small-space > .col-xs-8, .small-space > .col-xs-9 {
  padding-left: 8px;
  padding-right: 8px;
}

/*============================= LINKS ================================*/

a {
  color: #6e4293;
}

a:focus, a:hover {
  color: #03010a;
  text-decoration: none;
}

/*============================= TABLES ================================*/

.table-bordered {
  border: 1px solid #583898;
}

/*============================= BUTTONS ================================*/

.btn {
  padding: 5px 25px;
  border-radius: 5px;
  font-size: 13px;
  line-height: normal;
  font-weight: normal;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  border: 1px solid var(--primary-color);
  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  -o-text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  font-family: var(--font-luna);
}

.btn.small {
    font-size: 9px;
    padding: 5px 15px;
    line-height: 14px;
}

.btn-normal {
    font-family: var(--font-primary);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 45px;
    min-width: 200px;
}

.btn.small {
    font-size: 9px;
    line-height: 14px;
    padding: 5px 15px;
}

.btn-small-xs {
    font-size: 10px;
    padding: 5px 8px 2px;
    min-width: 120px;
}

.btn-grey {
  --gradient: var(--mid-grey), var(--light-grey);
  background: var(--mid-grey); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--gradient));
  background: -o-linear-gradient(var(--gradient));
  background: -moz-linear-gradient(var(--gradient));
  background: linear-gradient(var(--gradient));
  color: var(--text-white);
  border-color: var(--mid-grey);
}

.btn8.btn-primary8.btn-lg8 {
  background-color: transparent;
  border: medium none transparent;
  left: 32px;
  position: absolute;
  top: 8px;
}

.btn-primary {
  background-color: var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--primary-dark-1);
  border-color: var(--blue-purple);
}

.btnbb {
  padding: 5px 25px;
  border-radius: 5px;
  font-size: 13px;
  font-family: var(--font-luna);
  line-height: normal;
  font-weight: normal;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
  border: 1px solid var(--accent-color);
  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
  -o-text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
}

.btn-accent:hover, .btn-accent:focus, .btn-accent {
  --gradient: var(--button-accent), var(--accent-color);
  background: var(--button-accent); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--gradient));
  background: -o-linear-gradient(var(--gradient));
  background: -moz-linear-gradient(var(--gradient));
  background: linear-gradient(var(--gradient));
  border: 1px solid var(--accent-dark-1);
  color: var(--white);
  font-family: var(--font-luna);
}

.btn-blue, .btn-blue:hover, .btn-blue:focus {
  --gradient: var(--primary-color), var(--primary-light-1);
  background: var(--primary-color); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--gradient));
  background: -o-linear-gradient(var(--gradient));
  background: -moz-linear-gradient(var(--gradient));
  background: linear-gradient(var(--gradient));
  color: var(--text-white);
  border-color: transparent;
}

.text-center_play_show {
  display: none;
}

.full-image {
  width: 100%;
}

/* POSITION HELPERS */
.pin-top-left, .pin-top-start {
  position: absolute;
  top: 0;
  left: 0;
}

.pin-top-right, .pin-top-end {
  position: absolute;
  top: 0;
  right: 0;
}

.pin-left, .pin-start {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}

.pin-right, .pin-end {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}

.pin-bottom-left, .pin-bottom-start {
  position: absolute;
  bottom: 0;
  left: 0;
}

.pin-bottom-right, .pin-bottom-end {
  position: absolute;
  bottom: 0;
  right: 0;
}

.fixed-top-left, .fixed-top-start {
  position: fixed;
  top: 0;
  left: 0;
}

.fixed-top-right, .fixed-top-end {
  position: fixed;
  top: 0;
  right: 0;
}

.fixed-left, .fixed-start {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
}

.fixed-right, .fixed-end {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
}

.fixed-bottom-left, .fixed-bottom-start {
  position: fixed;
  bottom: 0;
  left: 0;
}

.fixed-bottom-right, .fixed-bottom-end {
  position: fixed;
  bottom: 0;
  right: 0;
}

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

.top-10 {
  top: 10% !important;
}

.top-15 {
  top: 15% !important;
}

.top-25 {
  top: 25% !important;
}

.top-35 {
  top: 35% !important;
}

.top-50 {
  top: 50% !important;
}

.top-60 {
  top: 60% !important;
}

.top-75 {
  top: 75% !important;
}

.top-100 {
  top: 100% !important;
}

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

.bottom-10 {
  bottom: 10% !important;
}

.bottom-15 {
  bottom: 15% !important;
}

.bottom-25 {
  bottom: 25% !important;
}

.bottom-35 {
  bottom: 35% !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-60 {
  bottom: 60% !important;
}

.bottom-75 {
  bottom: 75% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-10 {
  left: 10% !important;
}

.start-15 {
  left: 15% !important;
}

.start-25 {
  left: 25% !important;
}

.start-35 {
  left: 35% !important;
}

.start-50 {
  left: 50% !important;
}

.start-60 {
  left: 60% !important;
}

.start-75 {
  left: 75% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-10 {
  right: 10% !important;
}

.end-15 {
  right: 15% !important;
}

.end-25 {
  right: 25% !important;
}

.end-35 {
  right: 35% !important;
}

.end-50 {
  right: 50% !important;
}

.end-60 {
  right: 60% !important;
}

.end-75 {
  right: 75% !important;
}

.end-100 {
  right: 100% !important;
}

/* TRANSFORM HELPERS */

.transform-flip-x, .flip-x {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.transform-flip-y, .flip-y {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.transform-flip, .flip {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

/* TRANSLATE HELPERS */
.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

/* BORDER RADIUS HELPERS */
.rounded {
  border-radius: var(--border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--border-radius) !important;
}

.rounded-3 {
  border-radius: var(--border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--border-radius-xxl) !important;
}
  
.rounded-pill {
  border-radius: var(--border-radius-pill) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--border-radius-sm) !important;
  border-top-right-radius: var(--border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--border-radius-lg) !important;
  border-top-right-radius: var(--border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--border-radius-xl) !important;
  border-top-right-radius: var(--border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--border-radius-xxl) !important;
  border-top-right-radius: var(--border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--border-radius-pill) !important;
  border-top-right-radius: var(--border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--border-radius-sm) !important;
  border-bottom-right-radius: var(--border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--border-radius-lg) !important;
  border-bottom-right-radius: var(--border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--border-radius-xl) !important;
  border-bottom-right-radius: var(--border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--border-radius-xxl) !important;
  border-bottom-right-radius: var(--border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--border-radius-pill) !important;
  border-bottom-right-radius: var(--border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--border-radius-sm) !important;
  border-bottom-left-radius: var(--border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--border-radius-lg) !important;
  border-bottom-left-radius: var(--border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--border-radius-xl) !important;
  border-bottom-left-radius: var(--border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--border-radius-xxl) !important;
  border-bottom-left-radius: var(--border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--border-radius-pill) !important;
  border-bottom-left-radius: var(--border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--border-radius) !important;
  border-top-left-radius: var(--border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--border-radius-sm) !important;
  border-top-left-radius: var(--border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--border-radius) !important;
  border-top-left-radius: var(--border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--border-radius-lg) !important;
  border-top-left-radius: var(--border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--border-radius-xl) !important;
  border-top-left-radius: var(--border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--border-radius-xxl) !important;
  border-top-left-radius: var(--border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--border-radius-pill) !important;
  border-top-left-radius: var(--border-radius-pill) !important;
}

/* BORDER HELPERS */
.border {
  border: var(--border-width) var(--border-style) var(--border-color) !important;
}

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

.border-top {
  border-top: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

/* BORDER STYLE HELPERS */

.border-dot, .border-dotted {
  border-style: dotted;
}

.border-dash, .border-dashed {
  border-style: dashed;
}

.border-solid {
  border-style: solid;
}

.border-double {
  border-style: double;
}

.border-groove {
  border-style: groove;
}

.border-ridge {
  border-style: ridge;
}

.border-inset {
  border-style: inset;
}

.border-outset {
  border-style: outset;
}

/* BORDER WIDTH HELPERS */

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-6 {
  border-width: 6px !important;
}

.border-7 {
  border-width: 7px !important;
}

.border-8 {
  border-width: 8px !important;
}

.border-9 {
  border-width: 9px !important;
}

.border-10 {
  border-width: 10px !important;
}

.border-15 {
  border-width: 10px !important;
}

.border-20 {
  border-width: 20px !important;
}

/* BORDER COLOR HELPERS */
.border-black {
  border-color: var(--border-black) !important;
}

.border-white {
  border-color: var(--border-white) !important;
}

.border-lightest-grey {
  border-color: var(--border-lightest-grey) !important;
}

.border-lighter-grey {
  border-color: var(--border-lighter-grey) !important;
}

.border-light-grey {
  border-color: var(--border-light-grey) !important;
}

.border-mid-grey {
  border-color: var(--border-mid-grey) !important;
}

.border-grey {
  border-color: var(--border-grey) !important;
}

.border-darker-grey {
  border-color: var(--border-darker-grey) !important;
}

.border-darkest-grey {
  border-color: var(--border-darkest-grey) !important;
}

.border-off-white {
  border-color: var(--border-off-white) !important;
}

.border-primary {
  border-color: var(--border-primary) !important;
}

.border-accent {
  border-color: var(--border-accent) !important;
}

.border-primary-light-5, .border-light-5 {
  border-color: var(--border-light-5) !important;
}

.border-primary-light-4, .border-light-4 {
  border-color: var(--border-light-4) !important;
}

.border-primary-light-3, .border-light-3 {
  border-color: var(--border-light-3) !important;
}

.border-primary-light-2, .border-light-2 {
  border-color: var(--border-light-2) !important;
}

.border-primary-light-1, .border-light-1 {
  border-color: var(--border-light-1) !important;
}

.border-primary-dark-1, .border-dark-1 {
  border-color: var(--border-dark-1) !important;
}

.border-primary-dark-2, .border-dark-2 {
  border-color: var(--border-dark-2) !important;
}

.border-primary-dark-3, .border-dark-3 {
  border-color: var(--border-dark-3) !important;
}

.border-primary-dark-4, .border-dark-4 {
  border-color: var(--border-dark-4) !important;
}

.border-primary-dark-5, .border-dark-5 {
  border-color: var(--border-dark-5) !important;
}

.border-accent-light-5 {
  border-color: var(--border-accent-light-5) !important;
}

.border-accent-light-4 {
  border-color: var(--border-accent-light-4) !important;
}

.border-accent-light-3 {
  border-color: var(--border-accent-light-3) !important;
}

.border-accent-light-2 {
  border-color: var(--border-accent-light-2) !important;
}

.border-accent-light-1 {
  border-color: var(--border-accent-light-1) !important;
}

.border-accent-dark-1 {
  border-color: var(--border-accent-dark-1) !important;
}

.border-accent-dark-2 {
  border-color: var(--border-accent-dark-2) !important;
}

.border-accent-dark-3 {
  border-color: var(--border-accent-dark-3) !important;
}

.border-accent-dark-4 {
  border-color: var(--border-accent-dark-4) !important;
}

.border-accent-dark-5 {
  border-color: var(--border-accent-dark-5) !important;
}

.border-danger {
  border-color: var(--border-danger) !important;
}

.border-success {
  border-color: var(--border-success) !important;
}

.border-translucent {
  border-color: var(--border-translucent) !important;
}

.border-teal {
  border-color: var(--border-teal) !important;
}

.border-blue {
  border-color: var(--border-blue) !important;
}

/* BACKGROUND HELPERS */
.bg-danger-100 {
  background-color: rgba(var(--danger-rgb-color), var(--opacity-100)) !important;
}

.bg-success-100 {
  background-color: rgba(var(--success-rgb-color), var(--opacity-100)) !important;
}

.bg-danger-50 {
  background-color: rgba(var(--danger-rgb-color), var(--opacity-50)) !important;
}

.bg-success-50 {
  background-color: rgba(var(--success-rgb-color), var(--opacity-50)) !important;
}

.bg-danger-25 {
  background-color: rgba(var(--danger-rgb-color), var(--opacity-25)) !important;
}

.bg-success-25 {
  background-color: rgba(var(--success-rgb-color), var(--opacity-25)) !important;
}

.bg-danger-10 {
  background-color: rgba(var(--danger-rgb-color), var(--opacity-10)) !important;
}

.bg-success-10 {
  background-color: rgba(var(--success-rgb-color), var(--opacity-10)) !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.bg-black {
  background-color: var(--black) !important;
}

.bg-translucent, .no-bg, .bg-clear, .bg-transparent {
  background-color: var(--translucent) !important;
}

.bg-blue-purple {
  background-color: var(--blue-purple) !important;
}

.bg-primary-color {
  background-color: var(--primary-color) !important;
}

.bg-accent {
  background-color: var(--accent-color) !important;
}

.bg-darker-primary {
  background-color: var(--primary-dark-2) !important;
}

.bg-off-white {
  background-color: var(--off-white) !important;
}

.bg-lightest-grey {
  background-color: var(--lightest-grey) !important;
}

.bg-lighter-grey {
  background-color: var(--lighter-grey) !important;
}

.bg-light-grey {
  background-color: var(--light-grey) !important;
}

.bg-grey {
  background-color: var(--grey) !important;
}

.bg-mid-grey {
  background-color: var(--mid-grey) !important;
}

.bg-dark-grey {
  background-color: var(--dark-grey) !important;
}

.bg-darkest-grey {
  background-color: var(--darkest-grey) !important;
}


.bg-primary-light-6, .bg-light-pimary-6, .bg-light-6 {
  background-color: var(--primary-light-6) !important;
}

.bg-primary-light-5, .bg-light-pimary-5, .bg-light-5 {
  background-color: var(--primary-light-5) !important;
}

.bg-primary-light-4, .bg-light-primary-4, .bg-light-4 {
  background-color: var(--primary-light-4) !important;
}

.bg-lightest-primary, .bg-lightest {
  background-color: var(--primary-light-3) !important;
}

.bg-light-primary, .bg-light {
  background-color: var(--primary-light-2) !important;
}

.bg-lighter-primary, .bg-lighter {
  background-color: var(--primary-light-1) !important;
}

.bg-deeper-primary, .bg-deeper {
  background-color: var(--primary-dark-1) !important;
}

.bg-darker-primary, .bg-darker {
  background-color: var(--primary-dark-2) !important;
}

.bg-dark-primary, .bg-dark {
  background-color: var(--primary-dark-3) !important;
}

.bg-darkest-primary, .bg-darkest {
  background-color: var(--primary-dark-4) !important;
}

.bg-primary-dark-1, .bg-dark-primary-1, .bg-dark-1 {
  background-color: var(--primary-dark-1) !important;
}

.bg-primary-dark-2, .bg-dark-primary-2, .bg-dark-2 {
  background-color: var(--primary-dark-2) !important;
}

.bg-primary-dark-3, .bg-dark-primary-3, .bg-dark-3 {
  background-color: var(--primary-dark-3) !important;
}

.bg-primary-dark-4, .bg-dark-primary-4, .bg-dark-4 {
  background-color: var(--primary-dark-4) !important;
}

.bg-primary-dark-5, .bg-dark-primary-5, .bg-dark-5 {
  background-color: var(--primary-dark-5) !important;
}

.bg-primary-dark-6, .bg-dark-primary-6, .bg-dark-6 {
  background-color: var(--primary-dark-6) !important;
}

.bg-primary-light-1, .bg-light-primary-1, .bg-light-1 {
  background-color: var(--primary-light-1) !important;
}

.bg-primary-light-2, .bg-light-primary-2, .bg-light-2 {
  background-color: var(--primary-light-2) !important;
}

.bg-primary-light-3, .bg-light-primary-3, .bg-light-3 {
  background-color: var(--primary-light-3) !important;
}

.bg-primary-light-4, .bg-light-primary-4, .bg-light-4 {
  background-color: var(--primary-light-4) !important;
}

.bg-primary-light-5, .bg-light-primary-5, .bg-light-5 {
  background-color: var(--primary-light-5) !important;
}

.bg-primary-light-6, .bg-light-primary-6, .bg-light-6 {
  background-color: var(--primary-light-6) !important;
}

.bg-accent-dark-1, .bg-dark-accent-1 {
  background-color: var(--accent-dark-1) !important;
}

.bg-accent-dark-2, .bg-dark-accent-2 {
  background-color: var(--accent-dark-2) !important;
}

.bg-accent-dark-3, .bg-dark-accent-3 {
  background-color: var(--accent-dark-3) !important;
}

.bg-accent-dark-4, .bg-dark-accent-4 {
  background-color: var(--accent-dark-4) !important;
}

.bg-accent-dark-5, .bg-dark-accent-5 {
  background-color: var(--accent-dark-5) !important;
}

.bg-accent-dark-6, .bg-dark-accent-6 {
  background-color: var(--accent-dark-6) !important;
}

.bg-accent-light-1, .bg-light-accent-1 {
  background-color: var(--accent-light-1) !important;
}

.bg-accent-light-2, .bg-light-accent-2 {
  background-color: var(--accent-light-2) !important;
}

.bg-accent-light-3, .bg-light-accent-3 {
  background-color: var(--accent-light-3) !important;
}

.bg-accent-light-4, .bg-light-accent-4 {
  background-color: var(--accent-light-4) !important;
}

.bg-accent-light-5, .bg-light-accent-5 {
  background-color: var(--accent-light-5) !important;
}

.bg-accent-light-6, .bg-light-accent-6 {
  background-color: var(--accent-light-6) !important;
}

.bg-lightest-accent {
  background-color: var(--accent-light-5) !important;
}

.bg-light-accent {
  background-color: var(--accent-light-3) !important;
}

.bg-lighter-accent {
  background-color: var(--accent-light-1) !important;
}

.bg-deeper-accent {
  background-color: var(--accent-dark-1) !important;
}

.bg-darker-accent {
  background-color: var(--accent-dark-2) !important;
}

.bg-dark-accent {
  background-color: var(--accent-dark-4) !important;
}

.bg-darkest-accent {
  background-color: var(--accent-dark-5) !important;
}

.bg-primary-gradient, .bg-gradient {
  background: var(--primary-color); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--primary-color), var(--primary-light-1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(var(--primary-color), var(--primary-light-1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(var(--primary-color), var(--primary-light-1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(var(--primary-color),  var(--primary-light-1)); /* Standard syntax */
}

.bg-primary-deep-gradient, .bg-deep-gradient {
  background: var(--primary-color); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--primary-color), var(--primary-dark-1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(var(--primary-color), var(--primary-dark-1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(var(--primary-color), var(--primary-dark-1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(var(--primary-color),  var(--primary-dark-1)); /* Standard syntax */
}

.bg-dark-primary-gradient, .bg-darker-gradient {
  background: var(--primary-dark-2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--primary-dark-2), var(--primary-dark-4)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(var(--primary-dark-2), var(--primary-dark-4)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(var(--primary-dark-2), var(--primary-dark-4)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(var(--primary-dark-2),  var(--primary-dark-4)); /* Standard syntax */
}

.bg-light-primary-gradient, .bg-light-gradient {
  background: var(--primary-light-1); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--primary-light-2), var(--primary-light-5)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(var(--primary-light-2), var(--primary-light-5)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(var(--primary-light-2), var(--primary-light-5)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(var(--primary-light-2),  var(--primary-light-5)); /* Standard syntax */
}

.bg-accent-gradient {
  background: var(--accent-color); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--accent-color), var(--accent-light-1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(var(--accent-color), var(--accent-light-1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(var(--accent-color), var(--accent-light-1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(var(--accent-color),  var(--accent-light-1)); /* Standard syntax */
}

.bg-dark-accent-gradient {
  background: var(--accent-dark-2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--accent-dark-2), var(--accent-dark-4)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(var(--accent-dark-2), var(--accent-dark-4)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(var(--accent-dark-2), var(--accent-dark-4)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(var(--accent-dark-2),  var(--accent-dark-4)); /* Standard syntax */
}

.bg-light-accent-gradient {
  background: var(--accent-light-2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(var(--accent-light-2), var(--accent-light-5)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(var(--accent-light-2), var(--accent-light-5)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(var(--accent-light-2), var(--accent-light-5)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(var(--accent-light-2),  var(--accent-light-5)); /* Standard syntax */
}

/* FLOAT HELPERS */
.float-left, .float-start {
  float: left !important;
}

.float-right, .float-end {
  float: right !important;
}

.float-inherit, .float-parent {
  float: inherit !important;
}

.float-none {
  float: none !important;
}

/* POSITION HELPERS */
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

/* OFFSET HELPERS */
.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

/* JUSTIFY CONTENT HELPERS */
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-left {
  justify-content: left !important;
}

.justify-content-right {
  justify-content: right !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

/* ALIGN ITEMS HELPERS */
.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

/* ALIGN CONTENT HELPERS */
.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

/* ALIGN SELF HELPERS */
.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

/* ORDER HELPERS */
.order-first {
  order: -1 !important;
}

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

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

/* FONT HELPERS */
.text-uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
}

.font-primary {
  font-family: var(--font-primary) !important;
}

.font-secondary {
  font-family: var(--font-secondary) !important;
}

.font-header {
  font-family: var(--font-header) !important;
}

.font-luna {
  font-family: var(--font-luna) !important;
}

.font-primary-light, .font-light {
  font-family: var(--font-primary-light) !important;
}

.font-sans {
  font-family: var(--font-sans) !important;
}

.font-serif {
  font-family: var(--font-serif) !important;
}

.font-mono {
  font-family: var(--font-mono) !important;
}

.font-cursive {
  font-family: var(--font-cursive) !important;
}

.font-small-caps, .text-small-caps {
  font-variant-caps: small-caps;
}

.font-all-small-caps, .text-all-small-caps {
  font-variant-caps: all-small-caps;
}

.font-petite-caps, .text-petite-caps {
  font-variant-caps: petite-caps;
}

.font-all-petite-caps, .text-all-petite-caps {
  font-variant-caps: all-petite-caps;
}

.font-unicase, .text-unicase {
  font-variant-caps: unicase;
}

.font-titling-caps, .text-titling-caps {
  font-variant-caps: titling-caps;
}

.slashed-zero {
  font-variant-numeric: slashed-zero;
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

.oldstyle-nums {
  font-variant-numeric: oldstyle-nums;
}

.font-condensed, .text-condensed {
  font-stretch: condensed;
}

.font-ultra-condensed, .text-ultra-condensed {
  font-stretch: ultra-condensed;
}

.font-extra-condensed, .text-extra-condensed {
  font-stretch: extra-condensed;
}

.font-expanded, .text-expanded {
  font-stretch: expanded;
}

.font-ultra-expanded, .text-ultra-expanded {
  font-stretch: ultra-expanded;
}

.font-extra-expanded, .text-extra-expanded {
  font-stretch: extra-expanded;
}

.font-semi-condensed, .text-semi-condensed {
  font-stretch: semi-condensed;
}

.font-semi-expanded, .text-semi-expanded {
  font-stretch: semi-expanded;
}

/* TEXT COLOR HELPERS */
.text-black {
  color: var(--text-black) !important;
}

.text-white {
  color: var(--text-white) !important;
}

.text-off-white {
  color: var(--text-off-white) !important;
}

.text-lightest-grey {
  color: var(--text-lightest-grey) !important;
}

.text-lighter-grey {
  color: var(--text-lighter-grey) !important;
}

.text-light-grey {
  color: var(--text-light-grey) !important;
}

.text-grey {
  color: var(--text-grey) !important;
}

.text-dark-grey {
  color: var(--text-dark-grey) !important;
}

.text-darker-grey {
  color: var(--text-darker-grey) !important;
}

.text-darkest-grey {
  color: var(--text-darkest-grey) !important;
}

.text-blue-purple {
  color: var(--text-blue-purple) !important;
}

.text-teal {
  color: var(--text-teal) !important;
}

.text-light-teal {
  color: var(--text-light-teal) !important;
}

.text-dark-teal {
  color: var(--text-dark-teal) !important;
}

.text-blue {
  color: var(--text-blue) !important;
}

.text-success {
  color: var(--text-success) !important;
}

.text-danger {
  color: var(--text-danger) !important;
}

.text-slate-blue {
  color: var(--text-slate-blue) !important;
}

.text-primary {
  color: var(--text-primary) !important;
}

.text-primary-light-6, .text-light-6 {
  color: var(--text-light-6) !important;
}

.text-primary-light-5, .text-light-5 {
  color: var(--text-light-5) !important;
}

.text-primary-light-4, .text-light-4 {
  color: var(--text-light-4) !important;
}

.text-primary-light-3, .text-light-3 {
  color: var(--text-light-3) !important;
}

.text-primary-light-2, .text-light-2 {
  color: var(--text-light-2) !important;
}

.text-primary-light-1, .text-light-1 {
  color: var(--text-light-1) !important;
}

.text-primary-dark-1, .text-dark-1 {
  color: var(--text-dark-1) !important;
}

.text-primary-dark-2, .text-dark-2 {
  color: var(--text-dark-2) !important;
}

.text-primary-dark-3, .text-dark-3 {
  color: var(--text-dark-3) !important;
}

.text-primary-dark-4, .text-dark-4 {
  color: var(--text-dark-4) !important;
}

.text-primary-dark-5, .text-dark-5 {
  color: var(--text-dark-5) !important;
}

.text-primary-dark-6, .text-dark-6 {
  color: var(--text-dark-6) !important;
}

.text-accent-light-6 {
  color: var(--text-accent-light-6) !important;
}

.text-accent-light-5 {
  color: var(--text-accent-light-5) !important;
}

.text-accent-light-4 {
  color: var(--text-accent-light-4) !important;
}

.text-accent-light-3 {
  color: var(--text-accent-light-3) !important;
}

.text-accent-light-2 {
  color: var(--text-accent-light-2) !important;
}

.text-accent-light-1 {
  color: var(--text-accent-light-1) !important;
}

.text-accent-dark-1 {
  color: var(--text-accent-dark-1) !important;
}

.text-accent-dark-2 {
  color: var(--text-accent-dark-2) !important;
}

.text-accent-dark-3 {
  color: var(--text-accent-dark-3) !important;
}

.text-accent-dark-4 {
  color: var(--text-accent-dark-4) !important;
}

.text-accent-dark-5 {
  color: var(--text-accent-dark-5) !important;
}

.text-accent-dark-6 {
  color: var(--text-accent-dark-6) !important;
}

.text-secondary {
  color: var(--text-secondary) !important;
}

.text-accent {
  color: var(--text-accent) !important;
}

.text-grey-accent {
  color: var(--text-grey-accent) !important;
}

/* FONT STYLE HELPERS */
.font-style-normal, .fs-normal {
  font-style: normal !important;
}

.font-style-oblique, .fs-oblique {
  font-style: oblique !important;
}

.font-style-italics, .font-style-italic, .fs-italics, .fs-italic {
  font-style: italic !important;
}

/* FONT WEIGHT HELPERS */

.font-weight-thin, .fw-thin {
  font-weight: var(--font-weight-thin) !important;
}

.font-weight-extra-light, .fw-extra-light, .extra-light {
  font-weight: var(--font-weight-extra-light) !important;
}

.font-weight-medium, .font-weight-normal, .font-weight-base, .fw-medium, .fw-normal, .fw-base {
  font-weight: var(--font-weight-medium) !important;
}

.font-weight-semi-bold, .fw-semi-bold, .semi-bold {
  font-weight: var(--font-weight-semibold) !important;
}

.font-weight-bold, .fw-bold, .bold {
  font-weight: var(--font-weight-bold) !important;
}

.font-weight-extra-bold, .fw-extra-bold, .extra-bold {
  font-weight: var(--font-weight-extrabold) !important;
}

.font-weight-black, .fw-black {
  font-weight: var(--font-weight-black) !important;
}

/* FONT SIZE HELPERS */

.font-30 {
  font-size: 30px;
  line-height: normal;
}

.font-24 {
  font-size: 24px;
}

.font-22 {
  font-size: 22px;
}

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

.font-16 {
  font-size: 18px;
}

.font-12 {
  font-size: 12px;
}

.font-bold {
    font-weight: 700;
}

/*============================= END BODY ================================*/

/* FORMS */
.input-gender {
  position: relative;
}

.input-gender:before {
  content: "";
  width: 33px;
  height: 33px;
  position: absolute;
  left: 10px;
  top: -10px;
}

.input-gender label {
  position: absolute;
  left: 35px;
  top: 5px;
  weight: normal;
}

.input-male:before {
  background: url(../images/icon-male.png) no-repeat left center;
}

.input-female:before {
  background: url(../images/icon-female.png) no-repeat left center;
}

.input-other-sex:before {
  background: url(../images/icon-other-sex.png) no-repeat left center;
}

.input-gender {
  left: 20px;
}

.wrap-checkbox {
  position: relative;
}

.wrap-checkbox input {
  visibility: hidden;
  position: absolute;
  left: 0;
  margin: 0;
}

.wrap-checkbox label {
  padding-left: 30px;
  margin: 0;
  cursor: pointer;
}

.wrap-checkbox label:before {
  width: 20px;
  height: 20px;
  content: "";
  border: 1px solid #c0c0c0;
  border-radius: 100%;
  background: #eaeaea;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.wrap-checkbox input:checked + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #4c4c4c;
  position: absolute;
  border-radius: 100%;
  left: 6px;
  top: 50%;
  margin-top: -4px;
}

.wrap-input.valid {
  border-color: #a8e368;
}

.wrap-input.error {
  border-color: #f86556;
}

.wrap-input.valid input {
  background-image: url(../images/icon-valid.png);
  background-position: right center;
  background-repeat: no-repeat;
  border-color: #99d658;
}

label.error {
  display: none!important;
}

.wrap-input.error input {
  background-image: url(../images/icon-unvalid.png);
  background-position: right center;
  background-repeat: no-repeat;
  border-color: #eb5746;
}

input[type=email],
input[type=password],
input[type=phone],
input[type=tel],
input[type=text],
input[type=number],
textarea{
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border: 1px solid #d7d7d7;
  width: 100%;
  background:  var(--white);
  font-family: var(--font-primary);
  color:#707070;
  box-shadow: none;
  border-radius: 4px;
  font-weight: 400;
}

select {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-weight: 400;
}

select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background:  var(--white) url(../img/icon-select.png) no-repeat right center;
  min-width: 57px;
}

.wrap-input {
  border: 4px solid #ebebeb;
  border-radius: 5px;
  display: block;
  position: relative;
}

.wrap-input.small {
  margin: 5px 0;
  text-align: center;
  max-width: 65px;
}

form input {
  outline: none;
}

.input-group .form-control {
  float: left;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  z-index: 999;
  height: 32px;
}

.form-control {
  border: 1px solid var(--border-primary);
  color: var(--primary-dark-1);
}

.form-control:focus {
  --box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(var(--primary-rgb), .6);
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  -ms-box-shadow: var(--box-shadow);
  -o-box-shadow: var(--box-shadow);
}

.form-control:has(.input-accent):focus, .form-control.input-accent:focus, .form-control .input-accent:focus {
  --box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(var(--accent-rgb), .6);
  border-color: var(--accent-color);
  outline: 0;
  box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  -ms-box-shadow: var(--box-shadow);
  -o-box-shadow: var(--box-shadow);
}

.input-group-addon {
  background-color: var(--primary-dark-1);
  border: 1px solid var(--border-primary);
  color: var(--white);
}

.input-group-addon .input-accent {
  background-color: var(--accent-dark-2);
  border: 1px solid var(--border-accent);
  color: var(--white);
}

/*============================== HEADER =================================*/

.header-top {
  background: url(../img/bg-header-top.png) no-repeat center center;
  background-size: cover;
  max-height: 60px;
  margin: 7px 0 9px;
}

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

.header-top > ul > li {
  float: left;
  margin-right: 75px;
  position: relative;
}

.header-top > ul > li:last-child {
  float: right;
  margin-right: 35px;
}

.header-top ul > li .box-message {
  width: 210px;
  position: absolute;
  top: 100%;
  left: -1px;
  background: #79439c;
  border: 1px solid #5b287c;
  padding: 20px;
  z-index: 100;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  transform: translatey(40px);
  -webkit-transform: translatey(40px);
  -moz-transform: translatey(40px);
  -ms-transform: translatey(40px);
  -o-transform: translatey(40px);
  opacity: 0;
  visibility: hidden;
}

.header-top ul > li .box-message li {
  border-bottom: 1px solid #5b287c;
  padding: 10px 0 6px;
}

.header-top ul > li .box-message li:last-child {
  border: none;
}

.header-top ul > li .box-message li a {
  font-size: 12px;
  font-weight: 300;
  color: var(--text-white);
}

.header-top > ul > li.email {
  padding: 10px 25px 20px 15px;
  border: 1px solid transparent;
  display: block;
}

.header-top > ul > li.email a {
  color: #dbdbdb;
  font-size: 20px;
}

.header-top > ul > li.email .info {
  position: absolute;
  top: 20px;
  right: 10px;
}

.header-top ul > li.email:hover .box-message {
  transform: translatey(0);
  -webkit-transform: translatey(0);
  -moz-transform: translatey(0);
  -ms-transform: translatey(0);
  -o-transform: translatey(0);
  opacity: 1;
  visibility: visible;
}

.header-top ul > li.email:hover {
  background: #79439c;
  border-color: #5b287c;
}

.header-top > ul > li, .header-top > ul > li > a {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.075em;
  color:  var(--text-white);
}

.header-top > ul > li {
  padding: 13px 0 14px;
  line-height: 30px;
}

.banner-top {
  background-image: url('/img/banner2.jpg');
  position: relative;
  height: 367px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.banner-top:after {
  background: #dfdfdf;
  border-radius: 100%;
  height: 196px;
  left: 50%;
  margin-left: -120px;
  padding: 0;
  position: absolute;
  text-align: center;
  bottom: -130px;
  width: 240px;
  content: "";
}

.banner-top .banner-content {
  width: 209px;
  height: 154px;
  position: absolute;
  top: 0;
  left: 70px;
  background: url(../img/box-banner.png) no-repeat center;
  text-align: center;
  font-family: var(--font-luna);
  padding-top: 32px;
  z-index: 10;
}

.banner-top .banner-content .banner-title {
  font-size: 18px;
  letter-spacing: 0.075em;
  color: #a37fcc;
}

.banner-top .banner-content .banner-subtitle {
  font-size: 10px;
  color: var(--text-white);
  letter-spacing: 0.075em;
}

.owl-pagination {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 85px;
  text-align: center;
}

.owl-pagination .owl-page {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background:  var(--text-white);
  margin: 0 10px;
  display: inline-block;
}

.owl-pagination .owl-page.active {
  background: #f2f2f2;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #a369c7;
  border-color: #a369c7;
}

.pagination>li>a, .pagination>li>span {
  color: #6e4293;
}

.navbar-header {
  position: relative;
  width: 100%;
}

.navbar-default .navbar-brand {
  width: 210px;
  height: 190px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -65px;
  margin-left: -105px;
  background: #f2f2f2;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  z-index: 101;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  background: #f2f2f2;
}

.navbar-default .navbar-brand img {
  max-width: 200px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.navbar-default {
  background: #f2f2f2;
  margin: 0;
  border: none;
  border-radius: 0;
}

.navbar-default .navbar-nav > li > a {
  font-size: 24px;
  font-family: var(--font-header);
  color: #411200;
  text-transform: uppercase;
  line-height: normal;
  padding: 5px 0 20px;
}

.navbar-default .navbar-nav > li {
  margin-right: 32px;
}

.navbar-default .navbar-nav.navbar-right > li {
  margin-right: 33px;
}

.navbar-default .navbar-nav > li:last-child {
  margin-right: 0;
}

.navbar-right {
  margin: 0;
}

/*============================ END HEADER ===============================*/
/*============================== CONTENT ================================*/

#content {
  position: relative;
  background-color: var(--white);
}

#content:after {
  content: "";
  width: 100%;
  height: 217px;
  position: absolute;
  top: -18px;
  left: 0;
  background: url(../img/bg-content.png) no-repeat center top;
  z-index: 10;
}

.form-box {
  padding-top: 110px;
  position: relative;
}

.login-form {
  background: #e2dce9;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 0 12px 8px;
  overflow: hidden;
}

.login-form .login-title {
  margin: 0 -12px 10px;
  text-align: center;
  background: #9e69b5;
  line-height: normal;
  color:  var(--text-white);
  position: relative;
  padding-bottom: 8px
}

.login-form .subtitle {
  text-align: center;
  margin-bottom: 10px;
  font-size: 11px;
  color: #4d4d4d;
}

.forgot-title {
  font-weight: 700;
  margin-bottom: 5px;
}

.login-form p {
  font-size: 10px;
  color: #707070;
}

.login-form label {
  font-weight: 400;
  color: #707070;
  font-size: 10px;
}

.login-form label a {
  color: #a75fda;
  text-decoration: underline;
}

.term-box {
  padding-left: 22px;
  padding-top: 5px;
  position: relative;
}

.term-box input {
  opacity: 0;
  position: absolute;
}

.term-box label:after {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #c1c1c1;
  border-radius: 100%;
  background: #fcfcfc;
  position: absolute;
  left: 0;
  top: 10px;
  text-align: center;
}

.term-box input:checked + label:after {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 6px;
  line-height: 15px;
  color: #4c4c4c;
}

.login-form .remember {
  font-size: 12px;
  color: #707070;
  line-height: 40px;
}

.login-form .remember input {
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.login-form .remember i {
  color: #37c98c;
  margin-left: 8px;
}

.about-box {
  background: url(../img/about-bg.png) no-repeat center center;
  padding: 100px 0;
  color:  var(--text-white);
  background-size: auto 100%;
}

.about-title {
  width: 341px;
  height: 146px;
  background: url(../img/bg-title.png) no-repeat center;
  background-size: contain;
  text-align: center;
  font-size: 36px;
  color: var(--text-white);
  font-family: var(--font-header);
  line-height: 1;
  padding: 25px 0;
  margin: -15px auto 30px;
}

.about-title img {
  margin: 0 auto;
}

.about-subtitle {
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  color:  var(--text-white);
  text-transform: uppercase;
  margin-bottom: 25px;
}

.about-box p {
  font-weight: 300;
  letter-spacing: 0.075em;
  text-align: justify;
}

.about-item {
  margin: 0;
  list-style: none;
  padding-top: 50px;
}

.about-item li {
  padding-left: 80px;
  position: relative;
  margin-bottom: 20px;
  text-align: left;
}

.about-item li p {
  letter-spacing: 0;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  text-align: left;
}

.about-item li span {
  font-weight: 400;
}

.about-item li img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
}

.about-item li .title {
  font-size: 18px;
  font-family: var(--font-luna);
}

.player-box .player-title {
  margin: 0 0 20px;
  font-size: 36px;
  color: #9e43e0;
  text-align: center;
}

.player-box table {
  width: 100%;
}

.player-box table td {
  font-weight: 300;
  color: #2f2f2f;
  line-height: normal;
  padding: 5px 15px;
  background: #ebebeb;
}

.player-box table tr:nth-child(2n) td {
  background: #f3f3f3;
}

.player-list {
  padding: 0;
  margin: 0 0 30px;
  list-style: none;
  display: inline-block;
}

.player-list li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 15px;
  text-align: left;
  min-height: 42px;
  padding-top: 15px;
}

.player-list li p {
  font-size: 12px;
  font-family: var(--font-primary);
  font-weight: 300;
  color: #2f2f2f;
  margin: 0;
  text-align: center;
  line-height: 11px;
}

.player-list li .title {
  font-size: 18px;
  font-family: var(--font-primary);
  font-weight: 300;
  color: #2f2f2f;
  margin: 0;
  line-height: 11px;
}

.player-list li img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
}

.team-box {
  background: url(../img/bg-team.png) no-repeat center top;
  padding: 102px 0 50px;
  position: relative;
  background-size: auto 100%;
  margin-bottom: 25px;
}

.team-box:after {
  width: 46px;
  height: 33px;
  content: "";
  background: url(../img/arrow-first.png) no-repeat center center;
  position: absolute;
  left: 100%;
  top: -18px;
}

.team-box:before {
  background: url(../img/arrow-last.png) no-repeat center center;
  width: 64px;
  height: 25px;
  content: "";
  position: absolute;
  right: 100%;
  top: 95px;
}

.team-title {
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  font-family: var(--font-primary);
  color:  var(--text-white);
  text-transform: uppercase;
  margin: 0 0 50px;
}

.team-wrapper {
  position: relative;
  padding-bottom: 98px;
}

.team-wrapper .team-item {
  padding: 20px 10px 20px 100px;
  border-radius: 10px;
  position: relative;
  text-align: center;
  min-height: 97px;
  max-width: 260px;
  margin: 0 auto;
}

.team-wrapper .team-item .avatar {
  position: absolute;
  left: 10px;
  top: 8px;
  border: 4px solid transparent;
  border-radius: 100%;
}

.team-wrapper .team-item .name {
  font-size: 14px;
  font-family: var(--font-luna);
  color: var(--text-white);
}

.team-wrapper .team-item p {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 300;
  color: var(--text-white);
}

.team-wrapper .col-md-4 {
  position: static;
}

.team-wrapper .team-desc {
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 0;
  background: #71b69e;
  padding: 10px;
  border-radius: 10px;
  text-align: justify;
  display: none;
}

.team-wrapper .team-desc:after {
  bottom: 100%;
  left: 50px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(114, 184, 160, 0);
  border-bottom-color: #72b8a0;
  border-width: 14px;
}

.team-wrapper .team-desc.team2:after {
  left: 50%;
  margin-left: -14px;
}

.team-wrapper .team-desc.team3:after {
  left: auto;
  right: 50px;
}

.team-wrapper .team-item.active + .team-desc {
  display: block;
}

.team-wrapper .team-item.active {
  background: #66ac92;
}

.team-wrapper .team-item.active .avatar {
  border-color:  var(--text-white);
}

.banner-profile {
  height: 440px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 30px;
}

.banner-profile .profile-menu {
  position: absolute;
  bottom: 30px;
  right: 30px;
  padding: 0;
  margin: 0;
  z-index: 1000;
}

.banner-profile .profile-menu > li {
  float: left;
  margin-right: 15px;
  position: relative;
}

.banner-profile .profile-menu > li:last-child {
  margin-right: 0;
}

.banner-profile .profile-menu > li > a {
  width: 100px;
  height: 84px;
  background: #ebebeb;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  color: #411200;
  letter-spacing: 0.025em;
  display: block;
  text-transform: uppercase;
  font-family: var(--font-header);
  padding: 5px 5px 8px;
  line-height: 1;
}

.banner-profile .profile-menu > li > a img {
  margin: 0 auto;
}

.banner-profile .profile-menu > li ul.sub-menu {
  width: 150px;
  background:  var(--text-white);
  box-shadow: 2px 0 21px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 0 21px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 0 21px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 2px 0 21px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0;
  margin-left: -75px;
  padding: 10px 0 0;
  z-index: 11;
  list-style: none;
  border-radius: 0 0 6px 6px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  transform: translatey(40px);
  -webkit-transform: translatey(40px);
  -moz-transform: translatey(40px);
  -ms-transform: translatey(40px);
  -o-transform: translatey(40px);
  opacity: 0;
  visibility: hidden;
}

.banner-profile .profile-menu > li:hover ul.sub-menu {
  transform: translatey(10px);
  -webkit-transform: translatey(10px);
  -moz-transform: translatey(10px);
  -ms-transform: translatey(10px);
  -o-transform: translatey(10px);
  opacity: 1;
  visibility: visible;
}

.banner-profile .profile-menu > li ul.sub-menu:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color:  var(--white);
  border-width: 10px;
  margin-left: -10px;
}

.banner-profile .profile-menu > li ul.sub-menu li a {
  padding: 8px 17px;
  font-size: 13px;
  font-weight: 400;
  color: var(--text-black);
  display: block;
}

.banner-profile .profile-menu > li ul.sub-menu li a:hover, .banner-profile .profile-menu > li ul.sub-menu li a:focus {
  color:  var(--text-white);
  text-decoration: none;
  background: #a05ab2;
}

.about-me {
  background-color: var(--white);
  border-radius: 6px;
}

.about-me .title {
  padding: 20px 30px 15px;
  border-bottom: 3px solid #c7afd4;
  color:  var(--text-white);
  text-transform: uppercase;
  font-size: 18px;
  font-family: var(--font-primary);
  font-weight: 300;
  margin: 0;
  line-height: 1;
}

.about-me .description {
  padding: 20px 15px 30px;
  color: var(--text-black);
  text-align: justify;
}

.box-profile {
  background: #ebebeb;
  border-radius: 6px;
  padding: 40px 10px;
  margin-top: -348px;
  margin-bottom: 30px;
}

.profile-name {
  font-size: 14px;
  font-family: var(--font-luna);
  color: #343434;
  margin: 0 0 15px;
  text-align: center;
}

.profile-avatar {
  width: 166px;
  height: 166px;
  border: 8px solid #dfdfdf;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.box-profile p, 
.box-profile .online-info {
  font-weight: 400;
  color: #343434;
}

.box-profile .updrage {
  font-weight: 400;
  color: var(--text-black);
}

.box-profile .updrage a {
  color: #683a86;
  text-decoration: underline;
}

.box-profile .points, 
.box-profile .cash {
  color: var(--text-black);
}

.profile-contact a {
  margin: 0 8px;
}

.horse-box .title {
  text-align: center;
  font-family: var(--font-primary);
  font-weight: 300;
  font-size: 24px;
  text-transform: uppercase;
  color: #26936d;
  margin: 0 0 60px;
  background: url(../img/icon-title.png) no-repeat center bottom;
  padding: 30px;
}

.horse-box {
  color:  var(--text-white);
}

.horse-box .breed, 
.horse-box .stats, 
.horse-box .visit, 
.horse-box .name {
  font-size: 24px;
  text-transform: uppercase;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 5px;
}

.horse-box .breed {
  font-size: 14px;
}

.horse-box .stats, 
.horse-box .visit {
  font-size: 12px;
}

.horse-box-wrapper {
  margin-bottom: 100px;
}

.nav-tabs.nav-justified > li {
  padding: 0 10px;
}

.nav-tabs.nav-justified > li > a {
  font-size: 24px;
  font-family: var(--font-header);
  text-transform: uppercase;
  color: #411200;
  padding: 10px;
  line-height: 1;
  border: none;
  border-radius: 10px 10px 0 0;
}

.nav-tabs.nav-justified > li > a:hover, 
.nav-tabs.nav-justified > li > a:focus {
  background: none;
}

.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:focus, 
.nav-tabs.nav-justified > .active > a:hover {
  background: #ebebeb;
  border: none;
}

.nav-tabs.nav-justified.style2 > .active > a, 
.nav-tabs.nav-justified.style2 > .active > a:focus, 
.nav-tabs.nav-justified.style2 > .active > a:hover {
  background: #f4f4f4;
}

.tab-content {
  background: var(--lightest-grey);
  padding: 40px 35px 15px;
  border-radius: 10px;
}

.achievements-list {
  padding: 0;
  list-style: none;
  margin: 0;
}

.achievements-list li {
  float: left;
  width: 20%;
  position: relative;
  text-align: center;
  margin-bottom: 8px;
}

.achievements-list.column4 li {
  width: 25%;
}

.achievements-list li.disable img {
  opacity: 0.5;
}

.achievements-list li .hover-box {
  position: absolute;
  width: 145px;
  background: #a05ab2 none repeat scroll 0 0 !important;
  bottom: 100%;
  left: 50%;
  margin-left: -72px;
  box-shadow: 2px 0 21px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 0 21px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 0 21px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 2px 0 21px rgba(0, 0, 0, 0.4);
  font-weight: 400;
  color: var(--text-black);
  display: none;
}

.achievements-list li:hover .hover-box {
  display: block;
}

.achievements-list li .hover-box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(244, 232, 246, 0);
  border-top-color: #f4e8f6;
  border-width: 7px;
  margin-left: -7px;
}

.achievements-list li .title {
  text-align: center;
  border-bottom: 2px solid #cdacdb;
  margin: 0;
  color:  var(--text-white);
  font-weight: 700;
  font-family: var(--font-primary);
  padding: 8px;
}

.achievements-list li .status {
  padding: 10px 4px;
}

.tab-content {
  margin-bottom: 85px;
}

.tab-title {
  text-align: center;
  max-width: 390px;
  border-bottom: 2px solid #c7afd4;
  padding-bottom: 8px;
  text-transform: uppercase;
  color:  var(--text-white);
  font-size: 18px;
  font-weight: 300;
  font-family: var(--font-primary);
  margin: 0 auto 20px;
}

.networking-list {
  max-width: 270px;
  margin: 0 auto 30px;
  text-align: center;
}

.networking-list .name {
  color: var(--text-black);
  font-weight: 400;
  margin: 5px 0 10px;
}

.networking-list .img {
  position: relative;
  width: 75px;
  height: 75px;
  margin: 0 auto;
}

.post-list .add, 
.post-list .remove, 
.equipped-list .add, 
.equipped-list .remove, 
.wishlist-list li .img .remove, 
.networking-list .img .remove {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #905ab3;
  color:  var(--text-white);
  text-align: center;
  display: block;
  top: 5px;
  right: 3px;
  position: absolute;
}

.post-list .add:after, 
.post-list .remove:after, 
.equipped-list .add:after, 
.equipped-list .remove:after, 
.wishlist-list li .img .remove:after, 
.networking-list .img .remove:after {
  content: "-";
  font-family: var(--font-primary);
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.post-list .add:after {
  content: "+";
}

.equipped-list .add:after {
  content: "+";
}

.networking-content {
  font-weight: 400;
  color: var(--text-black);
  margin-top: 100px;
}

.networking-content p a {
  color: #683a86;
  text-decoration: underline;
}

#activity p {
  color: var(--text-black);
  font-weight: 400;
}

.wishlist-list {
  padding: 0;
  margin: 0 auto 30px;
  list-style: none;
  max-width: 626px;
}

.wishlist-list li {
  float: left;
  width: 14.28%;
  padding: 0 13px;
  text-align: center;
}

.wishlist-list li .name {
  font-weight: 400;
  color: var(--text-black);
  line-height: normal;
  margin: 6px 0;
  min-height: 28px;
}

.wishlist-list li .img {
  background: #e3e3e3;
  border-radius: 5px;
  position: relative;
}

.wishlist-list li .img .remove {
  top: -2px;
  right: -6px;
}

.kt-skill-bg {
  background: #813b90;
  border-radius: 10px;
  padding: 2px;
  height: 21px;
  font-weight: 400;
  color: var(--text-black);
  text-align: center;
  line-height: 21px;
  margin-bottom: 5px;
}

.kt-skill-bar {
  height: 17px;
  background: repeating-linear-gradient( -45deg, #bb5ed3, #bb5ed3 10px, #ac2ecc 10px, #ac2ecc 20px);
  background: -webkit-repeating-linear-gradient( -45deg, #bb5ed3, #bb5ed3 10px, #ac2ecc 10px, #ac2ecc 20px);
  background: -moz-repeating-linear-gradient( -45deg, #bb5ed3, #bb5ed3 10px, #ac2ecc 10px, #ac2ecc 20px);
  background: -o-repeating-linear-gradient( -45deg, #bb5ed3, #bb5ed3 10px, #ac2ecc 10px, #ac2ecc 20px);
  border-radius: 10px;
}

.kt-skill-bg.style2 {
  background: #27a66e;
}

.style2 .kt-skill-bar {
  height: 17px;
  background: repeating-linear-gradient( -45deg, #2dbd7e, #2dbd7e 10px, #36cc8a 10px, #36cc8a 20px);
  background: -webkit-repeating-linear-gradient( -45deg, #2dbd7e, #2dbd7e 10px, #36cc8a 10px, #36cc8a 20px);
  background: -moz-repeating-linear-gradient( -45deg, #2dbd7e, #2dbd7e 10px, #36cc8a 10px, #36cc8a 20px);
  background: -o-repeating-linear-gradient( -45deg, #2dbd7e, #2dbd7e 10px, #36cc8a 10px, #36cc8a 20px);
}

#achievements label {
  font-weight: 400;
  display: block;
  color: var(--text-black);
  text-align: center;
  margin: 5px 0;
}

#achievements p {
  font-weight: 400;
  color: var(--text-black);
}

#achievements p a {
  color: #683a86;
  text-decoration: underline;
}

.tools-wrapper {
  max-width: 735px;
  margin: 0 auto;
  padding: 40px 20px 20px;
}

.tools-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tools-list li {
  padding: 15px 30px;
  border-bottom: 1px solid #dedede;
}

.tools-list li:last-child {
  border-bottom: none;
}

.tools-list li h4 {
  font-size: 14px;
  font-weight: 300;
  font-family: var(--font-primary);
  color: var(--text-black);
  text-transform: uppercase;
  margin: 0 0 15px;
}

form.ban, 
form.warm {
  position: relative;
  padding-right: 85px;
}

form.ban input[type="submit"], 
form.warm input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 65px;
}

form.ban {
  display: inline-block;
  max-width: 200px;
  padding-right: 80px;
  margin-left: 6px;
}

.box-white {
  background-color:  var(--white);
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 10px 10px 55px;
}

.ok-form {
  padding-right: 75px;
  position: relative;
}

.ok-form input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 65px;
}

.slide-item {
  height: 367px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.single-box {
  max-width: 280px;
  margin: 0 auto 30px;
}

/*============================ END CONTENT ==============================*/

/*============================== FOOTER =================================*/

#footer {
  background: url(../img/bg-footer.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 20px 0 10px;
}

ul.socials {
  margin: 0 0 25px;
  padding: 0;
  list-style: none;
}

ul.socials li {
  display: inline-block;
  margin: 0 10px;
}

.logo-footer {
  color:  var(--text-white);
  font-size: 13px;
  margin-bottom: 25px;
}

.logo-footer .divider {
  width: 136px;
  height: 1px;
  background: #d5d5d5;
  margin: 10px auto;
}

.menu-footer {
  margin: 0 0 5px;
  padding: 0;
  list-style: none;
}

.menu-footer li {
  display: inline-block;
}

.menu-footer li:after {
  content: "|";
  margin: 0 8px;
  color:  var(--text-white);
}

.menu-footer li:last-child:after {
  display: none;
}

.menu-footer li a {
  text-transform: uppercase;
  font-weight: 300;
  color: #f2f2f2;
}

.copyright {
  font-size: 10px;
  text-transform: uppercase;
  color: #f2f2f2;
  font-weight: 300;
}

/* Build metadata under the copyright line -- see App\Helpers\Release\ReleaseInfo. */
.release-info {
  font-size: 10px;
  color: #e8dcf5;
  font-weight: 300;
  opacity: 0.85;
  margin-top: 4px;
}

.wrapper-title-post {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: 5px;
}

.wrapper-title-post .prev-post, 
.wrapper-title-post .next-post {
  width: 110px;
  height: 75px;
  background: var(--off-white);
  border-radius: 6px;
  font-size: 12px;
  font-family: var(--font-luna);
  text-align: center;
  color: var(--primary-light-1);
  padding: 20px;
}

.single-title {
  font-size: 48px;
  color: #493b3b;
  line-height: 48px;
  margin: 0 0 15px;
}

.single-top, 
.single-subtitle {
  color: #493b3b;
  font-weight: 400;
}

.single-subtitle a {
  text-decoration: underline;
  color: #905ab3;
}

.single-top {
  margin: 0;
}

.post-list, 
.single-image {
  background: #f4f4f4;
  border-radius: 6px;
  margin-bottom: 50px;
}

.post-list {
  padding: 48px 28px;
  position: relative;
  margin: 35px 0 50px;
}

.post-list:after {
  content: "";
  width: 100%;
  top: 5px;
  left: 0;
  position: absolute;
  height: 2px;
  background: #cdb5da;
}

.post-list .img {
  width: 91px;
  height: 91px;
  background: url(../img/bg-list-single.png) no-repeat center center;
  position: relative;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto 15px;
  font-size: 14px;
  color:  var(--text-white);
  font-family: var(--font-luna);
  line-height: 1;
}

.equipped-list, .single-image {
  background: #f4f4f4;
  border-radius: 6px;
}

.equipped-list {
  padding: 25px 28px;
  position: relative;
}

.equipped-list .img {
  width: 91px;
  height: 91px;
  background: url(../img/bg-list-single.png) no-repeat center center;
  position: relative;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto 15px;
  font-size: 14px;
  color:  var(--text-white);
  font-family: var(--font-luna);
  line-height: 1;
}

.empty-img {
  padding-top: 35px;
}

.single-layer {
  background: #f4f4f4;
  border-radius: 6px;
  margin-bottom: 17px;
  overflow: hidden;
}

.modal-title, 
.tab-title.style2, 
.single-layer .box-title {
  padding: 6px;
  font-family: var(--font-primary);
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  font-weight: 300;
  font-size: 13px;
  background-color: var(--blue-purple);
  color:  var(--text-white);
}

.single-layer-content {
  padding: 10px 15px;
}

.single-layer p {
  color: var(--text-black);
}

.single-layer p span {
  font-weight: 400;
}

.single-layer table {
  width: 100%;
  color: var(--text-black);
}

.single-layer table td {
  padding: 5px 10px;
  font-weight: 400;
  line-height: 13px;
}

.single-layer table th {
  padding: 5px 10px;
  font-weight: 400;
  line-height: 13px;
}

.single-layer table tr:nth-child(2n) th, 
.single-layer table tr:nth-child(2n) td {
  background: #ebebeb;
}

.interaction-item {
  padding: 20px 10px;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 6px;
  color: black;
}

.interaction-item .name {
  font-size: 12px;
  font-weight: 700;
  color: #36cc8a;
  text-transform: uppercase;
  margin: 10px 0 0;
}

.interaction-item:hover {
  background-color: var(--white);
  border-color: #d2ede1;
}

.tab-title.style2 {
  border: none;
  margin-bottom: 15px;
}

.button-tab a {
  margin: 0 12px;
}

.battle-stats-top {
  font-weight: 400;
  color: var(--text-black);
  margin: 0 0 10px;
}

.battle-stats-bottom {
  color: #905ab3;
  font-weight: 400;
}

.tab-content.style2 {
  background: #f4f4f4;
}


.tab-content.style2 table {
  width: 100%;
}

.tab-content.style2 table th, 
.tab-content.style2 table td {
  padding: 5px 0;
  font-weight: 400;
}

#competition .btn, 
.tab-content.style2 table .btn {
  min-width: 0;
}

.tab-content.style2 table td span {
  color: #905ab3;
  text-decoration: underline;
}

ul.load-bar {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-left: 6px;
  vertical-align: middle;
}

ul.load-bar li {
  display: inline-block;
  width: 10px;
  height: 15px;
  background: #d7d7d7;
  border-radius: 4px;
}

ul.load-bar li.active {
  background: #36cc8a;
}

.training-list-item {
  text-align: center;
}

.training-list-item .desc {
  color: var(--text-black);
  line-height: 22px;
  margin-top: 6px;
}

#breeding p {
  font-weight: 400;
  color: var(--text-black);
}

#breeding table td, #breeding p span {
  text-decoration: underline;
  color: #905ab3;
}

.modal-content {
  background: #f4f4f4 none repeat scroll 0 0;
  border-radius: 10px;
  padding: 10px 30px;
  display: inline-block;
}

.modal-content .modal-header {
  border: none;
  padding: 0;
}

.modal-body table {
  width: 100%;
}

.modal-body table p {
  margin-bottom: 20px;
}

.modal-body table td {
  line-height: 22px;
  font-weight: 400;
}

.modal-body table td a {
  text-decoration: underline;
  color: #905ab3;
}

.modal.in .modal-dialog {
  transform: translatey(50%);
  -webkit-transform: translatey(50%);
  -moz-transform: translatey(50%);
  -ms-transform: translatey(50%);
  -o-transform: translatey(50%);
  margin-top: 0;
}

.tp-bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.tp-bg1 {
  background-position: center center;
  background-repeat: no-repeat;
  height: 262px;
  width: 100%;
  display: inline-block;
}

.tp-bg11 {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
}

.modal-header .close {
  margin-right: -20px;
  margin-top: 5px;
}

.horse-box-wrapper {
  background-position: center bottom;
}

.brief-wrap a, .brief-wrap span {
  color: #905ab3;
  text-decoration: underline;
}


/*============================ END FOOTER ===============================*/
/*============================ PROJECT 2 ================================*/

.barn-content {
  background: url(../img/bg-barn-top.png) no-repeat center top;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 60px;
  margin-top: 10px;
}

.barn-content .content-inner {
  max-width: 494px;
  min-height: 211px;
  text-align: center;
  margin: 0 auto;
  font-size: 10px;
  color: #493b3b;
  background: url(../img/bg-bar-text.png) no-repeat center center;
  background-size: contain;
  padding-top: 20px;
}

.barn-image-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.barn-image-preview img {
  width: 100px;
  height: 100px;
}

.barn-item {
  background: #f9f9f9;
  text-align: center;
  border: 8px solid #eaeaea;
  border-radius: 10px;
  padding: 5px;
  margin: 0 auto 25px;
  max-width: 225px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  min-height: 420px;
}

.barn-itema {
  background-color: var(--white);
  text-align: center;
  border: 4px solid #eaeaea;
  border-radius: 10px;
  padding: 5px;
  margin: 0 auto 25px;
  max-width: 225px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  position: relative;
}

.barn-lista .col-md-3.col-sm-6 {
  padding-left: 7px;
  padding-right: 7px;
}

.barn-itema.empty-barn {
  padding-top: 90px;
  padding-bottom: 110px;
}

.barn-itema img {
  margin: 0 auto;
}

.barn-itema .wrap-input {
  margin: 0 auto;
}

.barn-itema .barn-name {
  font-family: var(--font-primary);
  text-transform: uppercase;
  font-size: 18px;
  color: var(--text-black);
  margin: 13px 0 7px;
  word-break: break-all;
  overflow-wrap: break-word;
}

.barn-itema p {
  color: var(--text-black);
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 15px;
}

.image_top > img {
  float: left;
  margin: -5px 12px;
}

.image_top {
  width: 100%;
  display: inline-block;
}

.paly_bton > .btn {
  background-color: #2bbe39;
  font-size: 100%;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
  border-color: transparent;
}

.bottan_botatam {
  margin-top: -10px;
}

.bottan_botatam .text-center {
  margin-bottom: 30px 0 0;
}

.left_popup {
  display: inline-block;
  float: left;
  margin-right: 3%;
  margin-top: 40px;
  width: 30%;
}

.right_popup {
  float: left;
  width: 67%;
  margin-top: 52px;
  display: inline-block;
}

.right_popup .barn-itema {
  background: var(--white) none repeat scroll 0 0;
  border: 4px solid #eaeaea;
  border-radius: 10px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  margin: 0 auto 25px;
  padding: 5px;
  text-align: center;
  max-width: 100%;
  width: 100%;
  display: inline-block;
}

.part_text > p {
  font-size: 12px;
  line-height: 12px;
  padding: 6px;
  text-align: justify;
  width: 57%;
  float: left;
}

.barn-namea {
  color: var(--text-black);
  font-family: var(--font-primary);
  font-size: 12px;
  margin: 10px 0;
}

.modal-dialog {
  margin: 30px auto;
  width: 700px;
}

.part-texttt {
  display: inline-block;
  float: left;
  width: 43%;
}

.right_popup .image_top {
  margin-left: 50px;
  margin-top: 6px;
  position: relative;
}

.plush {
  display: inline-block;
  float: left;
  margin: 4px -19px;
}

.right_popup .text-center {
  margin-top: 15px;
}

.bottan_botatam .btn.btn-blue {
  font-family: var(--font-luna);
  font-size: 9.75px;
}

.left_popup .pop_data {
  padding: 8px;
}

.barn-item.auction-barn {
  padding-top: 80px;
  padding-bottom: 80px;
}

.barn-item.empty-barn {
  padding-top: 90px;
  padding-bottom: 110px;
}

.barn-item img {
  margin: 0 auto;
}

.barn-item .wrap-input {
  margin: 0 auto;
}

.barn-item .barn-name {
  font-family: var(--font-primary);
  text-transform: uppercase;
  font-size: 18px;
  color: var(--text-black);
  margin: 27px 0 7px;
}

.barn-item p {
  line-height: 18px;
  color: var(--text-black);
  margin-bottom: 15px;
}

.barn-list {
  background: url(../img/bg-barn-bottom.png) no-repeat center bottom;
  padding-bottom: 35px;
  margin-bottom: 25px;
  background-size: contain;
}

.barn-lista {
  background-size: contain;
  margin-bottom: 25px;
  padding-bottom: 35px;
  margin-top: 30px;
}

.navigation-top {
  background: url(../img/nav-bg-top.png) no-repeat center top;
  min-height: 245px;
  margin-bottom: 45px;
}

.navigation-text {
  max-width: 580px;
  margin: 0 auto;
  color: var(--text-black);
  padding: 15px;
}

.navigation-list {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 610px;
  margin: 0 auto 85px;
}

.nav-item {
  max-width: 95px;
  margin: 0 auto;
  border: 8px solid transparent;
  border-radius: 10px;
}

.nav-item img {
  margin: 0 auto;
  border-radius: 10px;
}

.navigation-list .nav-item:hover, 
.navigation-list-preview .nav-item-unlocked:hover {
  background: #f9f9f9;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  border-color: #eaeaea;
  cursor: pointer;
}

.navigation-box {
  background: url(../img/nav-bg-bottom.png) no-repeat center top;
  background-size: cover;
  position: relative;
  color: var(--text-white);
  margin-bottom: 30px;
}

.navigation-box .title {
  text-align: center;
  color: #26936d;
  margin: 0 0 15px;
  text-transform: uppercase;
  font-family: var(--font-primary);
  font-weight: 300;
}

.nav-prev, .nav-next {
  width: 100px;
  background: #f4f4f4;
  border: 7px solid #eaeaea;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  font-family: var(--font-luna);
  color: #37cd8d;
  display: block;
  padding: 14px 0 10px;
  position: absolute;
  top: 45px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}

.nav-prev img, 
.nav-next img {
  margin: 0 auto;
}

.nav-prev {
  left: 20px;
}

.nav-next {
  right: 20px;
}

.nav-prev:hover, 
.nav-next:hover, 
.nav-prev:focus, 
.nav-next:hover {
  text-decoration: none;
  color: #37cd8d;
}

.nav-box {
  background: #eaeaea;
  border-radius: 6px 6px 8px 8px;
  overflow: hidden;
  margin-bottom: 20px;
}

.nav-box h4 {
  padding: 6px 15px;
  background: #2c976e;
  font-size: 14px;
  font-weight: 300;
  font-family: var(--font-primary);
  text-transform: uppercase;
  color: var(--text-white);
  margin: 0;
}

.nav-box table {
  width: 100%;
}

.nav-box table td {
  padding: 8px 20px;
  font-size: 12px;
  color: var(--text-black);
  line-height: normal;
}

.nav-box table tr:nth-child(2n) td {
  background: #dedede;
}

.nav-image-item {
  background: #f9f9f9;
  border: 8px solid #eaeaea;
  border-radius: 10px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  margin: 0 auto 20px;
  max-width: 130px;
  padding: 10px;
}

.nav-image-item img {
  margin: 0 auto;
}

.nav-title-item {
  text-transform: uppercase;
  color: var(--text-white);
  font-family: var(--font-primary);
  margin: 0;
  font-weight: 300;
  font-size: 24px;
}

h3.nav-title {
  background: #8752ba none repeat scroll 0 0;
  border-radius: 5px;
  color: var(--text-white);
  font-size: 36px;
  margin: 100px 0 0;
  padding-bottom: 12px;
  text-align: center;
  text-transform: uppercase;
}

.Player {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 100%;
}

.bank_data {
  display: inline-block;
  margin: 0 10%;
  width: 80%;
}

.Player h3.nav-title {
  background: #8752ba none repeat scroll 0 0;
  border-radius: 5px;
  color: var(--text-white);
  display: inline-block;
  font-size: 36px;
  left: 0;
  margin: 0 10%;
  padding-bottom: 12px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 80%;
}

/*========================== END PROJECT 2 =============================*/

/*===============nwes css=====================*/

.nwes_tital h2 {
  color: #cccccc;
  font-family: var(--font-luna);
  font-size: 24px;
  margin-bottom: 30px;
}

.nwes_tital {
  clear: both;
  margin-top: 150px;
  text-align: center;
}

.nwes_data {
  background-color: var(--white);
  border-radius: 5px;
  width: 100%;
  height: 520px;
  display: inline-block;
  margin-top: 70px;
}

.news_up > img {
  border-radius: 5px 5px 0 0;
  width: 100%;
}

.doun_tital_3 {
  margin: 0 8%;
  width: 84%;
}

.doun_tital_3 p {
  color: #434d53;
  font-size: 12px;
  text-align: justify;
}

.doun_tital_2 {
  text-align: center;
}

.doun_tital_2 > p {
  color: #434d53;
}

.doun_tital_4 {
  display: inline-block;
  margin-top: -20px;
  width: 100%;
}

.doun_tital_4 {
  display: inline-block;
  width: 100%;
  margin-top: -20px;
}

.doun_tital_4 > h3 {
  color: #a369c7;
  float: right;
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: bold;
  margin-right: 15px;
}

.doun_tital_5 li {
  display: inline-block;
  list-style: outside none none;
  margin-right: 5px;
}

.doun_tital_5 > ul {
  margin-left: 5px;
}

.doun_tital_5 span {
  color: #aa76cb;
  font-size: 12px;
  padding: 0 6px;
}

.doun_tital_5 {
  display: table;
  margin: 10px auto;
}

.news_up_2 > img {
  border-radius: 0 0 5px 5px;
  width: 100%;
}

.news_Data_bottam > a {
  color: #cccccc;
  float: right;
  font-weight: bold;
  text-decoration: underline;
}

.new_tital > h3 {
  clear: both;
  color: #222222;
  font-family: var(--font-primary-light);
  font-size: 24px;
  text-align: center;
}

.image_icon > h3 {
  color: var(--text-black);
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}

.image_icon > p {
  color: #434d53;
  text-align: center;
}

.cart {
  text-align: center;
}

.image_icon {
  text-align: center;
}

.newwes_image h3 {
  color: var(--text-black);
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
}

.newwes_image p {
  color: var(--text-black);
  font-size: 12px;
  text-align: center;
}

.newwes_image li {
  list-style: outside none none;
}

.new_west .row {
  margin-left: 15px;
  margin-right: 15px;
}

.sub_btn .btn {
  background-color: #9863b5;
  border-color: #9863b5;
  color: var(--text-white);
  display: inline-block;
  font-family: var(--font-primary);
  margin-top: 6px;
  width: 100%;
}

.sub_btn .btn {
  background-color: #9863b5;
  border-color: #9863b5;
  color: var(--text-white);
  display: inline-block;
  font-family: var(--font-primary);
  margin-top: 6px;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
}

.team-box_1 {
  background: rgba(0, 0, 0, 0) url("../img/bg-team-bottom.png") no-repeat scroll center top / contain;
  margin-bottom: 25px;
  padding: 121px 0 50px;
  position: relative;
}

.team-box_1::before {
  background: rgba(0, 0, 0, 0) url("../img/arrow-last.png") no-repeat scroll center center;
  content: "";
  height: 25px;
  position: absolute;
  right: 100%;
  top: 95px;
  width: 64px;
}

.team-box_1::after {
  background: rgba(0, 0, 0, 0) url("../img/arrow-first.png") no-repeat scroll center center;
  content: "";
  height: 33px;
  left: 100%;
  position: absolute;
  top: -18px;
  width: 46px;
}

.banner-profile_news {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 997px;
}

.banner-profile_bank {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 496px;
  position: relative;
}

.team-title {
  font-family: var(--font-primary-light);
}

.new_tital {
  clear: both;
}

.doun_tital {
  clear: both;
  width: 100%;
}

.newwest {
  clear: both;
}

.arrow-up {
  border-bottom: 20px solid var(--white);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  left: 109px;
  position: absolute;
  top: -44px;
}

.news_doun {
  position: relative;
}

.arrow-down {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid var(--white);;
  height: 0;
  left: 115px;
  position: absolute;
  width: 0;
}

.single-top1 h4 {
  color: #a05ab2;
  font-size: 18px;
  margin: 0;
}

.single-top1 h2 {
  color: #a05ab2;
  font-size: 48px;
  margin: 0;
}

.text-center_play {
  color: var(--text-black);
  margin: 0 16%;
  width: 68%;
}

.right_que img {
  float: right;
  margin: 10px;
}

.benk_textdaa {
  background: url(../img/nav-bg-top.png) left top;
  display: inline-block;
  width: 100%;
}

.benk_textdaa.banko {
  background-position: center center;
  background-repeat: no-repeat;
  height: 241px;
  width: 100%;
}

.benk_textdaa h4 {
  color: #8e4dab;
  font-family: luna;
  font-size: 12px;
  line-height: 25px;
  margin: 18px 112px;
  width: 35%;
}

.benekakaka p {
  color: var(--text-black);
  font-family: var(--font-primary-light);
  line-height: 10px;
  margin-left: 109px;
}

.teno {
  color: var(--text-black);
  font-size: 12px;
  margin-top: 16px;
  width: 71%;
}

.box_lefti {
  background: rgba(0, 0, 0, 0) url("../img/bank_box.png") no-repeat scroll 0 0 / 100% auto;
  height: 272px;
  width: 86%;
  margin: 0 8%;
  margin-top: 80px;
}

.box_lefti h3 {
  display: inline-block;
  margin-top: 13px;
  text-align: center;
  width: 100%;
  font-family: luna;
  font-size: 15px;
  color: var(--text-white);
}

.box_lefti > p {
  color: #4d4d4d;
  font-family: var(--font-primary-light);
  margin-top: 9px;
  text-align: center;
}

.deposit {
  float: left;
  margin: 0 4%;
  width: 42%;
}

.deposit h5 {
  color: var(--text-black);
  font-size: 22px;
  text-align: center;
}

.deposit input {
  border: 1px solid #d7d7d7;
  box-shadow: 1px 1px 1px 5px #ebebeb;
  margin-bottom: 15px;
}

.box_lefti span {
  display: inline-block;
  font-size: 10px;
  padding: 0 14px;
  text-align: center;
  width: 100%;
}

.banck_bottom h6 {
  color: var(--text-black);
  font-family: var(--font-primary-light);
  font-size: 12px;
  font-weight: bold;
  margin: 14px;
  margin-top: 9px;
  float: left;
}

.box_2 > h5 {
  color: var(--text-black);
  font-size: 24px;
  text-align: center;
}

.buttton_banck {
  float: right;
  margin-right: 7px;
}

.game.mage {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../img/icon-heart.png");
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.game h1 {
  color: var(--text-black);
  display: inline-block;
  font-family: var(--font-luna);
  font-size: 24px;
  line-height: 6px;
  margin-left: 33px;
}

.game.mage {
  margin-left: 15px;
  margin-top: 0px;
  width: 44%;
  display: inline-block;
}

.game.mage > input {
  margin-left: 66px;
}

.banck_bottom {
  display: inline-block;
  margin: 5px 0;
}

.geem.begenn::after {
  border-bottom: 1px solid;
  border-top: 1px solid;
  color: var(--text-black);
  content: "OR";
  font-size: 28px;
  margin-left: 23px;
  margin-top: 0;
  position: absolute;
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0px, rgba(0, 0, 0, 0) 100%);
}

.carousel-control.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0px, rgba(0, 0, 0, 0) 100%);
}

.slider_a li {
  float: left;
  list-style: outside none none;
  margin: 0 26px;
  position: relative;
}

.quetion {
  position: absolute;
  right: 15px;
  top: 15px;
}

.horse_quetion {
  position: absolute;
  right: 45px;
  top: 45px;
}

.s_data > p {
  color: var(--text-black);
}

.s_data {
  margin-top: -84px;
  text-align: center;
  z-index: 999;
}

.s_data span {
  font-size: 10px;
}

.left.carousel-control {
  margin-top: 85px;
  margin-left: -55px;
}

.right.carousel-control {
  margin-right: -55px;
  margin-top: 85px;
}

.carousel-control {
  opacity: 1;
}

.slider_a {
  margin: 25px 0;
}

.slider_a spam {
  display: inline-block;
  margin-bottom: 20px;
}

.buttton_banck1 .btn {
  background-color: #9863b5;
  border-color: #9863b5;
  color: var(--text-white);
  display: inline-block;
  font-family: var(--font-luna);
  font-size: 11px;
  margin-top: 6px;
}

.send_op input {
  border: 1px solid #d7d7d7;
  box-shadow: 1px 1px 1px 5px #ebebeb;
  margin-bottom: 15px;
}

.send_op > h5 {
  color: var(--text-black);
  font-size: 18px;
}

.buttton_banck1 > p {
  color: #ff0000;
  float: left;
}

.send_op {
  float: right;
  margin-bottom: 20px;
}

.buttton_banck1 > p {
  color: #ff0000;
  float: left;
  margin-right: 16px;
  margin-top: 17px;
}

.text-centerb {
  text-align: center;
  width: 100%;
  margin: 35px 0;
}

.text-centerb > p {
  color: var(--text-black);
  font-family: var(--font-primary-light);
  font-size: 30px;
}

.slider_b spam {
  display: inline-block;
  margin-bottom: 20px;
}

.slider_b {
  margin: 25px 0;
}

.slider_b li {
  float: left;
  list-style: outside none none;
  margin: 0 14px;
  position: relative;
}

.sb_data {
  margin-top: -127px;
  text-align: center;
  z-index: 999;
}

.sb_data > p {
  color: var(--text-black);
  font-size: 18px;
}

.sb_data span {
  font-size: 10px;
}

.slider_b .left.carousel-control img {
  display: inline-block;
  margin-top: 70px;
}

.slider_b .right.carousel-control img {
  display: inline-block;
  margin-top: 70px;
}

.resent {
  background: url(../img/bank_bg_2.png)
}

.resent {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 511px;
  margin-bottom: 210px;
  position: relative;
}

.resent h3 {
  color: var(--text-white);
  font-family: var(--font-primary-light);
  font-size: 30px;
  padding: 30px 0;
  text-align: center;
}

.bank_tebole {
  background-color: #f3f3f3;
  border: 9px solid #eaeaea;
}

.bank_tebole th {
  color: var(--text-black);
  font-family: var(--font-primary-light);
  font-size: 18px;
  text-align: center;
}

.bank_tebole td {
  color: var(--text-black);
  font-size: 14px;
  text-align: center;
}

.nwes_tital {
  margin-top: 150px;
  text-align: center;
}

.news_up > img {
  border-radius: 5px 5px 0 0;
  width: 100%;
}

.doun_tital > h3 {
  color: #a369c7;
  font-family: var(--font-luna);
  font-size: 100%;
  margin: 25px 10px 5px;
  text-align: center;
  line-height: 25px;
}

.doun_tital_3 {
  margin: 0 8%;
  width: 84%;
}

.doun_tital_3 p {
  color: #434d53;
  font-size: 12px;
  text-align: justify;
}

.doun_tital_2 {
  text-align: center;
}

.doun_tital_2 > p {
  color: #434d53;
}

.doun_tital_4 {
  display: inline-block;
  margin-top: -20px;
  width: 100%;
}

.doun_tital_4 {
  display: inline-block;
  width: 100%;
  margin-top: -20px;
}

.doun_tital_4 > h3 {
  color: #a369c7;
  float: right;
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: bold;
  margin-right: 15px;
}

.news_up_2 > img {
  border-radius: 0 0 5px 5px;
  width: 100%;
}

.news_Data_bottam > a {
  color: #cccccc;
  float: right;
  font-weight: bold;
  text-decoration: underline;
}

.new_tital > h3 {
  clear: both;
  color: #222222;
  font-family: var(--font-primary-light);
  font-size: 30px;
  text-align: center;
}

.image_icon > h3 {
  color: var(--text-black);
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}

.image_icon > p {
  color: #434d53;
  text-align: center;
}

.cart {
  text-align: center;
}

.image_icon {
  text-align: center;
}

.newwes_image h3 {
  color: var(--text-black);
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
}

.newwes_image p {
  color: var(--text-black);
  font-size: 12px;
  text-align: center;
}

.newwes_image li {
  list-style: outside none none;
}

.new_west .row {
  margin-left: 15px;
  margin-right: 15px;
}

.sub_btn .btn {
  background-color: #9863b5;
  border-color: #9863b5;
  color: var(--text-white);
  display: inline-block;
  font-family: var(--font-primary);
  margin-top: 6px;
  width: 100%;
}

.sub_btn .btn {
  background-color: #9863b5;
  border-color: #9863b5;
  color: var(--text-white);
  display: inline-block;
  font-family: var(--font-primary);
  margin-top: 6px;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
}

.team-box_1 {
  background: rgba(0, 0, 0, 0) url("../img/bg-team-bottom.png") no-repeat scroll center top / contain;
  margin-bottom: 25px;
  padding: 121px 0 50px;
  position: relative;
}

.team-box_1::before {
  background: rgba(0, 0, 0, 0) url("../img/arrow-last.png") no-repeat scroll center center;
  content: "";
  height: 25px;
  position: absolute;
  right: 100%;
  top: 95px;
  width: 64px;
}

.team-box_1::after {
  background: rgba(0, 0, 0, 0) url("../img/arrow-first.png") no-repeat scroll center center;
  content: "";
  height: 33px;
  left: 100%;
  position: absolute;
  top: -18px;
  width: 46px;
}

.banner-profile_news {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 997px;
}

.team-title {
  font-family: var(--font-primary-light);
}

.new_tital {
  clear: both;
}

.doun_tital {
  clear: both;
  width: 100%;
}

.newwest {
  clear: both;
}

.game-messages {
  padding: 0 30px;
  position: relative;
  z-index: 999;
  top: 100px;
  width: 100%;
}

.doun_tital_3 a {
  color: #434d53 !important;
}

.purli {
  margin-left: 45px;
}

.bigpur {
  width: 130px;
}

.doun_tital_5 a {
  color: #b674c1 !important;
  text-decoration: none;
}

.arrow-up {
  border-bottom: 20px solid var(--white);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  left: 109px;
  position: absolute;
  top: -44px;
}

.news_doun {
  position: relative;
}

.arrow-down {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid var(--white);
  height: 0;
  left: 115px;
  position: absolute;
  width: 0;
}

.byname >a {
  color: #B274C2 !important;
}

.news_up.single_page > img {
  margin-left: 34%;
  margin-top: 12px;
  width: 30%;
}

.single_pg {
  padding-left: 34%;
}

.com_details > p {
  color: #B270C6;
}

.sec_sing_pg {
  background-color: var(--white);
  border-radius: 5px;
  display: inline-block;
  margin-top: 0;
  width: 100%;
}

.sin_co {
  height: 662px;
}

.commentimg > img {
  width: 64%;
}

.commentimg {
  width: 100px;
}

.options_admin >ul {
  margin-left: -42px;
}

.head_rep {
  font-family: "lullabyregular";
  font-size: 18px;
}

.rep_btn {
  background-color: #37cb8c;
  margin-bottom: 10px;
  margin-left: 42%;
  margin-top: 10px;
}

.cont_comm {
  border: 1px solid #74b4af;
  padding-left: 15px;
  padding-top: 5px;
  width: 87%;
}

.vplayerpg {
  height: 265px;
  margin-bottom: 32px;
  padding-bottom: 10px;
}

.vpl {
  padding-bottom: 20px;
  padding-left: 39%;
  padding-top: 20px;
}

.cdata {
  padding-left: 20px;
}

.frm_acc >label {
  color: var(--text-white);
  padding: 7px;
  width: 48%;
}

.frm_acc >label >span {
  color: #9b63b9;
}

.input-group .form-control {
  float: left;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  z-index: 999;
  height: 32px;
}

.rs_btn {
  background-color: #62b2a6;
  margin-bottom: 10px;
  margin-left: 40%;
  margin-top: 10px;
  width: 20%;
}

.input-group-addon {
  color: var(--text-white); !important;
}

.acc_back {
  height: 800px;
}

.name >a {
  color: var(--text-black);
}

.chatrooma {
  /* background: rgba(0, 0, 0, 0) url("../img/chatroom_bg2.png") no-repeat scroll 0 0 / cover ; */
  height: 253px;
  position: relative;
  width: 100%;
  background-size: 100%;
}

.chatrooma2 {
  background: rgba(0, 0, 0, 0) url("../img/chatroom_bg2.png") no-repeat scroll 0 0 / cover;
  height: 253px;
  position: relative;
  width: 100%;
  background-size: 100%;
}

.Chat {
  margin-top: 90px;
  text-align: center;
  z-index: 999;
  position: relative;
  color: var(--text-black);
}

.chatrooma h5 {
  color: var(--text-black);
  font-size: 48px;
}

.chatrooma h5 {
  text-align: center;
}

.chatrooma h5:before, .chatrooma h5:after {
  border-top: 3px solid #a05ab2;
  border-bottom: 3px solid #a05ab2;
  content: "";
  display: inline-block;
  height: .1em;
  margin-bottom: .25em;
  position: relative;
  width: 20%;
}

.chatrooma h5:before {
  right: .5em;
  margin-left: -50%;
}

.chatrooma h5:after {
  left: .5em;
  margin-right: -50%;
}

.chatrooma p {
  color: var(--text-black);
  cursor: pointer;
  font-family: var(--font-primary-light);
  font-size: 21px;
}

.Return .btn {
  background-color: #9863b5;
  border-color: #9863b5;
  color: var(--text-white);
  display: inline-block;
  font-family: var(--font-primary-light);
  font-size: 12px;
  margin-top: 6px;
}

.Return {
  float: right;
  margin: 20px 38px;
}

.btn.Returnr img {
  padding: 5px 26px;
}

.username {
  margin: 0 2%;
  width: 94%;
}

.username {
  border: 1px solid #eaeaea;
  box-shadow: 0 0 5px 8px #eaeaea;
  margin: 0 2%;
  overflow-y: scroll;
  padding: 27px;
  width: 94%;
  height: 400px;
}

.usernamea {
  margin: 0 2%;
  width: 94%;
}

.usernamea {
  border: 1px solid #eaeaea;
  box-shadow: 0 0 5px 8px #eaeaea;
  margin: 60px 2%;
  overflow-y: scroll;
  padding: 0px;
  width: 94%;
  height: 400px;
}

.buttton_banck55 {
  display: inline-block;
  width: 100%;
}

.buttton_banck55 input {
  float: left;
  margin-right: 5px;
  margin-top: 7px;
  padding: 15px;
  width: 85%;
}

.buttton_banck55 {
  display: inline-block;
  margin: 11px 3% 100px;
  width: 94%;
}

.buttton_banck55 .btn {
  background-color: #9863b5;
  border-color: #9863b5;
  color: var(--text-white);
  display: inline-block;
  font-family: var(--font-luna);
  font-size: 11px;
  margin-top: 6px;
}

.simbola li {
  list-style: outside none none;
  margin-bottom: 6px;
}

.sim_text strong {
  font-family: var(--font-primary-light);
  font-size: 18px;
  font-style: normal;
}

.alertt {
  float: left;
  width: 10%;
}

.simbola {
  display: inline-block;
  float: left;
  margin-top: 6px;
  width: 10%;
}

.simbola > ul {
  margin: 0;
  padding: 0px 16px;
}

.sim_text {
  color: var(--text-black);
  margin-top: 10px;
}

.alert-warning {
  background-color: transparent;
  border-color: transparent;
  color: #8a6d3b;
}

.alert-dismissable .close, .alert-dismissible .close {
  opacity: 1;
}

.alertt > img {
  border: 3px solid #dfdfdf;
  border-radius: 100%;
}

.splasha_main {
  display: inline-block;
  margin: 0 7%;
  width: 86%;
}

.hd_spalsh {
  text-align: center;
}

.hd_spalsh > h5 {
  background-color: #8351b3;
  color: var(--text-white);
  font-size: 24px;
  height: 40px;
  line-height: 31px;
  margin: 0;
}

.spalsh {
  box-shadow: 0 0 3px 9px #eaeaea;
  display: inline-block;
  margin: 27px 0;
  width: 100%;
  height: 160px;
}

.hd_spalsh > p {
  color: var(--text-black);
  font-size: 10px;
  margin: 5%;
  width: 80%;
}

.left_spalash {
  float: left;
  margin-bottom: 10px;
  margin-left: 15px;
}

.sap_btn {
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-top: 24px;
  padding: 0;
}

.sap_btn .btn.small {
  font-size: 10px;
  line-height: 14px;
  padding: 9px 9px;
}

.inboxxx li {
  float: left;
  list-style: none;
  margin-left: 24px;
}

.inboxxx img {
  display: inline-block;
  float: left;
  margin-left: -18px;
  margin-top: 10px;
}

.inboxxx {
  text-align: center;
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 10px;
}

.inboxxx li {
  display: inline-block;
  float: none;
}

.inboxxx > ul {
  margin: 0;
  padding: 0;
}

.bd_joi > p {
  margin: 0;
  padding: 0;
}

.bd_joi {
  border-bottom: 1px solid var(--white);
}

.header_send {
  background: rgba(0, 0, 0, 0) url("../img/send_bg.png") repeat scroll 0 0;
  border-radius: 4px 4px 0 0;
  height: 54px;
  position: relative;
  width: 100%;
}

.header_send h4 {
  color: var(--text-white);
  display: inline-block;
  font-size: 30px;
  padding: 0 17px;
}

.header_send img {
  margin-left: 15px;
}

.header_bend > h5 {
  color: #9261b0;
  float: left;
  font-family: var(--font-primary-light);
  font-size: 21px;
  text-align: center;
  text-transform: uppercase;
  width: 25%;
}

.header_bend {
  width: 100%;
  display: inline-block;
}

.nera, .nerb, .nerc, .nerd, .nere, .nerf {
  float: left;
}

.nerb > a {
  background-color: #9c64b6;
  border-radius: 15px;
  color: var(--text-white);
  font-family: var(--font-primary-light);
  padding: 5px 13px;
}

.nerc {
  color: var(--text-black);
  font-family: var(--font-primary-light);
  font-size: 12px;
}

.nere > p {
  color: var(--text-black);
  text-align: center;
}

.nera_data {
  background-color: #fafafa;
  border-radius: 5px;
  display: inline-block;
  margin: 5px;
  width: 98%;
  margin: 1%;
}

.nera {
  margin: 34px;
  width: 8%;
}

.nerb {
  margin-top: 37px;
  width: 9%;
}

.nerc {
  margin-top: 25px;
  text-align: center;
  width: 26%;
}

.nerd {
  display: inline-block;
  text-align: center;
  width: 24%;
}

.nere {
  text-align: center;
  width: 24%;
  margin-top: 25px;
}

.nerd > img {
  margin-top: 3px;
}

.fa-user::before {
  color: var(--text-white);
  content: "";
  font-size: 19px;
}

.input-group-addon {
  background-color: #6e4293;
  border-top: 2px solid #7a3acf;
  border-bottom: 2px solid #7a3acf;
}

.nera_data-2 .input-group {
  float: left;
  width: 24%;
  margin-left: 11px;
}

.input-group_2 {
  display: inline-block;
  float: left;
  margin-left: 15px;
  width: 72%;
}

.input-group_2 .form-control {
  float: left;
  height: 32px;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  z-index: 999;
}

.header_bend1 h5 {
  color: #9261b0;
  float: left;
  font-family: var(--font-primary-light);
  font-size: 16px;
  margin: 15px 0;
  text-transform: uppercase;
}

.header_bend1 {
  display: inline-block;
  margin: 0 2%;
  width: 98%;
}

.usernameab {
  border: 1px solid #eaeaea;
  box-shadow: 0 0 5px 8px #eaeaea;
  margin: 60px 2%;
  padding: 0;
  width: 94%;
}

.usernameab .form-control {
  box-shadow: 0 0 0 4px #ededed;
}

.header_bend1 .buttton_banck {
  margin: 19px 0;
}

.subject_d {
  width: 90%;
  display: inline-block;
}

.subject_d .buttton_banck {
  margin-right: -30px;
}

.payeple > p {
  color: var(--text-white);
  font-family: var(--font-primary);
  font-weight: bold;
  text-align: center;
}

.pyeple_bt {
  text-align: center;
  width: 100%;
}

.credit {
  color: var(--text-black);
  font-size: 30px;
  font-weight: 200;
  text-align: center;
}

.resent1 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 70px;
  position: relative;
}

.resent1 h3 {
  color: var(--text-white);
  font-family: var(--font-primary-light);
  font-size: 30px;
  padding: 30px 0;
  text-align: center;
}

.resent1 {
  background: url(../img/bank_bg_2.png);
  padding-bottom: 15px;
}

.v_tital > p {
  color: var(--text-black);
  font-family: var(--font-primary-light);
  font-size: 24px;
  margin-bottom: 3px;
  margin-right: 35px;
  margin-top: 43px;
  text-align: right;
}

.v_box > h4 {
  color: #3faf8c;
  display: inline-block;
  float: right;
  font-family: var(--font-primary);
  font-weight: bold;
  margin: 35px;
  text-align: right;
}

.valuea {
  background-color: var(--white);
  width: 33%;
}

.Valuee {
  margin: 0 10%;
  width: 80%;
}

.v.alue_2 strong {
  color: var(--text-black);
  margin: 10px 0;
}

.valuea {
  background-color: var(--white);
  display: inline-block;
  text-align: left;
  width: 33%;
  float: left;
}

.valuea strong {
  float: left;
  padding-right: 35px;
  text-align: right;
  width: 100%;
}

.v.alue_2 {
  display: inline-block;
  margin-bottom: 33px;
}

.v.alue_2 > p {
  color: var(--text-black);
  display: inline-block;
  margin: 10px 0;
  padding-right: 35px;
  text-align: right;
  width: 100%;
}

.v_box {
  border-bottom: 1px solid #ebebeb;
  display: inline-block;
  width: 100%;
}

.v_tital_center > p {
  color: var(--text-black);
  font-family: var(--font-primary-light);
  font-size: 24px;
  margin-bottom: 3px;
  margin-top: 12px;
  text-align: center;
}

.v_box_center > h4 {
  color: #3faf8c;
  display: inline-block;
  font-family: var(--font-primary);
  font-weight: bold;
  margin: 35px;
  text-align: center;
}

.valuea_center {
  background-color: var(--white);
  width: 33%;
}

.Valuee_center {
  margin: 0 10%;
  width: 80%;
}

.v.alue_2_center strong {
  color: var(--text-black);
  margin: 10px 0;
}

.valuea_center {
  background-color: var(--white);
  display: inline-block;
  text-align: center;
  width: 33%;
}

.valuea_center strong {
  float: left;
  padding-right: 35px;
  text-align: center;
  width: 100%;
}

.v.alue_2_center {
  display: inline-block;
  margin-bottom: 12px;
}

.v.alue_2_center > p {
  color: var(--text-black);
  display: inline-block;
  margin: 10px 0;
  padding-right: 35px;
  text-align: center;
  width: 100%;
}

.v_box_center {
  border-bottom: 1px solid #ebebeb;
  display: inline-block;
  width: 100%;
}

.v_tital_right > p {
  color: var(--text-black);
  font-family: var(--font-primary-light);
  font-size: 24px;
  margin-bottom: 3px;
  margin-left: 35px;
  margin-top: 43px;
  text-align: left;
}

.v_box_right > h4 {
  color: #3faf8c;
  display: inline-block;
  float: left;
  font-family: var(--font-primary);
  font-weight: bold;
  margin: 35px;
  text-align: left;
}

.valuea_right {
  background-color: var(--white);
  width: 33%;
}

.Valuee_right {
  margin: 0 10%;
  width: 80%;
}

.v.alue_2_right strong {
  color: var(--text-black);
  margin: 10px 0;
}

.valuea_right {
  background-color: var(--white);
  display: inline-block;
  text-align: left;
  width: 33%;
}

.valuea_right strong {
  float: left;
  padding-right: 35px;
  text-align: left;
  width: 100%;
}

.v.alue_2_right {
  display: inline-block;
  margin-bottom: 33px;
}

.v.alue_2_right > p {
  color: var(--text-black);
  display: inline-block;
  margin: 10px 0;
  padding-left: 35px;
  text-align: left;
  width: 100%;
}

.v_box_right {
  border-bottom: 1px solid #ebebeb;
  display: inline-block;
  width: 100%;
}

.v_tital_center span {
  font-family: var(--font-primary);
  font-size: 17px;
}

.valuea_center {
  box-shadow: 0 0 3px 1px #797979;
  display: inline-block;
  margin-right: 3px;
  margin-top: -21px;
  margin-bottom: 41px;
  float: left
}

.titsl_red > img {
  margin-left: -37px;
  margin-top: 28px;
}

.titsl_red {
  position: relative;
  margin-left: -7px;
}

.titsl_red > p {
  color: var(--text-white);
  font-size: 28px;
  position: absolute;
  top: 30px;
  z-index: 9999;
}

.table.table-striped a {
  border-bottom: 1px solid;
  color: #8e4dab;
}

.table-bordered > thead > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > th, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > th, 
.table-bordered > tfoot > tr > td {
  border: 1px solid #583898;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > th a, 
.table > tbody > tr > th a, 
.table > tfoot > tr > th a {
  background-color: #965dbc;
}

.low_l, .low_l1 {
  color: var(--text-black);
  float: left;
  margin-top: 25px;
  padding: 0 17px;
  text-align: justify;
  width: 50%;
}

.Low > h3 {
  border-bottom: 1px solid #eaeaea;
  color: var(--text-black);
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 300;
  margin: 25px 10% 0;
  text-align: center;
  text-transform: uppercase;
  width: 80%;
}

.Viewmo {
  text-align: center;
}

.Viewmo > a {
  color: #935dae !important;
  font-family: var(--font-primary-light);
  font-size: 14px;
  text-decoration: underline;
}

.Low {
  border-radius: 3px;
  box-shadow: 0 0 2px 10px #eaeaea;
  display: inline-block;
  margin: 14px 0 24px;
}

.aditional {
  margin: 0 10%;
  width: 80%;
}

.Viewmo {
  text-align: center;
  width: 100%;
  display: inline-block;
  margin: 14px 0;
}

.low_ri {
  margin-top: 15px;
  text-align: center;
}

.low_ri1 {
  float: left;
  text-align: center;
  width: 46%;
  display: inline-block;
  margin-top: 16px;
}

.special0 > img {
  position: relative;
  width: 100%;
}

.Low_center {
  color: var(--text-white);
  margin: 0 12%;
  position: absolute;
  text-align: center;
  top: 250px;
  width: 70%;
}

.Low_center > h3 {
  border-bottom: 1px solid;
  font-family: var(--font-primary-light);
  font-size: 21px;
}

.Viewmo1 > a {
  color: var(--text-white) !important;
  font-family: var(--font-primary-light);
  font-size: 14px;
  text-decoration: underline;
}

.low_center > p {
  line-height: 19px;
}

.Chat > p {
  text-transform: uppercase !important;
}

.btn.Returnr img {
  padding: 5px 18px 5px 0;
}

.horse-preview-parent {
  width: 190px;
  height: 190px;
  overflow: hidden;
  margin: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: 0px;
}

.horse-preview-child {
  -webkit-transform: rotatey(-180deg) scale(.95);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position-x: -20px;
  background-position-y: 0px;
}

/*========================== LANDING PAGE =============================*/

.landingpage-title-top {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300;
}

.landing-box-top {
  background-color: var(--white);
  text-align: center;
  padding: 33px 30px 30px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  border: 7px solid #eaeaea;
  border-radius: 5px;
}

.landing-box-top .divider {
  max-width: 140px;
  height: 2px;
  background: #ebebeb;
  margin: 0 auto;
}

.landing-box {
  border-radius: 10px;
  text-align: center;
  margin: 0 auto 20px;
}

.landing-box .landing-box-title {
  padding: 10px 5px;
  background: #7e51a2;
  border-radius: 0 0 10px 10px;
  text-transform: uppercase;
  color: var(--text-white);
  font-size: 18px;
  font-weight: 300;
  width: 100%;
}

.landing-box .landing-box-title a {
  color: var(--text-white);
  font-size: 12px;
}

.landing-box.style2 .landing-box-title {
  font-size: 12px;
  padding: 7px 5px;
}

.landing-box .landing-box-title img {
  vertical-align: text-top;
  margin-right: 5px;
}

.landing-title {
  position: relative;
  text-transform: uppercase;
  font-size: 22px;
  color: var(--text-black);
  font-weight: 300;
  text-align: center;
}

.landing-title span {
  display: inline-block;
  padding: 0 22px;
  background-color: var(--white);
  position: relative;
  z-index: 2;
}

.landing-title:before {
  width: 100%;
  height: 4px;
  background: #b672ba;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
}

.preview-title {
  position: relative;
  font-size: 22px;
  margin-bottom: 80px;
  margin-top: 40px;
}

.preview-title:before {
  width: 65%;
  height: 4px;
  background: #b672ba;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
}

.preview-title .preview-button {
  font-family: mademoiselle, sans-serif;
  color: white;
  background-color: #724c98;
  border: 5px solid #dadada;
  text-shadow: 2px 1px #000000;
  border-radius: .5em;
  font-size: 38px;
  padding: 10px 20px;
  height: 64px;
  line-height: 20px;
  display: block;
  width: 262px;
  position: absolute;
  right: -18px;
  top: -38px;
  z-index: 2;
}

.preview-title .preview-text {
  position: absolute;
  top: 40px;
  font-size: 15px;
  width: 300px;
  padding: 0;
  margin: 0;
  right: -35px;
}

@media all and (max-width: 991px) {
  .preview-title {
    margin-bottom: 125px;
  }
  .preview-title .preview-text {
    right: 0;
  }
}

.landing-box-bg {
  border: 7px solid #4da69c;
  border-radius: 10px;
  margin-bottom: 30px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  padding: 40px 15px 12px;
  background: url(../images/landing/LandingPage_bg2.jpg) no-repeat center center;
  background-size: cover;
}

.landing-box-bg.style2 {
  border-color: #9b6bb3;
  background-image: url(../images/ReferralComplete_bg2.jpg);
  margin-top: 30px;
  margin-bottom: 0;
}

.landing-box-bg .table-home-wrapper {
  background:-color var(--white);
}

.landing-box-bg .title {
  text-align: center;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--text-white);
  display: inline-block;
}

.landing-special .title {
  margin-right: 15px;
  background: #5e389c;
  border-radius: 10px;
  padding: 15px 15px 70px 230px;
  text-align: right;
  color: var(--text-white);
}

.landing-special .landing-special-content {
  padding: 40px 30px 15px;
  background-color: var(--white);
  margin-left: 15px;
  border: 7px solid #eaeaea;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  margin-top: -55px;
  border-radius: 0 10px 10px 10px;
  position: relative;
}

.landing-special .landing-special-content:before {
  content: "";
  width: 222px;
  height: 41px;
  background: url(../images/LandingPage_box-bg.png) no-repeat center center;
  position: absolute;
  bottom: 100%;
  left: -15px;
}

.landing-box-2 {
  border: 7px solid #eaeaea;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  position: relative;
  padding: 15px 15px 10px 140px;
  margin-bottom: 30px;
}

.landing-box-2 img {
  position: absolute;
  left: 0;
  top: 0;
}

.form-landing {
  padding-right: 50px;
  position: relative;
}

.form-landing input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 0;
}

.landing-box-2 .title {
  margin-bottom: 9px;
  font-size: 18px;
  text-align: right;
  color: var(--text-black);
}

.landing-box-2 .title i {
  color: #824294;
}

h2.world-preview-header {
  font-size: 7em;
  font-family: mademoiselle, cursive, sans-serif;
  text-shadow: 2px 1px #000000;
  margin-top: -25px;
  padding-top: 0;
  margin-bottom: 35px;
}

.world-preview-description {
  text-transform: uppercase;
  font-size: 17px;
  line-height: 1.4em;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}

.line-break-bg {
  width: 100%;
  height: 4px;
  background: #b672ba;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
}

.line-break-bg span {
  display: inline-block;
  padding: 0 22px;
  background-color: var(--white);
  position: relative;
  z-index: 2;
}

.line-break-bg:before {
  width: 100%;
  height: 4px;
  background: #b672ba;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
}


/*========================== END LANDING PAGE =============================*/

/*======================== REGISTRATION ===========================*/

.registration-box {
  background-color: var(--white);
  padding: 15px 40px;
  border: 7px solid #eaeaea;
  border-radius: 10px;
  margin-bottom: 25px;
  position: relative;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
}

.registration-box .box-number {
  width: 65px;
  height: 130px;
  text-align: center;
  line-height: 150px;
  background: #ededed;
  border-bottom-left-radius: 130px;
  border-top-left-radius: 130px;
  position: absolute;
  top: 50px;
  right: 100%;
  margin-right: 7px;
  font-size: 24px;
  color: #8a59ad;
  font-family: var(--font-luna);
}

/*====================== END REGISTRATION =========================*/

.register-form {
  position: static;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.register-form .register-text {
  max-width: 60%;
}

.register-form p {
  font-size: 12px;
  text-align: center;
}

.register-form img {
  position: absolute;
  top: 0px;
  right: -60px;
  max-height: 300px;
}

@media only screen and (max-width: 600px) {
  .register-form {
    align-items: center;
  }
  .register-form .register-text {
    max-width: 80%;
  }
  .register-form img {
    display: none;
  }
}

.table-home {
  width: 100%;
  border: 7px solid #eaeaea;
}

.table-home th {
  font-weight: bold;
}

.table-home td, .table-home th:nth-child(1) {
  padding: 13px 10px 8px;
}

.table-home tr:nth-child(2n) {
  background-color: #fafafa;
}

.table-home-wrapper {
  margin: 0!important;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px
}

.landing-panel {
  border: 0;
  width: 100%;
  height: 239px;
  border-radius: 15px 15px 0px 0px;
}


/* Fix for Online Users */

.alert.alert123.online-users {
  height: 170px;
}

.alert.online-users {
  margin-top: 30px;
  margin-bottom: 0;
}

.grid {
  display: grid;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gap-px {
  gap: 1px;
}

.gap-3 {
  gap: 0.75rem;
}

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

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


/* BOOTSTRAP SELECT PICKER */

.bootstrap-select>.dropdown-toggle.bs-placeholder {
  color: var(--primary-dark-3);
}

.bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  color: var(--primary-dark-2);
}

.bootstrap-select>.dropdown-toggle, .bootstrap-select>.dropdown-toggle.btn-default {
  background: var(--white);
  color: var(--primary-dark-1);
  font-family: var(--font-primary);
}

.bootstrap-select.open>.dropdown-toggle.btn-default {
  color: var(--black);
  background-color: var(--white);
}

.bootstrap-select button {
  height: 34px;
}

.bootstrap-select .dropdown-header {
  font-size: var(--font-size-mid);
  font-weight: var(--font-weight-semibold);
}

.bootstrap-select.open {
  --box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(var(--primary-rgb), .6);
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  -ms-box-shadow: var(--box-shadow);
  -o-box-shadow: var(--box-shadow);
}

.bootstrap-select.open>.dropdown-toggle.btn-default:hover {
  color: var(--black);
  background-color: var(--primary-light-6);
  border-color: var(--primary-light-4);
}

.bootstrap-select.open>.dropdown-toggle.btn-default.focus, .bootstrap-select.open>.dropdown-toggle.btn-default:focus {
  color: var(--black);
  background-color: var(--primary-light-1);
  border-color: var(--primary-light-4);
}

.bootstrap-select .dropdown-menu>.active>a, .bootstrap-select .dropdown-menu>.active>a:focus, .bootstrap-select .dropdown-menu>.active>a:hover {
  text-decoration: none;
  background-color: var(--primary-light-4);
  color: var(--primary-dark-3);
  outline: 0
}

.bootstrap-select .dropdown-menu>li>a:focus, .bootstrap-select .dropdown-menu>li>a:hover {
  text-decoration: none;
  background-color: var(--primary-light-6);
}

.bootstrap-select>.input-accent.dropdown-toggle.bs-placeholder {
  color: var(--accent-dark-3);
}

.bootstrap-select>.input-accent.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.input-accent.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.input-accent.dropdown-toggle.bs-placeholder:hover {
  color: var(--accent-dark-2);
}

.bootstrap-select>.input-accent.dropdown-toggle, .bootstrap-select>.input-accent.dropdown-toggle.btn-default {
  color: var(--accent-dark-1);
}

.bootstrap-select.open:has(.input-accent) {
  --box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(var(--accent-rgb), .6);
  border-color: var(--accent-color);
  outline: 0;
  box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  -ms-box-shadow: var(--box-shadow);
  -o-box-shadow: var(--box-shadow);
}

.bootstrap-select.open>.input-accent.dropdown-toggle.btn-default:hover {
  color: var(--black);
  background-color: var(--accent-light-6);
  border-color: var(--accent-light-4);
}

.bootstrap-select.open>.input-accent.dropdown-toggle.btn-default.focus, .bootstrap-select.open>.input-accent.dropdown-toggle.btn-default:focus {
  color: var(--black);
  background-color: var(--accent-light-1);
  border-color: var(--accent-light-4);
}

.bootstrap-select:has(.input-accent) .dropdown-menu>.active>a, .bootstrap-select:has(.input-accent) .dropdown-menu>.active>a:focus, .bootstrap-select:has(.input-accent) .dropdown-menu>.active>a:hover {
  text-decoration: none;
  background-color: var(--accent-light-1);
  outline: 0
}

.bootstrap-select:has(.input-accent) .dropdown-menu>li>a:focus, .bootstrap-select:has(.input-accent) .dropdown-menu>li>a:hover {
  text-decoration: none;
  background-color: var(--accent-light-6);
}

.btn-select, .bootstrap-select .btn {
  font-family: var(--font-primary-light);
  font-size: 14px;
}

.header-link {
  color: var(--text-white);
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-links {
    background: url(../images/bg-top.jpg) no-repeat center bottom;
    background-size: cover;
    padding: 115px 0 40px;
}

.top-links .subtitle {
    text-align: center;
    font-family: var(--font-header);
    color: var(--text-white);
    text-transform: uppercase;
    margin: 0;
}

.top-links .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 48px;
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 90px;
    line-height: 1;
}

.top-links .icon-link {
    display: block;
    text-align: center;
    border: 7px solid #eaeaea;
    background: #f4f4f4;
    margin: 0 0 20px;
    text-decoration: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
}

.top-links .icon-link span {
    font-size: 12px;
    text-transform: uppercase;
    color: #020202;
    font-family: var(--font-primary);
    display: block;
    margin: 5px 0;
}

.top-links .icon-link img {
    margin: 0 auto;
}

.color-black {
    color: var(--text-black);
}

.divider {
    width: 100%;
    height: 3px;
    background-color: var(--primary-light-5);
}

.tp-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.tp-table {
    display: table;
    width: 100%;
    height: 100%;
}

.tp-col {
    display: table-cell;
    vertical-align: middle;
}

.icon-box {
    font-size: 14px;
    line-height: 24px;
    color:  var(--text-white);
    font-family: var(--font-luna);
    margin-bottom: 30px;
    text-align: left;
}

.icon-box .tp-col:first-child {
    width: 145px;
}

.icon-box .number {
    width: 120px;
    height: 120px;
    line-height: 140px;
    text-align: center;
    background: #1975b6;
    border-radius: 100%;
    font-size: 36px;
    margin-right: 25px;
}

.table-home {
    width: 100%;
    border: 7px solid #eaeaea;
}

.table-home td {
    padding: 13px 10px 8px;
}

.table-home tr:nth-child(2n) {
    background-color: #fafafa;
}

.table-home-wrapper {
    margin: 0 !important;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
}

.banner-top .return-link {
    border: 7px solid #eaeaea;
    background: #f4f4f4;
    padding: 2px 18px;
    border-radius: 6px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    font-size: 12px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    color: #020202;
    text-decoration: none;
}

.banner-top .return-link img {
    margin-right: 8px;
    vertical-align: bottom;
}

.list-alphabet {
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-alphabet a {
    width: 30px;
    height: 25px;
    border-radius: 3px;
    background: #8044a3;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#8044a3, #af71c8);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#8044a3, #af71c8);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#8044a3, #af71c8);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#8044a3, #af71c8);
    /* Standard syntax */
    font-size: 10px;
    font-family: var(--font-luna);
    display: block;
    text-align: center;
    color: var(--text-white);
    line-height: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

.list-alphabet li {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

/*========================== END HOME 2 =============================*/

/*========================== PREVIEW NONE =============================*/

.list-color {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}

.list-color li {
    float: left;
    margin-right: 6px;
    margin-bottom: 7px;
}

.book-title {
    font-size: 18px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #707070;
    font-weight: 300;
}

.book-image {
    border: 4px solid #efefef;
    border-radius: 10px;
    margin-bottom: 35px;
}

.book-image img {
    border-radius: 5px;
    border: 1px solid #dfdfdf;
}

.button-book a {
    margin-left: 9px;
    margin-right: 9px;
    margin-bottom: 9px;
}

/*========================== END PREVIEW NONE =============================*/

/*========================== GENE/ITEM/BREED BOOK =============================*/

.book-navigation {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.book-navigation li {
    display: inline-block;
    margin: 0 10px;
    color: var(--text-black);
}

.book-navigation li a {
    display: block;
    width: 80px;
    height: 55px;
    border: 7px solid #eaeaea;
    border-radius: 10px;
    background: #f4f4f4;
    padding: 8px 0 5px;
    font-size: 9px;
    font-family: var(--font-luna);
    line-height: 14px;
    text-decoration: none;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
}

.title-book {
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--font-primary);
    color:  var(--text-white);
    margin: 0 0 15px;
    font-weight: 300;
}

.name-book {
    font-size: 24px;
    margin: 0 0 35px;
    font-family: var(--font-luna);
    color: rgba(255, 255, 255, 0.9);
    line-height: 1;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
    
.list-color-book {
    padding: 5px 10px !important;
    background: #ebebeb;
    color: var(--text-black);
    text-transform: capitalize;
    font-size: 16px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
    display: inline-block;
    min-width: 70%;
}

.list-color-book li {
    width: 100%;
    float: none;
    display: block;
    height: 22px;
}

li.breed-type-title {
    font-weight: 600;
    font-size: 1.1em;
}

ul.breed-list-wrapper {
    margin: 5px auto;
}

li.breed-status {
    font-weight: 600;
}

ul.breed-status-wrapper {
    margin: 5px;
}

li.breed-link {
    margin: 3px;
    margin-left: 10px;
}

.tooltip>.tooltip-inner {
    padding: 10px 20px;
    border-radius: 0;
    background-color: var(--white);
    font-size: 12px;
    color: var(--text-black);
    text-transform: uppercase;
    font-family: var(--font-primary);
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--white);
}

table.book-info {
    font-size: 1.25em;
}

.book-info {
    width: 100%;
    border-spacing: 8px;
    border-collapse: inherit;
    margin-bottom: 22px;
}

.book-info th {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--text-white);
    text-align: right;
    padding: 0 8px;
}

.book-info td {
    padding: 5px 10px;
    background: #ebebeb;
    color: var(--text-black);
    line-height: 135%;
}
.box-center {
    margin: 0 auto;
}

.sex-info {
    padding: 2px 18px;
    background: #ebebeb;
    font-size: 12px;
    color: var(--text-black);
    margin-top: 10px;
    margin-bottom: 30px;
    display: inline-block;
}

.book-item {
    margin-bottom: 30px;
}

.book-item .info {
    padding: 0;
    margin: 40px 0 0;
    list-style: none;
}

.book-item .info li {
    text-decoration: underline;
    color: #af71c8;
    padding-left: 40px;
    position: relative;
    line-height: normal;
    margin-bottom: 5px;
}

.main-title {
    padding: 10px 15px 15px;
    text-align: center;
    background: #af71c8;
    color: var(--text-white);
    border-radius: 5px;
    line-height: 1;
    font-size: 30px;
}

/*========================== END BOOK =============================*/


/*========================== ADORAFLY'S =============================*/

 #adorafly-title-wrapper {
        padding-top: 30px;
    }

    #adorafly-background {
        background: url('/images/Adorafly/background.png');
        background-repeat: no-repeat;
        background-size: 900px 900px;
        width: 900px;
        height: 900px;
        margin: 120px auto 20px auto;
    }

    #adorafly-content {
        background: url('/images/Adorafly/content.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-size: 711px 234px;
        width: 711px;
        height: 234px;
        margin: auto;
        margin-top: 25px;
    }

    #adorafly-title {
        background: url('/images/Adorafly/title.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-size: 419px 89px;
        width: 419px;
        height: 89px;
        margin: auto;
    }

    #adorafly-header {
        color: #bc8cbf;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    .adorafly-buttons-wrapper {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .adorafly-button {
        font-size: 1em;
    }

    #adorafly-horse {
        width: 600px;
        height: 480px;
        display: none;
    }

    #current-horse-preview {
        background-repeat: no-repeat;
        background-size: auto;
        background-size: 600px 480px;
        width: 600px;
        height: 480px;
    }

    #adorafly-paragraph {
        text-align: center;
        margin: auto;
        width: 600px;
        font-size: 14px;
    }

    .adorafly-dropdowns {
        width: 520px;
        margin: 15px auto;
    }

    .adorafly-dropdown {
        float: left;
        width: 190px;
        margin-left: 40px;
    }

    #adorafly-dropdowns2 {
        top: 75px;
    }

    .adorafly-genetics-wrapper {
        width: 900px;
        margin: auto;
    }

    .adorafly-genetic-table {
        font-size: 1.5rem;
    }

/*========================== END ADORAFLY'S =============================*/

/*========================== TOP SCORES =============================*/
.nav-tabs.nav-scores {
    border: none;
}

.nav-tabs.nav-scores > li,
.nav-tabs.nav-justified > li {
    padding: 0 10px;
}

.nav-tabs.nav-scores > li > a,
.nav-tabs.nav-justified > li > a {
    font-size:24px;
    font-family: var(--font-header);
    text-transform: uppercase;
    color: #411200;
    padding:10px;
    line-height: 1;
    border:none;
    border-radius:10px 10px 0 0;
}

.nav-tabs.nav-scores > li > a:hover,
.nav-tabs.nav-scores > li > a:focus,
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
    background: none;
}

.nav-tabs.nav-scores > .active > a, 
.nav-tabs.nav-scores > .active > a:focus, 
.nav-tabs.nav-scores > .active > a:hover,
.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:focus, 
.nav-tabs.nav-justified > .active > a:hover {
    background: #ebebeb;
    border: none;
}

.nav-tabs.nav-scores.style2 > .active > a, 
.nav-tabs.nav-scores.style2 > .active > a:focus, 
.nav-tabs.nav-scores.style2 > .active > a:hover,
.nav-tabs.nav-justified.style2 > .active > a, 
.nav-tabs.nav-justified.style2 > .active > a:focus, 
.nav-tabs.nav-justified.style2 > .active > a:hover {
    background: #f4f4f4;
}

.top-scores:after {
    background-image: url(../images/bg-top-scores.png);
}

.top-scores .top-links{
    background:  var(--white);
}

.top-scores .top-links .subtitle,
.top-scores .top-links .title {
    color: #55aab8;
}

.scores-title {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 300;
}

.image-scores {
    margin-top: -80px;
}

.image-scores-bottom {
    margin-top: -120px;
}

.box-scores-1 {
    padding-bottom: 100px;
}

.scores-item {
    max-width:230px;
    margin-bottom: 60px;
    padding-left: 43px;
    position: relative;
}

.scores-item .number {
    width:43px;
    height: 50px;
    background: url(img/scores1.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 8px;
    text-align: center;
    color: var(--text-dark-1);
    font-size: 14px;
}

.scores-item.style2 .number {
    background-image: url(img/scores2.png);
}

.scores-item.style3 .number {
    background-image: url(img/scores3.png);
}

.scores-item.style4 .number {
    background-image: url(img/scores4.png);
}

.scores-item .number span {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 3px;
}

.scores-item .price {
    text-align: right;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--accent-color);
    font-size: 12px;
}

.scores-item.style2 .price {
    border-color: var(--danger-color);
}

.scores-item.style3 .price {
    border-color: var(--primary-color);
}

.scores-item.style4 .price {
    border-color: var(--secondary-color);
}

.scores-item .name {
    margin: 5px 0px 0 10px;
    font-family: var(--font-primary);
    font-weight: 100;
    font-size: 24px;
    text-transform: uppercase;
}

.scores-item p {
    font-size: 12px;
    margin-left: 10px;
}

.content-scores {
    padding: 80px 70px 20px;
    background: #f4f4f4;
}

.box-scores-2 {
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -130px;
}

.box-scores-3 {
    position: relative;
}

.box-scores-3:before {
  bottom: 100%;
  right: 230px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(239, 239, 239, 0);
  border-bottom-color: #efefef;
  border-width: 26px;
}

/*========================== END TOP SCORES =============================*/

/*========================== INDEX =============================*/
.index-header {
  font-size: 50px;
}
FONT
.index-sub-header {
  font-size: 36px;
}

.letter-85 {
  letter-spacing: 0.085em;
}

.w-990 {
  max-width: 990px;
}

.navbar-dark .navbar-brand {
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-dark .navbar-nav .nav-link {
  font-size: 18px;
  color: #e1e0e0;
  font-weight: 400;
  padding: 11px 15px;
}

.navbar-dark .navbar-nav .nav-link.login {
  font-weight: 700;
  text-decoration: underline;
  margin-right: 35px;
}

.horse-shoe {
  background: url(../CE/images/HorseShoe_alone.png);
  background-repeat: no-repeat;
  background-size: 450px 400px;
}

.statistic-box {
  border: 8px solid var(--teal);
  border-radius: 6px;
  padding: 15px;
  background: var(--light-teal) url(../CE/images/bg-statistics.jpg) no-repeat center center;
  background-size: cover;
  max-width: 320px;
  margin: 0 auto;
}

.statistic-box .title-statistic {
  padding-bottom: 10px;
  position: relative;
  text-align: center;
}

.statistic-box .title-statistic:before {
  content: "";
  width: 80%;
  height: 1px;
  background: var(--white);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translatex(-50%);
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
}
.statistic-content {
  border: 6px solid #eaeaea;
  padding: 10px 20px;
  background: var(--white);
  color: var(--text-black);
  font-size: 12px;
}

.statistic-content table {
  width: 100%;
}

.statistic-content table td {
  padding: 8px 0;
}

.statistic-content table td:last-child {
  text-align: right;
}

.title-slide {
  padding: 20px 95px 20px 0;
  font-size: 30px;
  position: relative;
  color: #31364f;
  line-height: normal;
}

.title-slide img {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -42px;
  width: auto !important;
}

.review-item {
  padding: 20px;
  background: var(--white);
  margin: 10px;
}

.review-item .info-person {
  margin-bottom: 30px;
  padding-left: 75px;
  position: relative;
}

.review-item .info-person img {
  width: 70px !important; 
  height: 70px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #515b69;
}

.review-item p {
  margin: 0;
}

.review-item:hover {
  box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
  -webkit-box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
  -moz-box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
  -ms-box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
  -o-box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
}

.review-item:hover p {
  font-weight: 700;
}

.info-person h4 {
  font-size: 20px;
  color: #515b69;
}

.info-person .date {
  font-size: 12px;
  color: #515b69;
  text-transform: uppercase;
}

.box-image {
  border: 7px solid #eaeaea;
  border-radius: 6px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  margin: 0 0 30px;
  display: inline-block;
}

.box-image a {
  display: block;
  padding: 20px 15px;
  color:  var(--text-white);
  background: #7e51a2;
  font-family: "mulisemibold";
}

.img-special {
  border: 7px solid #eaeaea;
  border-radius: 6px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  background-color:  var(--white);
  border-radius: 100%;
  box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
  -webkit-box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
  -moz-box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
  -ms-box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
  -o-box-shadow: 0 4px 10px rgba(100, 47, 162, 0.14);
}

.owl-carousel .owl-nav .owl-prev i,
.owl-carousel .owl-nav .owl-next i {
  color: #642fa2;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
  background-image: linear-gradient(#9657cb, #a24ec5);
}

.owl-carousel .owl-nav .owl-prev:hover i,
.owl-carousel .owl-nav .owl-next:hover i {
  color:  var(--text-white);
}

.owl2 .owl-nav {
  text-align: center;
}

.owl2 .owl-nav > button {
  margin: 0 10px;
}

.owl1.owl-carousel .owl-nav .owl-prev,
.owl1.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
}

.owl1.owl-carousel .owl-nav .owl-prev {
  left: -60px;
}

.owl1.owl-carousel .owl-nav .owl-next {
  right: -60px;
}
/*========================== END INDEX =============================*/