/* Generated by less 2.5.1 */
/*Colors*/
/*Code Syntax colors*/
/*Border-radius*/
/*Border width*/
/*Height & Width*/
/*Transitions*/
/*Misc*/
.valign-center {
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: relative !important;
  display: block !important;
}
a {
  display: block !important;
}
a:hover {
  text-decoration: none !important;
}
a.color-bright:hover {
  color: #a7a6a6 !important;
}
a.color-dark:hover {
  color: #3b3b3a !important;
}
a.color-crimson:hover {
  color: #bf1a23 !important;
}
a.color-wine:hover {
  color: #7e191e !important;
}
a.color-lime:hover {
  color: #51a828 !important;
}
a.color-forest:hover {
  color: #1f5f02 !important;
}
a.color-sky:hover {
  color: #0069bf !important;
}
a.color-night:hover {
  color: #00213b !important;
}
a.color-white:hover {
  color: #d4d4d4 !important;
}
a.color-black:hover {
  color: #212121 !important;
}
a.color-orange:hover {
  color: #bc7400 !important;
}
a.color-yellow:hover {
  color: #c6ad18 !important;
}
a.color-gray:hover {
  color: #363634 !important;
}
.nomargin {
  margin: 0 !important;
}
.nopadding {
  padding: 0 !important;
}
/* Colors*/
.color-bright {
  color: #eeeeee !important;
}
.color-dark {
  color: #211f1e !important;
}
.color-crimson {
  color: #f52933 !important;
}
.color-wine {
  color: #5d0005 !important;
}
.color-lime {
  color: #77e642 !important;
}
.color-forest {
  color: #2a8300 !important;
}
.color-sky {
  color: #018cff !important;
}
.color-night {
  color: #001322 !important;
}
.color-gray {
  color: #5d5b53 !important;
}
.color-white {
  color: #ffffff !important;
}
.color-black {
  color: #000000 !important;
}
.color-orange {
  color: #ff9e00 !important;
}
.color-yellow {
  color: #ffe440 !important;
}
.color-ht-bright {
  color: rgba(255, 255, 255, 0.51) !important;
}
.color-ht-dark {
  color: rgba(0, 0, 0, 0.53) !important;
}
/*Code Syntax*/
.code-beije {
  color: #e0c589 !important;
}
.code-forest {
  color: #8f9d6a !important;
}
/*Backgrounds*/
.bg-bright {
  background: #eeeeee !important;
}
.bg-dark {
  background: #211f1e !important;
}
.bg-crimson {
  background: #f52933 !important;
}
.bg-wine {
  background: #5d0005 !important;
}
.bg-lime {
  background: #77e642 !important;
}
.bg-forest {
  background: #2a8300 !important;
}
.bg-sky {
  background: #018cff !important;
}
.bg-night {
  background: #001322 !important;
}
.bg-gray {
  background: #5d5b53 !important;
}
.bg-white {
  background: #ffffff !important;
}
.bg-black {
  background: #000000 !important;
}
.bg-orange {
  background: #ff9e00 !important;
}
.bg-yellow {
  background: #ffe440 !important;
}
.bg-ht-bright {
  background: rgba(255, 255, 255, 0.51) !important;
}
.bg-ht-dark {
  background: rgba(0, 0, 0, 0.53) !important;
}
/*Radius, spacer, padding, margin, height width*/
/*Border-Radius*/
.rd-1 {
  border-radius: 3px !important;
}
.rd-2 {
  border-radius: 10px !important;
}
.rd-3 {
  border-radius: 15px !important;
}
.rd-4 {
  border-radius: 20px !important;
}
.rd-5 {
  border-radius: 25px !important;
}
.rd-6 {
  border-radius: 30px !important;
}
.ring {
  border-radius: 50% !important;
}
/*Text Styles*/
.ts-underline {
  text-decoration: underline !important;
}
.ts-cursive {
  font-style: italic !important;
}
.ts-light {
  font-weight: 100 !important;
}
.ts-bold {
  font-weight: bolder !important;
}
/*Borders*/
/*Border-styles*/
.brd {
  border: 2px solid #eeeeee !important;
}
.b-solid {
  border-style: solid !important;
}
.b-dashed {
  border-style: dashed !important;
}
.b-dotted {
  border-style: dotted !important;
}
/*Border-width*/
.b-1 {
  border-width: 1px !important;
}
.b-2 {
  border-width: 3px !important;
}
.b-3 {
  border-width: 5px !important;
}
/*Border-colors*/
.b-bright {
  border-color: #eeeeee !important;
}
.b-dark {
  border-color: #211f1e !important;
}
.b-crimson {
  border-color: #f52933 !important;
}
.b-wine {
  border-color: #5d0005 !important;
}
.b-lime {
  border-color: #77e642 !important;
}
.b-forest {
  border-color: #2a8300 !important;
}
.b-sky {
  border-color: #018cff !important;
}
.b-night {
  border-color: #001322 !important;
}
.b-gray {
  border-color: #5d5b53 !important;
}
.b-white {
  border-color: #ffffff !important;
}
.b-black {
  border-color: #000000 !important;
}
.b-orange {
  border-color: #ff9e00 !important;
}
.b-yellow {
  border-color: #ffe440 !important;
}
.border-ht-bright {
  border-color: rgba(255, 255, 255, 0.51) !important;
}
.border-ht-dark {
  border-color: rgba(0, 0, 0, 0.53) !important;
}
/*Height and width*/
.fh {
  min-height: 100% !important;
}
.hh {
  min-height: 50% !important;
}
.nh {
  min-height: 0 !important;
}
.fw {
  width: 100% !important;
}
.hw {
  width: 50% !important;
}
.fcw {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.nw {
  width: 0 !important;
}
/*Transition time*/
.trans-0-3 {
  transition: all 0.3s !important;
}
.trans-0-5 {
  transition: all 0.5s !important;
}
.trans-1-0 {
  transition: all 1s !important;
}
/*Filters*/
.filter-blur {
  filter: blur(5px) !important;
}
.filter-gray {
  filter: grayscale(100%) !important;
}
.filter-sepia {
  filter: sepia(100%) !important;
}
/*Buttons*/
.button {
  display: block;
  background: #eeeeee;
  border: none ;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 1;
}
.button:focus,
.button:active {
  outline: 0 !important;
}
.btn-normal-filled-bright {
  background: #eeeeee;
  color: #211f1e;
}
.btn-normal-filled-bright:hover,
.btn-normal-filled-bright:active {
  background: #a7a6a6;
}
.btn-normal-filled-dark {
  background: #211f1e;
  color: #eeeeee;
}
.btn-normal-filled-dark:hover,
.btn-normal-filled-dark:active {
  background: #3b3b3a;
}
.btn-normal-filled-crimson {
  background: #f52933;
  color: #eeeeee;
}
.btn-normal-filled-crimson:hover,
.btn-normal-filled-crimson:active {
  background: #bf1a23;
}
.btn-normal-filled-wine {
  background: #5d0005;
  color: #eeeeee;
}
.btn-normal-filled-wine:hover,
.btn-normal-filled-wine:active {
  background: #7e191e;
}
.btn-normal-filled-lime {
  background: #77e642;
  color: #211f1e;
}
.btn-normal-filled-lime:hover,
.btn-normal-filled-lime:active {
  background: #51a828;
}
.btn-normal-filled-forest {
  background: #2a8300;
  color: #eeeeee;
}
.btn-normal-filled-forest:hover,
.btn-normal-filled-forest:active {
  background: #1f5f02;
}
.btn-normal-filled-sky {
  background: #018cff;
  color: #eeeeee;
}
.btn-normal-filled-sky:hover,
.btn-normal-filled-sky:active {
  background: #0069bf;
}
.btn-normal-filled-night {
  background: #001322;
  color: #eeeeee;
}
.btn-normal-filled-night:hover,
.btn-normal-filled-night:active {
  background: #00213b;
}
.btn-normal-filled-gray {
  background: #5d5b53;
  color: #eeeeee;
}
.btn-normal-filled-gray:hover,
.btn-normal-filled-gray:active {
  background: #363634;
}
.btn-normal-filled-black {
  background: #000000;
  color: #eeeeee;
}
.btn-normal-filled-black:hover,
.btn-normal-filled-black:active {
  background: #212121;
}
.btn-normal-filled-white {
  background: #ffffff;
  color: #211f1e;
}
.btn-normal-filled-white:hover,
.btn-normal-filled-white:active {
  background: #d4d4d4;
}
.btn-normal-filled-yellow {
  background: #ffe440;
  color: #211f1e;
}
.btn-normal-filled-yellow:hover,
.btn-normal-filled-yellow:active {
  background: #c6ad18;
}
.btn-normal-filled-orange {
  background: #ff9e00;
  color: #211f1e;
}
.btn-normal-filled-orange:hover,
.btn-normal-filled-orange:active {
  background: #bc7400;
}
.button-bright {
  background: #eeeeee;
  color: #211f1e;
}
.button-dark {
  background: #211f1e;
  color: #eeeeee;
}
.button-crimson {
  background: #f52933;
  color: #eeeeee;
}
.button-wine {
  background: #5d0005;
  color: #eeeeee;
}
.button-lime {
  background: #77e642;
  color: #211f1e;
}
.button-forest {
  background: #2a8300;
  color: #eeeeee;
}
.button-sky {
  background: #018cff;
  color: #eeeeee;
}
.button-night {
  background: #001322;
  color: #eeeeee;
}
.button-white {
  background: #ffffff;
  color: #211f1e;
}
.button-black {
  background: #000000;
  color: #eeeeee;
}
.button-yellow {
  background: #ffe440;
  color: #211f1e;
}
.button-orange {
  background: #ff9e00;
  color: #211f1e;
}
.button-gray {
  background: #5d5b53;
  color: #eeeeee;
}
.btn-anim-ltr-bright:hover {
  color: #211f1e;
}
.btn-anim-ltr-bright:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-bright:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-bright:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #a7a6a6 !important;
}
.btn-anim-ltr-dark:hover {
  color: #eeeeee;
}
.btn-anim-ltr-dark:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-dark:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-dark:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #3b3b3a !important;
}
.btn-anim-ltr-crimson:hover {
  color: #eeeeee;
}
.btn-anim-ltr-crimson:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-crimson:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-crimson:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #bf1a23 !important;
}
.btn-anim-ltr-wine:hover {
  color: #eeeeee;
}
.btn-anim-ltr-wine:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-wine:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-wine:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #7e191e !important;
}
.btn-anim-ltr-lime:hover {
  color: #211f1e;
}
.btn-anim-ltr-lime:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-lime:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-lime:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #51a828 !important;
}
.btn-anim-ltr-forest:hover {
  color: #eeeeee;
}
.btn-anim-ltr-forest:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-forest:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-forest:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #1f5f02 !important;
}
.btn-anim-ltr-sky:hover {
  color: #eeeeee;
}
.btn-anim-ltr-sky:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-sky:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-sky:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #0069bf !important;
}
.btn-anim-ltr-night:hover {
  color: #eeeeee;
}
.btn-anim-ltr-night:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-night:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-night:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #00213b !important;
}
.btn-anim-ltr-white:hover {
  color: #211f1e;
}
.btn-anim-ltr-white:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-white:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-white:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #d4d4d4 !important;
}
.btn-anim-ltr-black:hover {
  color: #eeeeee;
}
.btn-anim-ltr-black:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-black:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-black:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #212121 !important;
}
.btn-anim-ltr-yellow:hover {
  color: #211f1e;
}
.btn-anim-ltr-yellow:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-yellow:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-yellow:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #c6ad18 !important;
}
.btn-anim-ltr-orange:hover {
  color: #211f1e;
}
.btn-anim-ltr-orange:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-orange:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-orange:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #bc7400 !important;
}
.btn-anim-ltr-gray:hover {
  color: #eeeeee;
}
.btn-anim-ltr-gray:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-ltr-gray:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-ltr-gray:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 0;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-rtl-dark:hover {
  color: #eeeeee;
}
.btn-anim-rtl-dark:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-dark:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-dark:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #3b3b3a !important;
}
.btn-anim-rtl-bright:hover {
  color: #211f1e;
}
.btn-anim-rtl-bright:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-bright:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-bright:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #a7a6a6 !important;
}
.btn-anim-rtl-crimson:hover {
  color: #eeeeee;
}
.btn-anim-rtl-crimson:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-crimson:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-crimson:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #bf1a23 !important;
}
.btn-anim-rtl-wine:hover {
  color: #eeeeee;
}
.btn-anim-rtl-wine:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-wine:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-wine:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #7e191e !important;
}
.btn-anim-rtl-lime:hover {
  color: #211f1e;
}
.btn-anim-rtl-lime:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-lime:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-lime:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #51a828 !important;
}
.btn-anim-rtl-forest:hover {
  color: #eeeeee;
}
.btn-anim-rtl-forest:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-forest:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-forest:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #1f5f02 !important;
}
.btn-anim-rtl-sky:hover {
  color: #eeeeee;
}
.btn-anim-rtl-sky:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-sky:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-sky:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #0069bf !important;
}
.btn-anim-rtl-night:hover {
  color: #eeeeee;
}
.btn-anim-rtl-night:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-night:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-night:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #00213b !important;
}
.btn-anim-rtl-white:hover {
  color: #211f1e;
}
.btn-anim-rtl-white:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-white:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-white:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #d4d4d4 !important;
}
.btn-anim-rtl-black:hover {
  color: #eeeeee;
}
.btn-anim-rtl-black:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-black:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-black:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #212121 !important;
}
.btn-anim-rtl-orange:hover {
  color: #211f1e;
}
.btn-anim-rtl-orange:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-orange:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-orange:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #bc7400 !important;
}
.btn-anim-rtl-yellow:hover {
  color: #211f1e;
}
.btn-anim-rtl-yellow:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-yellow:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-yellow:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #c6ad18 !important;
}
.btn-anim-rtl-gray:hover {
  color: #eeeeee;
}
.btn-anim-rtl-gray:hover::after {
  width: 100%;
  transition: all 0.3s;
}
.btn-anim-rtl-gray:not(hover)::after {
  width: 0;
  transition: 0.3s;
}
.btn-anim-rtl-gray:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
  width: 0;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-ttb-dark:hover {
  color: #eeeeee;
}
.btn-anim-ttb-dark:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-dark:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-dark:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3b3b3a !important;
}
.btn-anim-ttb-bright:hover {
  color: #211f1e;
}
.btn-anim-ttb-bright:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-bright:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-bright:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a7a6a6 !important;
}
.btn-anim-ttb-crimson:hover {
  color: #eeeeee;
}
.btn-anim-ttb-crimson:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-crimson:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-crimson:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bf1a23 !important;
}
.btn-anim-ttb-wine:hover {
  color: #eeeeee;
}
.btn-anim-ttb-wine:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-wine:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-wine:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7e191e !important;
}
.btn-anim-ttb-lime:hover {
  color: #211f1e;
}
.btn-anim-ttb-lime:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-lime:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-lime:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #51a828 !important;
}
.btn-anim-ttb-forest:hover {
  color: #eeeeee;
}
.btn-anim-ttb-forest:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-forest:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-forest:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f5f02 !important;
}
.btn-anim-ttb-sky:hover {
  color: #eeeeee;
}
.btn-anim-ttb-sky:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-sky:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-sky:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0069bf !important;
}
.btn-anim-ttb-night:hover {
  color: #eeeeee;
}
.btn-anim-ttb-night:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-night:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-night:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00213b !important;
}
.btn-anim-ttb-white:hover {
  color: #211f1e;
}
.btn-anim-ttb-white:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-white:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-white:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d4d4d4 !important;
}
.btn-anim-ttb-black:hover {
  color: #eeeeee;
}
.btn-anim-ttb-black:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-black:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-black:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #212121 !important;
}
.btn-anim-ttb-orange:hover {
  color: #211f1e;
}
.btn-anim-ttb-orange:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-orange:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-orange:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bc7400 !important;
}
.btn-anim-ttb-yellow:hover {
  color: #211f1e;
}
.btn-anim-ttb-yellow:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-yellow:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-yellow:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c6ad18 !important;
}
.btn-anim-ttb-gray:hover {
  color: #eeeeee;
}
.btn-anim-ttb-gray:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-ttb-gray:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-ttb-gray:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-btt-dark:hover {
  color: #eeeeee;
}
.btn-anim-btt-dark:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-dark:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-dark:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-btt-bright:hover {
  color: #211f1e;
}
.btn-anim-btt-bright:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-bright:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-bright:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a7a6a6 !important;
}
.btn-anim-btt-crimson:hover {
  color: #eeeeee;
}
.btn-anim-btt-crimson:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-crimson:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-crimson:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bf1a23 !important;
}
.btn-anim-btt-wine:hover {
  color: #eeeeee;
}
.btn-anim-btt-wine:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-wine:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-wine:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7e191e !important;
}
.btn-anim-btt-lime:hover {
  color: #211f1e;
}
.btn-anim-btt-lime:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-lime:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-lime:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #51a828 !important;
}
.btn-anim-btt-forest:hover {
  color: #eeeeee;
}
.btn-anim-btt-forest:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-forest:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-forest:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f5f02 !important;
}
.btn-anim-btt-sky:hover {
  color: #eeeeee;
}
.btn-anim-btt-sky:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-sky:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-sky:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0069bf !important;
}
.btn-anim-btt-night:hover {
  color: #eeeeee;
}
.btn-anim-btt-night:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-night:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-night:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00213b !important;
}
.btn-anim-btt-white:hover {
  color: #211f1e;
}
.btn-anim-btt-white:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-white:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-white:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d4d4d4 !important;
}
.btn-anim-btt-black:hover {
  color: #eeeeee;
}
.btn-anim-btt-black:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-black:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-black:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #212121 !important;
}
.btn-anim-btt-orange:hover {
  color: #211f1e;
}
.btn-anim-btt-orange:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-orange:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-orange:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bc7400 !important;
}
.btn-anim-btt-yellow:hover {
  color: #211f1e;
}
.btn-anim-btt-yellow:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-yellow:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-yellow:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c6ad18 !important;
}
.btn-anim-btt-gray:hover {
  color: #eeeeee;
}
.btn-anim-btt-gray:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-btt-gray:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-btt-gray:after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-str1-dark:hover {
  color: #eeeeee;
}
.btn-anim-str1-dark:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-dark:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-dark:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3b3b3a !important;
}
.btn-anim-str1-bright:hover {
  color: #211f1e;
}
.btn-anim-str1-bright:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-bright:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-bright:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a7a6a6 !important;
}
.btn-anim-str1-crimson:hover {
  color: #eeeeee;
}
.btn-anim-str1-crimson:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-crimson:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-crimson:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bf1a23 !important;
}
.btn-anim-str1-wine:hover {
  color: #eeeeee;
}
.btn-anim-str1-wine:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-wine:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-wine:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7e191e !important;
}
.btn-anim-str1-lime:hover {
  color: #211f1e;
}
.btn-anim-str1-lime:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-lime:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-lime:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #51a828 !important;
}
.btn-anim-str1-forest:hover {
  color: #eeeeee;
}
.btn-anim-str1-forest:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-forest:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-forest:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f5f02 !important;
}
.btn-anim-str1-sky:hover {
  color: #eeeeee;
}
.btn-anim-str1-sky:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-sky:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-sky:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0069bf !important;
}
.btn-anim-str1-night:hover {
  color: #eeeeee;
}
.btn-anim-str1-night:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-night:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-night:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00213b !important;
}
.btn-anim-str1-white:hover {
  color: #211f1e;
}
.btn-anim-str1-white:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-white:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-white:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d4d4d4 !important;
}
.btn-anim-str1-black:hover {
  color: #eeeeee;
}
.btn-anim-str1-black:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-black:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-black:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #212121 !important;
}
.btn-anim-str1-orange:hover {
  color: #211f1e;
}
.btn-anim-str1-orange:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-orange:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-orange:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bc7400 !important;
}
.btn-anim-str1-yellow:hover {
  color: #211f1e;
}
.btn-anim-str1-yellow:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-yellow:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-yellow:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c6ad18 !important;
}
.btn-anim-str1-gray:hover {
  color: #eeeeee;
}
.btn-anim-str1-gray:hover::after {
  transition: all 0.3s;
  transform: scaleY(1);
}
.btn-anim-str1-gray:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str1-gray:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleY(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-str2-dark:hover {
  color: #eeeeee;
}
.btn-anim-str2-dark:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-dark:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-dark:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-str2-bright:hover {
  color: #211f1e;
}
.btn-anim-str2-bright:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-bright:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-bright:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a7a6a6 !important;
}
.btn-anim-str2-crimson:hover {
  color: #eeeeee;
}
.btn-anim-str2-crimson:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-crimson:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-crimson:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bf1a23 !important;
}
.btn-anim-str2-wine:hover {
  color: #eeeeee;
}
.btn-anim-str2-wine:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-wine:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-wine:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7e191e !important;
}
.btn-anim-str2-lime:hover {
  color: #211f1e;
}
.btn-anim-str2-lime:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-lime:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-lime:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #51a828 !important;
}
.btn-anim-str2-forest:hover {
  color: #eeeeee;
}
.btn-anim-str2-forest:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-forest:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-forest:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f5f02 !important;
}
.btn-anim-str2-sky:hover {
  color: #eeeeee;
}
.btn-anim-str2-sky:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-sky:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-sky:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0069bf !important;
}
.btn-anim-str2-night:hover {
  color: #eeeeee;
}
.btn-anim-str2-night:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-night:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-night:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00213b !important;
}
.btn-anim-str2-white:hover {
  color: #211f1e;
}
.btn-anim-str2-white:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-white:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-white:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d4d4d4 !important;
}
.btn-anim-str2-black:hover {
  color: #eeeeee;
}
.btn-anim-str2-black:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-black:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-black:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #212121 !important;
}
.btn-anim-str2-orange:hover {
  color: #211f1e;
}
.btn-anim-str2-orange:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-orange:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-orange:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bc7400 !important;
}
.btn-anim-str2-yellow:hover {
  color: #211f1e;
}
.btn-anim-str2-yellow:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-yellow:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-yellow:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c6ad18 !important;
}
.btn-anim-str2-gray:hover {
  color: #eeeeee;
}
.btn-anim-str2-gray:hover::after {
  transition: all 0.3s;
  transform: scaleX(1);
}
.btn-anim-str2-gray:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str2-gray:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scaleX(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-str3-dark:hover {
  color: #eeeeee;
}
.btn-anim-str3-dark:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-dark:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-dark:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-str3-bright:hover {
  color: #211f1e;
}
.btn-anim-str3-bright:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-bright:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-bright:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a7a6a6 !important;
}
.btn-anim-str3-crimson:hover {
  color: #eeeeee;
}
.btn-anim-str3-crimson:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-crimson:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-crimson:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bf1a23 !important;
}
.btn-anim-str3-wine:hover {
  color: #eeeeee;
}
.btn-anim-str3-wine:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-wine:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-wine:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7e191e !important;
}
.btn-anim-str3-lime:hover {
  color: #211f1e;
}
.btn-anim-str3-lime:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-lime:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-lime:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #51a828 !important;
}
.btn-anim-str3-forest:hover {
  color: #eeeeee;
}
.btn-anim-str3-forest:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-forest:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-forest:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f5f02 !important;
}
.btn-anim-str3-sky:hover {
  color: #eeeeee;
}
.btn-anim-str3-sky:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-sky:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-sky:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0069bf !important;
}
.btn-anim-str3-night:hover {
  color: #eeeeee;
}
.btn-anim-str3-night:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-night:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-night:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00213b !important;
}
.btn-anim-str3-white:hover {
  color: #211f1e;
}
.btn-anim-str3-white:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-white:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-white:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d4d4d4 !important;
}
.btn-anim-str3-black:hover {
  color: #eeeeee;
}
.btn-anim-str3-black:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-black:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-black:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #212121 !important;
}
.btn-anim-str3-orange:hover {
  color: #211f1e;
}
.btn-anim-str3-orange:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-orange:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-orange:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bc7400 !important;
}
.btn-anim-str3-yellow:hover {
  color: #211f1e;
}
.btn-anim-str3-yellow:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-yellow:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-yellow:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c6ad18 !important;
}
.btn-anim-str3-gray:hover {
  color: #eeeeee;
}
.btn-anim-str3-gray:hover::after {
  transition: all 0.3s;
  transform: scale(1);
}
.btn-anim-str3-gray:not(hover)::after {
  transition: 0.3s;
}
.btn-anim-str3-gray:after {
  content: "";
  position: absolute;
  top: 0;
  transform: scale(0);
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: #363634 !important;
}
.btn-anim-fill-dark {
  background: #211f1e !important;
  border: 2px solid #211f1e;
  color: #eeeeee;
}
.btn-anim-fill-dark:hover {
  background: none !important;
}
.btn-anim-fill-bright {
  background: #eeeeee !important;
  border: 2px solid #eeeeee;
  color: #211f1e;
}
.btn-anim-fill-bright:hover {
  background: none !important;
}
.btn-anim-fill-crimson {
  background: #f52933 !important;
  border: 2px solid #f52933;
  color: #eeeeee;
}
.btn-anim-fill-crimson:hover {
  background: none !important;
}
.btn-anim-fill-wine {
  background: #5d0005 !important;
  border: 2px solid #5d0005;
  color: #eeeeee;
}
.btn-anim-fill-wine:hover {
  background: none !important;
}
.btn-anim-fill-lime {
  background: #77e642 !important;
  border: 2px solid #77e642;
  color: #211f1e;
}
.btn-anim-fill-lime:hover {
  background: none !important;
}
.btn-anim-fill-forest {
  background: #2a8300 !important;
  border: 2px solid #2a8300;
  color: #eeeeee;
}
.btn-anim-fill-forest:hover {
  background: none !important;
}
.btn-anim-fill-sky {
  background: #018cff !important;
  border: 2px solid #018cff;
  color: #eeeeee;
}
.btn-anim-fill-sky:hover {
  background: none !important;
}
.btn-anim-fill-night {
  background: #001322 !important;
  border: 2px solid #001322;
  color: #eeeeee;
}
.btn-anim-fill-night:hover {
  background: none !important;
}
.btn-anim-fill-white {
  background: #ffffff !important;
  border: 2px solid #ffffff;
  color: #211f1e;
}
.btn-anim-fill-white:hover {
  background: none !important;
}
.btn-anim-fill-black {
  background: #000000 !important;
  border: 2px solid #000000;
  color: #eeeeee;
}
.btn-anim-fill-black:hover {
  background: none !important;
}
.btn-anim-fill-orange {
  background: #ff9e00 !important;
  border: 2px solid #ff9e00;
  color: #211f1e;
}
.btn-anim-fill-orange:hover {
  background: none !important;
}
.btn-anim-fill-yellow {
  background: #ffe440 !important;
  border: 2px solid #ffe440;
  color: #211f1e;
}
.btn-anim-fill-yellow:hover {
  background: none !important;
}
.btn-anim-fill-gray {
  background: #5d5b53 !important;
  border: 2px solid #5d5b53;
  color: #eeeeee;
}
.btn-anim-fill-gray:hover {
  background: none !important;
}
.btn-normal-outline-dark {
  background: none !important;
  border: 2px solid #211f1e;
  color: #eeeeee;
}
.btn-normal-outline-dark:hover {
  background: #211f1e !important;
}
.btn-normal-outline-bright {
  background: none !important;
  border: 2px solid #eeeeee;
  color: #211f1e;
}
.btn-normal-outline-bright:hover {
  background: #eeeeee !important;
}
.btn-normal-outline-crimson {
  background: none !important;
  border: 2px solid #f52933;
  color: #eeeeee;
}
.btn-normal-outline-crimson:hover {
  background: #f52933 !important;
}
.btn-normal-outline-wine {
  background: none !important;
  border: 2px solid #5d0005;
  color: #eeeeee;
}
.btn-normal-outline-wine:hover {
  background: #5d0005 !important;
}
.btn-normal-outline-lime {
  background: none !important;
  border: 2px solid #77e642;
  color: #211f1e;
}
.btn-normal-outline-lime:hover {
  background: #77e642 !important;
}
.btn-normal-outline-forest {
  background: none !important;
  border: 2px solid #2a8300;
  color: #eeeeee;
}
.btn-normal-outline-forest:hover {
  background: #2a8300 !important;
}
.btn-normal-outline-sky {
  background: none !important;
  border: 2px solid #018cff;
  color: #eeeeee;
}
.btn-normal-outline-sky:hover {
  background: #018cff !important;
}
.btn-normal-outline-night {
  background: none !important;
  border: 2px solid #001322;
  color: #eeeeee;
}
.btn-normal-outline-night:hover {
  background: #001322 !important;
}
.btn-normal-outline-white {
  background: none !important;
  border: 2px solid #ffffff;
  color: #211f1e;
}
.btn-normal-outline-white:hover {
  background: #ffffff !important;
}
.btn-normal-outline-black {
  background: none !important;
  border: 2px solid #000000;
  color: #eeeeee;
}
.btn-normal-outline-black:hover {
  background: #000000 !important;
}
.btn-normal-outline-orange {
  background: none !important;
  border: 2px solid #ff9e00;
  color: #211f1e;
}
.btn-normal-outline-orange:hover {
  background: #ff9e00 !important;
}
.btn-normal-outline-yellow {
  background: none !important;
  border: 2px solid #ffe440;
  color: #211f1e;
}
.btn-normal-outline-yellow:hover {
  background: #ffe440 !important;
}
.btn-normal-outline-gray {
  background: none !important;
  border: 2px solid #5d5b53;
  color: #eeeeee;
}
.btn-normal-outline-gray:hover {
  background: #5d5b53 !important;
}
.navigation {
  width: 100% !important;
  padding: 10px;
}
.navigation .filled-navigation {
  padding: 0 !important;
}
.navigation .filled-navigation li {
  display: inline-block;
  cursor: pointer;
}
.navigation .filled-navigation li a {
  width: 100%;
  height: 100%;
}
.navigation .listed-navigation {
  padding: 0;
}
.navigation .listed-navigation li {
  display: block;
  cursor: pointer;
  padding: 10px;
  width: fit-content;
  width: -moz-fit-content;
  margin-left: 10px;
  border-bottom: 2px solid #eeeeee;
}
.navigation .listed-navigation li:hover {
  border-bottom: 2px solid #211f1e;
}
.navigation .listed-navigation li a {
  width: 100%;
  height: 100%;
}
.navigation .fixed-navigation {
  position: fixed;
}
.link-anim-ltr-dark {
  position: relative !important;
}
.link-anim-ltr-dark:after {
  content: "";
  border-bottom: 2px solid #211f1e;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-dark:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-bright {
  position: relative !important;
}
.link-anim-ltr-bright:after {
  content: "";
  border-bottom: 2px solid #eeeeee;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-bright:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-crimson {
  position: relative !important;
}
.link-anim-ltr-crimson:after {
  content: "";
  border-bottom: 2px solid #f52933;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-crimson:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-wine {
  position: relative !important;
}
.link-anim-ltr-wine:after {
  content: "";
  border-bottom: 2px solid #5d0005;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-wine:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-lime {
  position: relative !important;
}
.link-anim-ltr-lime:after {
  content: "";
  border-bottom: 2px solid #77e642;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-lime:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-forest {
  position: relative !important;
}
.link-anim-ltr-forest:after {
  content: "";
  border-bottom: 2px solid #2a8300;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-forest:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-sky {
  position: relative !important;
}
.link-anim-ltr-sky:after {
  content: "";
  border-bottom: 2px solid #018cff;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-sky:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-night {
  position: relative !important;
}
.link-anim-ltr-night:after {
  content: "";
  border-bottom: 2px solid #001322;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-night:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-white {
  position: relative !important;
}
.link-anim-ltr-white:after {
  content: "";
  border-bottom: 2px solid #ffffff;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-white:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-black {
  position: relative !important;
}
.link-anim-ltr-black:after {
  content: "";
  border-bottom: 2px solid #000000;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-black:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-orange {
  position: relative !important;
}
.link-anim-ltr-orange:after {
  content: "";
  border-bottom: 2px solid #ff9e00;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-orange:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-yellow {
  position: relative !important;
}
.link-anim-ltr-yellow:after {
  content: "";
  border-bottom: 2px solid #ffe440;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-yellow:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-ltr-gray {
  position: relative !important;
}
.link-anim-ltr-gray:after {
  content: "";
  border-bottom: 2px solid #5d5b53;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-ltr-gray:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-dark {
  position: relative !important;
}
.link-anim-rtl-dark:after {
  content: "";
  border-bottom: 2px solid #211f1e;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-dark:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-bright {
  position: relative !important;
}
.link-anim-rtl-bright:after {
  content: "";
  border-bottom: 2px solid #eeeeee;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-bright:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-crimson {
  position: relative !important;
}
.link-anim-rtl-crimson:after {
  content: "";
  border-bottom: 2px solid #f52933;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-crimson:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-wine {
  position: relative !important;
}
.link-anim-rtl-wine:after {
  content: "";
  border-bottom: 2px solid #5d0005;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-wine:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-lime {
  position: relative !important;
}
.link-anim-rtl-lime:after {
  content: "";
  border-bottom: 2px solid #77e642;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-lime:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-forest {
  position: relative !important;
}
.link-anim-rtl-forest:after {
  content: "";
  border-bottom: 2px solid #2a8300;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-forest:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-sky {
  position: relative !important;
}
.link-anim-rtl-sky:after {
  content: "";
  border-bottom: 2px solid #018cff;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-sky:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-night {
  position: relative !important;
}
.link-anim-rtl-night:after {
  content: "";
  border-bottom: 2px solid #001322;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-night:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-white {
  position: relative !important;
}
.link-anim-rtl-white:after {
  content: "";
  border-bottom: 2px solid #ffffff;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-white:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-black {
  position: relative !important;
}
.link-anim-rtl-black:after {
  content: "";
  border-bottom: 2px solid #000000;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-black:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-orange {
  position: relative !important;
}
.link-anim-rtl-orange:after {
  content: "";
  border-bottom: 2px solid #ff9e00;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-orange:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-yellow {
  position: relative !important;
}
.link-anim-rtl-yellow:after {
  content: "";
  border-bottom: 2px solid #ffe440;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-yellow:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-rtl-gray {
  position: relative !important;
}
.link-anim-rtl-gray:after {
  content: "";
  border-bottom: 2px solid #5d5b53;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-rtl-gray:hover::after {
  transition: 0.5s;
  width: 100%;
}
.link-anim-mto-dark {
  position: relative !important;
}
.link-anim-mto-dark:after {
  content: "";
  border-bottom: 2px solid #211f1e;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-dark:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-bright {
  position: relative !important;
}
.link-anim-mto-bright:after {
  content: "";
  border-bottom: 2px solid #eeeeee;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-bright:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-crimson {
  position: relative !important;
}
.link-anim-mto-crimson:after {
  content: "";
  border-bottom: 2px solid #f52933;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-crimson:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-wine {
  position: relative !important;
}
.link-anim-mto-wine:after {
  content: "";
  border-bottom: 2px solid #5d0005;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-wine:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-lime {
  position: relative !important;
}
.link-anim-mto-lime:after {
  content: "";
  border-bottom: 2px solid #77e642;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-lime:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-forest {
  position: relative !important;
}
.link-anim-mto-forest:after {
  content: "";
  border-bottom: 2px solid #2a8300;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-forest:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-sky {
  position: relative !important;
}
.link-anim-mto-sky:after {
  content: "";
  border-bottom: 2px solid #018cff;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-sky:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-night {
  position: relative !important;
}
.link-anim-mto-night:after {
  content: "";
  border-bottom: 2px solid #001322;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-night:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-white {
  position: relative !important;
}
.link-anim-mto-white:after {
  content: "";
  border-bottom: 2px solid #ffffff;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-white:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-black {
  position: relative !important;
}
.link-anim-mto-black:after {
  content: "";
  border-bottom: 2px solid #000000;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-black:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-orange {
  position: relative !important;
}
.link-anim-mto-orange:after {
  content: "";
  border-bottom: 2px solid #ff9e00;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-orange:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-yellow {
  position: relative !important;
}
.link-anim-mto-yellow:after {
  content: "";
  border-bottom: 2px solid #ffe440;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-yellow:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-mto-gray {
  position: relative !important;
}
.link-anim-mto-gray:after {
  content: "";
  border-bottom: 2px solid #5d5b53;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-mto-gray:hover::after {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-dark {
  position: relative !important;
}
.link-anim-tbc-dark:before,
.link-anim-tbc-dark:after {
  content: "";
  border-bottom: 2px solid #211f1e;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-dark:before {
  top: 0;
}
.link-anim-tbc-dark:hover::after,
.link-anim-tbc-dark:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-bright {
  position: relative !important;
}
.link-anim-tbc-bright:before,
.link-anim-tbc-bright:after {
  content: "";
  border-bottom: 2px solid #eeeeee;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-bright:before {
  top: 0;
}
.link-anim-tbc-bright:hover::after,
.link-anim-tbc-bright:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-crimson {
  position: relative !important;
}
.link-anim-tbc-crimson:before,
.link-anim-tbc-crimson:after {
  content: "";
  border-bottom: 2px solid #f52933;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-crimson:before {
  top: 0;
}
.link-anim-tbc-crimson:hover::after,
.link-anim-tbc-crimson:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-wine {
  position: relative !important;
}
.link-anim-tbc-wine:before,
.link-anim-tbc-wine:after {
  content: "";
  border-bottom: 2px solid #5d0005;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-wine:before {
  top: 0;
}
.link-anim-tbc-wine:hover::after,
.link-anim-tbc-wine:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-lime {
  position: relative !important;
}
.link-anim-tbc-lime:before,
.link-anim-tbc-lime:after {
  content: "";
  border-bottom: 2px solid #77e642;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-lime:before {
  top: 0;
}
.link-anim-tbc-lime:hover::after,
.link-anim-tbc-lime:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-forest {
  position: relative !important;
}
.link-anim-tbc-forest:before,
.link-anim-tbc-forest:after {
  content: "";
  border-bottom: 2px solid #2a8300;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-forest:before {
  top: 0;
}
.link-anim-tbc-forest:hover::after,
.link-anim-tbc-forest:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-sky {
  position: relative !important;
}
.link-anim-tbc-sky:before,
.link-anim-tbc-sky:after {
  content: "";
  border-bottom: 2px solid #018cff;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-sky:before {
  top: 0;
}
.link-anim-tbc-sky:hover::after,
.link-anim-tbc-sky:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-night {
  position: relative !important;
}
.link-anim-tbc-night:before,
.link-anim-tbc-night:after {
  content: "";
  border-bottom: 2px solid #001322;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-night:before {
  top: 0;
}
.link-anim-tbc-night:hover::after,
.link-anim-tbc-night:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-white {
  position: relative !important;
}
.link-anim-tbc-white:before,
.link-anim-tbc-white:after {
  content: "";
  border-bottom: 2px solid #ffffff;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-white:before {
  top: 0;
}
.link-anim-tbc-white:hover::after,
.link-anim-tbc-white:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-black {
  position: relative !important;
}
.link-anim-tbc-black:before,
.link-anim-tbc-black:after {
  content: "";
  border-bottom: 2px solid #000000;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-black:before {
  top: 0;
}
.link-anim-tbc-black:hover::after,
.link-anim-tbc-black:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-orange {
  position: relative !important;
}
.link-anim-tbc-orange:before,
.link-anim-tbc-orange:after {
  content: "";
  border-bottom: 2px solid #ff9e00;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-orange:before {
  top: 0;
}
.link-anim-tbc-orange:hover::after,
.link-anim-tbc-orange:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-yellow {
  position: relative !important;
}
.link-anim-tbc-yellow:before,
.link-anim-tbc-yellow:after {
  content: "";
  border-bottom: 2px solid #ffe440;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-yellow:before {
  top: 0;
}
.link-anim-tbc-yellow:hover::after,
.link-anim-tbc-yellow:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbc-gray {
  position: relative !important;
}
.link-anim-tbc-gray:before,
.link-anim-tbc-gray:after {
  content: "";
  border-bottom: 2px solid #5d5b53;
  width: 0px;
  height: 2px;
  left: 50%;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbc-gray:before {
  top: 0;
}
.link-anim-tbc-gray:hover::after,
.link-anim-tbc-gray:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-dark {
  position: relative !important;
}
.link-anim-tbl-dark:before,
.link-anim-tbl-dark:after {
  content: "";
  border-bottom: 2px solid #211f1e;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-dark:before {
  top: 0;
}
.link-anim-tbl-dark:hover::after,
.link-anim-tbl-dark:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-bright {
  position: relative !important;
}
.link-anim-tbl-bright:before,
.link-anim-tbl-bright:after {
  content: "";
  border-bottom: 2px solid #eeeeee;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-bright:before {
  top: 0;
}
.link-anim-tbl-bright:hover::after,
.link-anim-tbl-bright:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-crimson {
  position: relative !important;
}
.link-anim-tbl-crimson:before,
.link-anim-tbl-crimson:after {
  content: "";
  border-bottom: 2px solid #f52933;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-crimson:before {
  top: 0;
}
.link-anim-tbl-crimson:hover::after,
.link-anim-tbl-crimson:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-wine {
  position: relative !important;
}
.link-anim-tbl-wine:before,
.link-anim-tbl-wine:after {
  content: "";
  border-bottom: 2px solid #5d0005;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-wine:before {
  top: 0;
}
.link-anim-tbl-wine:hover::after,
.link-anim-tbl-wine:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-lime {
  position: relative !important;
}
.link-anim-tbl-lime:before,
.link-anim-tbl-lime:after {
  content: "";
  border-bottom: 2px solid #77e642;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-lime:before {
  top: 0;
}
.link-anim-tbl-lime:hover::after,
.link-anim-tbl-lime:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-forest {
  position: relative !important;
}
.link-anim-tbl-forest:before,
.link-anim-tbl-forest:after {
  content: "";
  border-bottom: 2px solid #2a8300;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-forest:before {
  top: 0;
}
.link-anim-tbl-forest:hover::after,
.link-anim-tbl-forest:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-sky {
  position: relative !important;
}
.link-anim-tbl-sky:before,
.link-anim-tbl-sky:after {
  content: "";
  border-bottom: 2px solid #018cff;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-sky:before {
  top: 0;
}
.link-anim-tbl-sky:hover::after,
.link-anim-tbl-sky:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-night {
  position: relative !important;
}
.link-anim-tbl-night:before,
.link-anim-tbl-night:after {
  content: "";
  border-bottom: 2px solid #001322;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-night:before {
  top: 0;
}
.link-anim-tbl-night:hover::after,
.link-anim-tbl-night:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-white {
  position: relative !important;
}
.link-anim-tbl-white:before,
.link-anim-tbl-white:after {
  content: "";
  border-bottom: 2px solid #ffffff;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-white:before {
  top: 0;
}
.link-anim-tbl-white:hover::after,
.link-anim-tbl-white:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-black {
  position: relative !important;
}
.link-anim-tbl-black:before,
.link-anim-tbl-black:after {
  content: "";
  border-bottom: 2px solid #000000;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-black:before {
  top: 0;
}
.link-anim-tbl-black:hover::after,
.link-anim-tbl-black:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-orange {
  position: relative !important;
}
.link-anim-tbl-orange:before,
.link-anim-tbl-orange:after {
  content: "";
  border-bottom: 2px solid #ff9e00;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-orange:before {
  top: 0;
}
.link-anim-tbl-orange:hover::after,
.link-anim-tbl-orange:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-yellow {
  position: relative !important;
}
.link-anim-tbl-yellow:before,
.link-anim-tbl-yellow:after {
  content: "";
  border-bottom: 2px solid #ffe440;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-yellow:before {
  top: 0;
}
.link-anim-tbl-yellow:hover::after,
.link-anim-tbl-yellow:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbl-gray {
  position: relative !important;
}
.link-anim-tbl-gray:before,
.link-anim-tbl-gray:after {
  content: "";
  border-bottom: 2px solid #5d5b53;
  width: 0px;
  height: 2px;
  left: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbl-gray:before {
  top: 0;
}
.link-anim-tbl-gray:hover::after,
.link-anim-tbl-gray:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-dark {
  position: relative !important;
}
.link-anim-tblr-dark:before,
.link-anim-tblr-dark:after {
  content: "";
  border-bottom: 2px solid #211f1e;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-dark:before {
  top: 0;
}
.link-anim-tblr-dark:hover::after,
.link-anim-tblr-dark:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-bright {
  position: relative !important;
}
.link-anim-tblr-bright:before,
.link-anim-tblr-bright:after {
  content: "";
  border-bottom: 2px solid #eeeeee;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-bright:before {
  top: 0;
}
.link-anim-tblr-bright:hover::after,
.link-anim-tblr-bright:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-crimson {
  position: relative !important;
}
.link-anim-tblr-crimson:before,
.link-anim-tblr-crimson:after {
  content: "";
  border-bottom: 2px solid #f52933;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-crimson:before {
  top: 0;
}
.link-anim-tblr-crimson:hover::after,
.link-anim-tblr-crimson:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-wine {
  position: relative !important;
}
.link-anim-tblr-wine:before,
.link-anim-tblr-wine:after {
  content: "";
  border-bottom: 2px solid #5d0005;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-wine:before {
  top: 0;
}
.link-anim-tblr-wine:hover::after,
.link-anim-tblr-wine:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-lime {
  position: relative !important;
}
.link-anim-tblr-lime:before,
.link-anim-tblr-lime:after {
  content: "";
  border-bottom: 2px solid #77e642;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-lime:before {
  top: 0;
}
.link-anim-tblr-lime:hover::after,
.link-anim-tblr-lime:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-forest {
  position: relative !important;
}
.link-anim-tblr-forest:before,
.link-anim-tblr-forest:after {
  content: "";
  border-bottom: 2px solid #2a8300;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-forest:before {
  top: 0;
}
.link-anim-tblr-forest:hover::after,
.link-anim-tblr-forest:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-sky {
  position: relative !important;
}
.link-anim-tblr-sky:before,
.link-anim-tblr-sky:after {
  content: "";
  border-bottom: 2px solid #018cff;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-sky:before {
  top: 0;
}
.link-anim-tblr-sky:hover::after,
.link-anim-tblr-sky:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-night {
  position: relative !important;
}
.link-anim-tblr-night:before,
.link-anim-tblr-night:after {
  content: "";
  border-bottom: 2px solid #001322;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-night:before {
  top: 0;
}
.link-anim-tblr-night:hover::after,
.link-anim-tblr-night:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-white {
  position: relative !important;
}
.link-anim-tblr-white:before,
.link-anim-tblr-white:after {
  content: "";
  border-bottom: 2px solid #ffffff;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-white:before {
  top: 0;
}
.link-anim-tblr-white:hover::after,
.link-anim-tblr-white:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-black {
  position: relative !important;
}
.link-anim-tblr-black:before,
.link-anim-tblr-black:after {
  content: "";
  border-bottom: 2px solid #000000;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-black:before {
  top: 0;
}
.link-anim-tblr-black:hover::after,
.link-anim-tblr-black:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-orange {
  position: relative !important;
}
.link-anim-tblr-orange:before,
.link-anim-tblr-orange:after {
  content: "";
  border-bottom: 2px solid #ff9e00;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-orange:before {
  top: 0;
}
.link-anim-tblr-orange:hover::after,
.link-anim-tblr-orange:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-yellow {
  position: relative !important;
}
.link-anim-tblr-yellow:before,
.link-anim-tblr-yellow:after {
  content: "";
  border-bottom: 2px solid #ffe440;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-yellow:before {
  top: 0;
}
.link-anim-tblr-yellow:hover::after,
.link-anim-tblr-yellow:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tblr-gray {
  position: relative !important;
}
.link-anim-tblr-gray:before,
.link-anim-tblr-gray:after {
  content: "";
  border-bottom: 2px solid #5d5b53;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tblr-gray:before {
  top: 0;
}
.link-anim-tblr-gray:hover::after,
.link-anim-tblr-gray:hover::before {
  transition: 0.5s;
  width: 100%;
  left: 0;
}
.link-anim-tbr-dark {
  position: relative !important;
}
.link-anim-tbr-dark:before,
.link-anim-tbr-dark:after {
  content: "";
  border-bottom: 2px solid #211f1e;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-dark:before {
  top: 0;
}
.link-anim-tbr-dark:hover::after,
.link-anim-tbr-dark:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-bright {
  position: relative !important;
}
.link-anim-tbr-bright:before,
.link-anim-tbr-bright:after {
  content: "";
  border-bottom: 2px solid #eeeeee;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-bright:before {
  top: 0;
}
.link-anim-tbr-bright:hover::after,
.link-anim-tbr-bright:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-crimson {
  position: relative !important;
}
.link-anim-tbr-crimson:before,
.link-anim-tbr-crimson:after {
  content: "";
  border-bottom: 2px solid #f52933;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-crimson:before {
  top: 0;
}
.link-anim-tbr-crimson:hover::after,
.link-anim-tbr-crimson:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-wine {
  position: relative !important;
}
.link-anim-tbr-wine:before,
.link-anim-tbr-wine:after {
  content: "";
  border-bottom: 2px solid #5d0005;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-wine:before {
  top: 0;
}
.link-anim-tbr-wine:hover::after,
.link-anim-tbr-wine:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-lime {
  position: relative !important;
}
.link-anim-tbr-lime:before,
.link-anim-tbr-lime:after {
  content: "";
  border-bottom: 2px solid #77e642;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-lime:before {
  top: 0;
}
.link-anim-tbr-lime:hover::after,
.link-anim-tbr-lime:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-forest {
  position: relative !important;
}
.link-anim-tbr-forest:before,
.link-anim-tbr-forest:after {
  content: "";
  border-bottom: 2px solid #2a8300;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-forest:before {
  top: 0;
}
.link-anim-tbr-forest:hover::after,
.link-anim-tbr-forest:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-sky {
  position: relative !important;
}
.link-anim-tbr-sky:before,
.link-anim-tbr-sky:after {
  content: "";
  border-bottom: 2px solid #018cff;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-sky:before {
  top: 0;
}
.link-anim-tbr-sky:hover::after,
.link-anim-tbr-sky:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-night {
  position: relative !important;
}
.link-anim-tbr-night:before,
.link-anim-tbr-night:after {
  content: "";
  border-bottom: 2px solid #001322;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-night:before {
  top: 0;
}
.link-anim-tbr-night:hover::after,
.link-anim-tbr-night:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-white {
  position: relative !important;
}
.link-anim-tbr-white:before,
.link-anim-tbr-white:after {
  content: "";
  border-bottom: 2px solid #ffffff;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-white:before {
  top: 0;
}
.link-anim-tbr-white:hover::after,
.link-anim-tbr-white:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-black {
  position: relative !important;
}
.link-anim-tbr-black:before,
.link-anim-tbr-black:after {
  content: "";
  border-bottom: 2px solid #000000;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-black:before {
  top: 0;
}
.link-anim-tbr-black:hover::after,
.link-anim-tbr-black:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-orange {
  position: relative !important;
}
.link-anim-tbr-orange:before,
.link-anim-tbr-orange:after {
  content: "";
  border-bottom: 2px solid #ff9e00;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-orange:before {
  top: 0;
}
.link-anim-tbr-orange:hover::after,
.link-anim-tbr-orange:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-yellow {
  position: relative !important;
}
.link-anim-tbr-yellow:before,
.link-anim-tbr-yellow:after {
  content: "";
  border-bottom: 2px solid #ffe440;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-yellow:before {
  top: 0;
}
.link-anim-tbr-yellow:hover::after,
.link-anim-tbr-yellow:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-tbr-gray {
  position: relative !important;
}
.link-anim-tbr-gray:before,
.link-anim-tbr-gray:after {
  content: "";
  border-bottom: 2px solid #5d5b53;
  width: 0px;
  height: 2px;
  right: 0;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-tbr-gray:before {
  top: 0;
}
.link-anim-tbr-gray:hover::after,
.link-anim-tbr-gray:hover::before {
  transition: 0.5s;
  width: 100%;
  right: 0;
}
.link-anim-trbl-dark {
  position: relative !important;
}
.link-anim-trbl-dark:before,
.link-anim-trbl-dark:after {
  content: "";
  border-bottom: 2px solid #211f1e;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-dark:after {
  right: 0;
}
.link-anim-trbl-dark:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-dark:hover::after,
.link-anim-trbl-dark:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-bright {
  position: relative !important;
}
.link-anim-trbl-bright:before,
.link-anim-trbl-bright:after {
  content: "";
  border-bottom: 2px solid #eeeeee;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-bright:after {
  right: 0;
}
.link-anim-trbl-bright:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-bright:hover::after,
.link-anim-trbl-bright:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-crimson {
  position: relative !important;
}
.link-anim-trbl-crimson:before,
.link-anim-trbl-crimson:after {
  content: "";
  border-bottom: 2px solid #f52933;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-crimson:after {
  right: 0;
}
.link-anim-trbl-crimson:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-crimson:hover::after,
.link-anim-trbl-crimson:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-wine {
  position: relative !important;
}
.link-anim-trbl-wine:before,
.link-anim-trbl-wine:after {
  content: "";
  border-bottom: 2px solid #5d0005;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-wine:after {
  right: 0;
}
.link-anim-trbl-wine:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-wine:hover::after,
.link-anim-trbl-wine:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-lime {
  position: relative !important;
}
.link-anim-trbl-lime:before,
.link-anim-trbl-lime:after {
  content: "";
  border-bottom: 2px solid #77e642;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-lime:after {
  right: 0;
}
.link-anim-trbl-lime:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-lime:hover::after,
.link-anim-trbl-lime:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-forest {
  position: relative !important;
}
.link-anim-trbl-forest:before,
.link-anim-trbl-forest:after {
  content: "";
  border-bottom: 2px solid #2a8300;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-forest:after {
  right: 0;
}
.link-anim-trbl-forest:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-forest:hover::after,
.link-anim-trbl-forest:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-sky {
  position: relative !important;
}
.link-anim-trbl-sky:before,
.link-anim-trbl-sky:after {
  content: "";
  border-bottom: 2px solid #018cff;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-sky:after {
  right: 0;
}
.link-anim-trbl-sky:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-sky:hover::after,
.link-anim-trbl-sky:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-night {
  position: relative !important;
}
.link-anim-trbl-night:before,
.link-anim-trbl-night:after {
  content: "";
  border-bottom: 2px solid #001322;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-night:after {
  right: 0;
}
.link-anim-trbl-night:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-night:hover::after,
.link-anim-trbl-night:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-white {
  position: relative !important;
}
.link-anim-trbl-white:before,
.link-anim-trbl-white:after {
  content: "";
  border-bottom: 2px solid #ffffff;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-white:after {
  right: 0;
}
.link-anim-trbl-white:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-white:hover::after,
.link-anim-trbl-white:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-black {
  position: relative !important;
}
.link-anim-trbl-black:before,
.link-anim-trbl-black:after {
  content: "";
  border-bottom: 2px solid #000000;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-black:after {
  right: 0;
}
.link-anim-trbl-black:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-black:hover::after,
.link-anim-trbl-black:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-orange {
  position: relative !important;
}
.link-anim-trbl-orange:before,
.link-anim-trbl-orange:after {
  content: "";
  border-bottom: 2px solid #ff9e00;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-orange:after {
  right: 0;
}
.link-anim-trbl-orange:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-orange:hover::after,
.link-anim-trbl-orange:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-yellow {
  position: relative !important;
}
.link-anim-trbl-yellow:before,
.link-anim-trbl-yellow:after {
  content: "";
  border-bottom: 2px solid #ffe440;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-yellow:after {
  right: 0;
}
.link-anim-trbl-yellow:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-yellow:hover::after,
.link-anim-trbl-yellow:hover::before {
  transition: 0.5s;
  width: 100%;
}
.link-anim-trbl-gray {
  position: relative !important;
}
.link-anim-trbl-gray:before,
.link-anim-trbl-gray:after {
  content: "";
  border-bottom: 2px solid #5d5b53;
  width: 0px;
  height: 2px;
  position: absolute;
  display: block;
  transition: 0.5s;
}
.link-anim-trbl-gray:after {
  right: 0;
}
.link-anim-trbl-gray:before {
  top: 0;
  left: 0;
}
.link-anim-trbl-gray:hover::after,
.link-anim-trbl-gray:hover::before {
  transition: 0.5s;
  width: 100%;
}
/*Loader*/
.loader {
  width: 100px;
  height: 100px;
  background: white;
  display: block;
  top: 50%;
  position: relative;
  margin: 0 auto;
}
.loader-1 {
  background: linear-gradient(-45deg, #018cff, #77e642);
  background-size: 200% 200%;
  border-radius: 50%;
  border-top: 2px solid #018cff;
  border-bottom: 2px solid #77e642;
  animation: loader1 1s infinite;
  width: 70px;
  height: 70px;
}
@keyframes loader1 {
  0% {
    transform: rotate(0deg);
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
    border-top: 5px solid #77e642;
    border-bottom: 5px solid #018cff;
  }
  100% {
    transform: rotate(360deg);
    background-position: 0% 50%;
  }
}
.loader-2 {
  background: none;
}
.loader-2 span {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #211f1e;
  position: absolute;
  animation: loader2 0.4s infinite alternate;
  top: 39%;
}
.loader-2 span:nth-child(2) {
  left: 30px;
  animation-delay: 0.2s;
}
.loader-2 span:nth-child(3) {
  left: 60px;
  animation-delay: 0.3s;
}
@keyframes loader2 {
  0% {
    top: 39%;
  }
  100% {
    top: 0%;
  }
}
.loader-3 {
  background: none;
}
.loader-3 span {
  width: 50px;
  height: 50px;
  border: 4px solid #211f1e;
  border-radius: 50%;
  border-bottom-color: transparent;
  position: relative;
  display: block;
  animation: loader3 0.8s infinite;
  margin: 0 auto;
}
@keyframes loader3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-4 {
  background: none;
}
.loader-4 span {
  width: 50px;
  height: 50px;
  border: 4px solid #211f1e;
  border-radius: 50%;
  border-bottom-color: transparent;
  position: relative;
  display: block;
  animation: loader3 0.8s linear infinite;
  margin: 0 auto;
}
.loader-4 span span {
  width: 35px;
  top: 4px;
  height: 35px;
  border-color: #018cff;
  border-bottom-color: #018cff;
  animation: loader3 0.8s infinite alternate-reverse forwards;
  border-top-color: transparent;
}
.loader-5 {
  background: none;
}
.loader-5 span {
  background: #211f1e;
  width: 10px;
  height: 60px;
  position: absolute;
  display: inline-block;
  border: 1px solid #018cff;
  animation: loader5 1.5s ease-in-out infinite alternate;
  bottom: 0;
}
.loader-5 span:nth-child(2) {
  height: 40px;
  animation-delay: 0.3s;
  left: 10px;
}
.loader-5 span:nth-child(3) {
  height: 50px;
  animation-delay: 0.6s;
  left: 20px;
}
.loader-5 span:nth-child(4) {
  height: 30px;
  animation-delay: 0.8s;
  left: 30px;
}
.loader-5 span:nth-child(5) {
  height: 20px;
  animation-delay: 1s;
  left: 40px;
}
.loader-5 span:nth-child(6) {
  height: 40px;
  animation-delay: 1.3s;
  left: 50px;
}
@keyframes loader5 {
  0% {
    height: 60px;
  }
  25% {
    height: 25px;
  }
  50% {
    height: 5px;
  }
  75% {
    height: 40px;
  }
  100% {
    height: 10px;
  }
}
.loader-6 {
  background: #211f1e;
  width: 50px;
  height: 50px;
  animation: loader6 linear 2s infinite;
}
@keyframes loader6 {
  0 {
    transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(90deg);
  }
  50% {
    transform: rotateX(0deg);
  }
  75% {
    transform: rotateX(90deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
.loader-7 {
  background: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 4px solid #211f1e;
  border-top-color: #018cff;
  animation: loader7 linear 1.5s infinite;
}
@keyframes loader7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}