/* --------------------------------------------------------------------------
	FAIRY FOREST MAIN STYLESHEET-
	Name: style.css
-------------------------------------------------------------------------- */
/* Fonts */
/* Raleway, Open Sans, Oswald, Indie Flower ine one file - You can customize on here: https://fonts.google.com/share?selection.family=Indie%20Flower%7COpen%20Sans:wght@300;400;500;600;700%7COswald:wght@300;400;500;600;700%7CRaleway:wght@300;400;500;600;700 */
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&family=Open+Sans:wght@300;400;500;600;700&family=Oswald:wght@300;400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap');
.font-main {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif" !important; 
  /*font-family: 'Open Sans', 'sans-serif' !important;*/
}
.font-secondary {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif" !important; 
  /*font-family: 'Oswald', 'sans-serif' !important;*/
}
.font-tertiary {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif" !important;
  /*font-family: 'Raleway', 'sans-serif' !important;*/
}
.font-quaternary {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif" !important;
  <!--font-family: 'Indie Flower', 'cursive' !important;-->
}
/* Theme Reset */
html, body {
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: unset !important;
	overflow-x: hidden !important;
}
body {
  
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 27px;
  letter-spacing: 0px;
  color: #464646;
}
section, .cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
body.unselectable *, .unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -ms-user-select: none;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
  -webkit-text-size-adjust: none;
}
/* Undragable Images */
img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
  color: inherit;
  font-variant-ligatures: common-ligatures;
  font-weight: 400;
  line-height: 1.4;
  padding: 0;
  margin: 0;
}
h1, .h1 {
  font-size: 36px;
}
h2, .h2 {
  font-size: 32px;
}
h3, .h3 {
  font-size: 24px;
}
h4, .h4 {
  font-size: 18px;
}
h5, .h5 {
  font-size: 14px;
}
h6, .h6 {
  font-size: 12px;
}
ol, ul {
  list-style: none;
  padding: 0;
}
a, a:hover, a:focus, button, button:hover, button:focus {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  background: none;
}
* {
  border: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:hover, *:focus {
  outline: none !important;
}
::selection {
  background-color: var(--colored);
  color: white;
}
/* ============================================================ */
/* Theme COLORS
/* ============================================================ */
/* Website colors - You can customize these colors - All theme built with these colors */ :root {
  --colored: #d71818;
  --colored1: #C23D3D;
  --colored2: #7E4B4B;
  --bg-gray: #fcfcfc;
  --bg-gray1: #f8f8f8;
  --bg-gray2: #f2f2f2;
  --bg-gray3: #e6e6e6;
  --bg-gray4: #ccc;
  --bg-gray5: #aaa;
  --bg-gray6: #999;
  --bg-gray7: #6a6a6a;
  --bg-gray8: #4E4E4E;
  --bg-gray9: #454545;
  --bg-dark: #343434;
  --bg-dark1: #313131;
  --bg-dark2: #2A2A2A;
  --bg-dark3: #252525;
  --bg-dark4: #C23D3D;
  --bg-dark5: #4169e1;
  --bg-dark6: #131313;
  --bg-dark7: #0d0d0d;
  --bg-dark8: #080808;
  --bg-dark9: #040404;
  --bg-black: #000000;
  --bg-night: #393d43;
  --bg-night1: #31353B;
  --bg-night2: #2C2F35;
  --bg-night3: #282b31;
  --bg-night4: #212429;
  --bg-night5: #1D1F24;
  --bg-night6: #15161A;
  --bg-night7: #131417;
  --bg-night8: #0F1114;
  --bg-night9: #0C0E0F;
  --text-gray: #fcfcfc;
  --text-gray1: #f1f1f1;
  --text-gray2: #fcfcfc;
  --text-gray3: #e4e4e4;
  --text-gray4: #cacaca;
  --text-gray5: #929292;
  --text-gray6: #868686;
  --text-gray7: #717171;
  --text-gray8: #474747;
  --text-gray9: #383838;
  --text-dark: #343434;
  --text-dark1: #2f2f2f;
  --text-dark2: #242424;
  --text-dark3: #212121;
  --text-dark4: #181818;
  --text-dark5: #151515;
  --text-dark6: #111111;
  --text-dark7: #0a0a0a;
  --text-dark8: #080808;
  --text-dark9: #030303;
}
/* Colored variants */
.colored, .colored-hover:hover, .colored-active.active, .hover-container:hover .colored-hover-item {
  color: var(--colored) !important;
}
/* Colored1 variants */
.colored1, .colored1-hover:hover, .colored1-active.active, .hover-container:hover .colored1-hover-item {
  color: var(--colored1) !important;
}
/* Colored2 variants */
.colored2, .colored2-hover:hover, .colored2-active.active, .hover-container:hover .colored2-hover-item {
  color: var(--colored2) !important;
}
/**** Background colors ****/
/* bg-colored variants */
.bg-colored, .bg-colored-hover:hover, .bg-colored-active.active, .hover-container:hover .bg-colored-hover-item {
  background-color: var(--colored) !important;
}
/* bg-colored1 variants */
.bg-colored1, .bg-colored1-hover:hover, .bg-colored1-active.active, .hover-container:hover .bg-colored1-hover-item {
  background-color: var(--colored1) !important;
}
/* bg-colored2 variants */
.bg-colored2, .bg-colored2-hover:hover, .bg-colored2-active.active, .hover-container:hover .bg-colored2-hover-item {
  background-color: var(--colored2) !important;
}
/**** Border colors ****/
/* b-colored variants */
.b-colored, .b-colored-hover:hover, .b-colored-active.active, .hover-container:hover .b-colored-hover-item {
  border-color: var(--colored) !important;
}
/* b-colored1 variants */
.b-colored1, .b-colored1-hover:hover, .b-colored1-active.active, .hover-container:hover .b-colored1-hover-item {
  border-color: var(--colored1) !important;
}
/* b-colored2 variants */
.b-colored2, .b-colored2-hover:hover, .b-colored2-active.active, .hover-container:hover .b-colored2-hover-item {
  border-color: var(--colored2) !important;
}
/**** SVG Fill & Stroke colors ****/
/* fill-colored variants */
.fill-colored, .fill-colored-hover:hover, .fill-colored-active.active {
  fill: var(--colored) !important;
}
/* fill-colored1 variants */
.fill-colored1, .fill-colored1-hover:hover, .fill-colored1-active.active {
  fill: var(--colored1) !important;
}
/* fill-colored2 variants */
.fill-colored2, .fill-colored2-hover:hover, .fill-colored2-active.active {
  fill: var(--colored2) !important;
}
/* stroke-colored variants */
.stroke-colored, .stroke-colored-hover:hover, .stroke-colored-active.active {
  stroke: var(--colored) !important;
}
/* stroke-colored1 variants */
.stroke-colored1, .stroke-colored1-hover:hover, .stroke-colored1-active.active {
  stroke: var(--colored1) !important;
}
/* stroke-colored2 variants */
.stroke-colored2, .stroke-colored2-hover:hover, .stroke-colored2-active.active {
  stroke: var(--colored2) !important;
}
/**** Gradients ****/
/* bg-gradient, hover, active, bg-soft-gradient */
.bg-soft-gradient:before, .bg-gradient, .bg-gradient-hover:hover, .bg-gradient-active.active {
  background-image: #343333 !important;
  background-image: linear-gradient(135deg, #343333 0%, #292828 29%, #2D2B2B 47%, #292828 100%) !important;
}
/* bg-gradient1, hover, active, bg-soft-gradient1 */
.bg-soft-gradient1:before, .bg-gradient1, .bg-gradient1-hover:hover, .bg-gradient1-active.active {
  background-image: #FFC86C !important;
  background-image: linear-gradient(to bottom, #696969 0%, #101010 100%) !important;
}
/* bg-gradient2, hover, active, bg-soft-gradient2 */
.bg-soft-gradient2:before, .bg-gradient2, .bg-gradient2-hover:hover, .bg-gradient2-active.active {
  background-image: #5e616f !important;
  background-image: linear-gradient(to bottom, #5e616f 0%, #121317 100%) !important;
}
/* bg-gradient3, hover, active, bg-soft-gradient3 */
.bg-soft-gradient3:before {
  opacity: 0.92;
}
.bg-soft-gradient3:before, .bg-gradient3, .bg-gradient3-hover:hover, .bg-gradient3-active.active {
  background-image: #7CD8AC !important;
  background-image: linear-gradient(-90deg, #7CD8AC 0%, #57AF82 100%) !important;
}
/* bg-gradient4, hover, active, bg-soft-gradient4 */
.bg-soft-gradient4:before, .bg-gradient4, .bg-gradient4-hover:hover, .bg-gradient4-active.active {
  background-image: #131313 !important;
  background-image: linear-gradient(45deg, #131313 0%, #282828 100%) !important;
}
/* ============================================================ */
/* Theme Shortcodes & Helper Classes
/* ============================================================ */
/* Styles */
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize !important;
}
.transform-none {
  text-transform: none !important;
}
.t-left {
  text-align: left !important;
}
.t-center {
  text-align: center !important;
}
.t-right {
  text-align: right !important;
}
.t-justify {
  text-align: justify !important;
}
.t-vertical {
  writing-mode: tb-rl;
  transform: rotate(-180deg);
}
.t-vertical-down {
  writing-mode: vertical-lr;
}
.t-vertical-orientation {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.t-shadow-none {
  text-shadow: none !important;
}
.t-shadow {
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}
.thin {
  font-weight: 100 !important;
}
.extralight {
  font-weight: 200 !important;
}
.light {
  font-weight: 300 !important;
}
.normal {
  font-weight: 400 !important;
}
.medium {
  font-weight: 500 !important;
}
.semibold {
  font-weight: 600 !important;
}
.bold {
  font-weight: 700 !important;
}
.extrabold {
  font-weight: 900 !important;
}
.fstyle-normal {
  font-style: normal;
}
.rtl {
  direction: rtl;
}
.underline, .underline-hover:hover, .underline-active.active, .underline-hover-links a:hover, .underline-hover-all:hover * {
  text-decoration: underline !important;
}
/* Inherit Font Styles */
.paragraph {
  font-size: 14px;
  line-height: 32px;
  margin-bottom: 15px;
}
@media only screen and (max-width:1400px) {
  .paragraph {
    font-size: 13px;
    line-height: 23px;
  }
}
.ff-inherit {
  font-family: inherit !important;
}
/* Badge */
.badge {
  font-size: 14px;
  margin: 0 3px;
  color: #fff;
  line-height: normal;
  font-weight: inherit;
  background-color: #777;
}
/* Display & Section Settings */
.bg-pattern:after {
  background-image: url(../images/pattern-black.png);
  background-repeat: repeat;
  background-size: auto;
  z-index: 1;
}
.pattern-white:after {
  background-image: url(../images/pattern-white.png);
  background-repeat: repeat;
  background-size: auto;
  z-index: 1;
}
/* bg-* Background colors & tones */
/* Gray Tones */
.bg-gray, .bg-gray-hover:hover, .hover-container:hover .bg-gray-hover-item, .bg-gray-active.active {
  background-color: var(--bg-gray) !important;
}
.bg-gray1, .bg-gray1-hover:hover, .hover-container:hover .bg-gray1-hover-item, .bg-gray1-active.active {
  background-color: var(--bg-gray1) !important;
}
.bg-gray2, .bg-gray2-hover:hover, .hover-container:hover .bg-gray2-hover-item, .bg-gray2-active.active {
  background-color: var(--bg-gray2) !important;
}
.bg-gray3, .bg-gray3-hover:hover, .hover-container:hover .bg-gray3-hover-item, .bg-gray3-active.active {
  background-color: var(--bg-gray3) !important;
}
.bg-gray4, .bg-gray4-hover:hover, .hover-container:hover .bg-gray4-hover-item, .bg-gray4-active.active {
  background-color: var(--bg-gray4) !important;
}
.bg-gray5, .bg-gray5-hover:hover, .hover-container:hover .bg-gray5-hover-item, .bg-gray5-active.active {
  background-color: var(--bg-gray5) !important;
}
.bg-gray6, .bg-gray6-hover:hover, .hover-container:hover .bg-gray6-hover-item, .bg-gray6-active.active {
  background-color: var(--bg-gray6) !important;
}
.bg-gray7, .bg-gray7-hover:hover, .hover-container:hover .bg-gray7-hover-item, .bg-gray7-active.active {
  background-color: var(--bg-gray7) !important;
}
.bg-gray8, .bg-gray8-hover:hover, .hover-container:hover .bg-gray8-hover-item, .bg-gray8-active.active {
  background-color: var(--bg-gray8) !important;
}
.bg-gray9, .bg-gray9-hover:hover, .hover-container:hover .bg-gray9-hover-item, .bg-gray9-active.active {
  background-color: var(--bg-gray9) !important;
}
/* Dark background tones */
.bg-dark, .bg-dark-hover:hover, .hover-container:hover .bg-dark-hover-item, .bg-dark-active.active {
  background-color: var(--bg-dark) !important;
}
.bg-dark1, .bg-dark1-hover:hover, .hover-container:hover .bg-dark1-hover-item, .bg-dark1-active.active {
  background-color: var(--bg-dark1) !important;
}
.bg-dark2, .bg-dark2-hover:hover, .hover-container:hover .bg-dark2-hover-item, .bg-dark2-active.active {
  background-color: var(--bg-dark2) !important;
}
.bg-dark3, .bg-dark3-hover:hover, .hover-container:hover .bg-dark3-hover-item, .bg-dark3-active.active {
  background-color: var(--bg-dark3) !important;
}
.bg-dark4, .bg-dark4-hover:hover, .hover-container:hover .bg-dark4-hover-item, .bg-dark4-active.active {
  background-color: var(--bg-dark4) !important;
}
.bg-dark5, .bg-dark5-hover:hover, .hover-container:hover .bg-dark5-hover-item, .bg-dark5-active.active {
  background-color: var(--bg-dark5) !important;
}
.bg-dark6, .bg-dark6-hover:hover, .hover-container:hover .bg-dark6-hover-item, .bg-dark6-active.active {
  background-color: var(--bg-dark6) !important;
}
.bg-dark7, .bg-dark7-hover:hover, .hover-container:hover .bg-dark7-hover-item, .bg-dark7-active.active {
  background-color: var(--bg-dark7) !important;
}
.bg-dark8, .bg-dark8-hover:hover, .hover-container:hover .bg-dark8-hover-item, .bg-dark8-active.active {
  background-color: var(--bg-dark8) !important;
}
.bg-dark9, .bg-dark9-hover:hover, .hover-container:hover .bg-dark9-hover-item, .bg-dark9-active.active {
  background-color: var(--bg-dark9) !important;
}
.bg-black, .bg-black-hover:hover, .hover-container:hover .bg-black-hover-item, .bg-black-active.active {
  background-color: var(--bg-black) !important;
}
/* Night background tones */
.bg-night, .bg-night-hover:hover, .hover-container:hover .bg-night-hover-item, .bg-night-active.active {
  background-color: var(--bg-night) !important;
}
.bg-night1, .bg-night1-hover:hover, .hover-container:hover .bg-night1-hover-item, .bg-night1-active.active {
  background-color: var(--bg-night1) !important;
}
.bg-night2, .bg-night2-hover:hover, .hover-container:hover .bg-night2-hover-item, .bg-night2-active.active {
  background-color: var(--bg-night2) !important;
}
.bg-night3, .bg-night3-hover:hover, .hover-container:hover .bg-night3-hover-item, .bg-night3-active.active {
  background-color: var(--bg-night3) !important;
}
.bg-night4, .bg-night4-hover:hover, .hover-container:hover .bg-night4-hover-item, .bg-night4-active.active {
  background-color: var(--bg-night4) !important;
}
.bg-night5, .bg-night5-hover:hover, .hover-container:hover .bg-night5-hover-item, .bg-night5-active.active {
  background-color: var(--bg-night5) !important;
}
.bg-night6, .bg-night6-hover:hover, .hover-container:hover .bg-night6-hover-item, .bg-night6-active.active {
  background-color: var(--bg-night6) !important;
}
.bg-night7, .bg-night7-hover:hover, .hover-container:hover .bg-night7-hover-item, .bg-night7-active.active {
  background-color: var(--bg-night7) !important;
}
.bg-night8, .bg-night8-hover:hover, .hover-container:hover .bg-night8-hover-item, .bg-night8-active.active {
  background-color: var(--bg-night8) !important;
}
.bg-night9, .bg-night9-hover:hover, .hover-container:hover .bg-night9-hover-item, .bg-night9-active.active {
  background-color: var(--bg-night9) !important;
}
/* White background */
.bg-white, .bg-white-hover:hover, .bg-white-focus:focus, .hover-container:hover .bg-white-hover-item, .bg-white-active.active {
  background-color: white !important;
}
.bg-transparent, .bg-transparent-hover:hover, .bg-transparent-active.active, .transparent, .transparent-hover:hover {
  background-color: transparent !important;
}
.color-inherit {
  color: inherit !important;
}
/* Fullscreen absolute item(s) */
.fai, .fais, [class*="bg-soft"]:before, [class*="pattern"]:after {
  z-index: 1 !important;
  display: block;
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  content: '';
  pointer-events: none;
  -webkit-transition: background-color 0.2s, opacity 0.3s;
  transition: background-color 0.2s, opacity 0.3s;
  will-change: opacity;
}
.fais {
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
}
[class*="bg-soft"], [class*="bg-soft"] > * {
  position: relative;
  z-index: 2;
}
[class*="slow"][class*="bg-soft"]:before {
  -webkit-transition: all 0.32s !important;
  transition: all 0.32s !important;
}
.fai, .fais {
  -webkit-transition: none;
  transition: none;
}
/* Background and textcolors */
.bg-default, .bg-default-hover:hover, .bg-default-active.active {
  background-color: #4B515D !important;
}
.color-default, .color-default-hover:hover, .color-default-active.active {
  color: #4B515D !important;
}
.b-default, .b-default-hover:hover, .b-default-active.active {
  border-color: #4B515D !important;
}
.bg-primary, .bg-primary-hover:hover, .bg-primary-active.active {
  background-color: #4285F4 !important;
}
.color-primary, .color-primary-hover:hover, .color-primary-active.active {
  color: #4285F4 !important;
}
.b-primary, .b-primary-hover:hover, .b-primary-active.active {
  border-color: #4285F4 !important;
}
.bg-success, .bg-success-hover:hover, .bg-success-active.active {
  background-color: #5cb85c !important;
}
.color-success, .color-success-hover:hover, .color-success-active.active {
  color: #5cb85c !important;
}
.b-success, .b-success-hover:hover, .b-success-active.active {
  border-color: #5cb85c !important;
}
.bg-secondary, .bg-secondary-hover:hover, .bg-secondary-active.active {
  background-color: #8D8099 !important;
}
.color-secondary, .color-secondary-hover:hover, .color-secondary-active.active {
  color: #8D8099 !important;
}
.b-secondary, .b-secondary-hover:hover, .b-secondary-active.active {
  border-color: #8D8099 !important;
}
.bg-danger, .bg-danger-hover:hover, .bg-danger-active.active {
  background-color: #db2929 !important;
}
.color-danger, .color-danger-hover:hover, .color-danger-active.active {
  color: #db2929 !important;
}
.b-danger, .b-danger-hover:hover, .b-danger-active.active {
  border-color: #db2929 !important;
}
.bg-warning, .bg-warning-hover:hover, .bg-warning-active.active {
  background-color: #f0ad4e !important;
}
.color-warning, .color-warning-hover:hover, .color-warning-active.active {
  color: #f0ad4e !important;
}
.b-warning, .b-warning-hover:hover, .b-warning-active.active {
  border-color: #f0ad4e !important;
}
.bg-info, .bg-info-hover:hover, .bg-info-active.active {
  background-color: #33b5e5 !important;
}
.color-info, .color-info-hover:hover, .color-info-active.active {
  color: #33b5e5 !important;
}
.b-info, .b-info-hover:hover, .b-info-active.active {
  border-color: #33b5e5 !important;
}
.bg-pink, .bg-pink-hover:hover, .bg-pink-active.active {
  background-color: #F088B2 !important;
}
.color-pink, .color-pink-hover:hover, .color-pink-active.active {
  color: #F088B2 !important;
}
.b-pink, .b-pink-hover:hover, .b-pink-active.active {
  border-color: #F088B2 !important;
}
.bg-violet, .bg-violet-hover:hover, .bg-violet-active.active {
  background-color: violet !important;
}
.color-violet, .color-violet-hover:hover, .color-violet-active.active {
  color: violet !important;
}
.b-violet, .b-violet-hover:hover, .b-violet-active.active {
  border-color: violet !important;
}
.bg-purple, .bg-purple-hover:hover, .bg-purple-active.active {
  background-color: #8c7ae6 !important;
}
.color-purple, .color-purple-hover:hover, .color-purple-active.active {
  color: #8c7ae6 !important;
}
.b-purple, .b-purple-hover:hover, .b-purple-active.active {
  border-color: #8c7ae6 !important;
}
.bg-green, .bg-green-hover:hover, .bg-green-active.active {
  background-color: #C2CF67 !important;
}
.color-green, .color-green-hover:hover, .color-green-active.active {
  color: #C2CF67 !important;
}
.b-green, .b-green-hover:hover, .b-green-active.active {
  border-color: #C2CF67 !important;
}
.bg-orange, .bg-orange-hover:hover, .bg-orange-active.active {
  background-color: #FFAF3E !important;
}
.color-orange, .color-orange-hover:hover, .color-orange-active.active {
  color: #E29218 !important;
}
.b-orange, .b-orange-hover:hover, .b-orange-active.active {
  border-color: #E29218 !important;
}
.bg-gold, .bg-gold-hover:hover, .bg-gold-active.active {
  background-color: #fbc531 !important;
}
.color-gold, .color-gold-hover:hover, .color-gold-active.active {
  color: #fbc531 !important;
}
.b-gold, .b-gold-hover:hover, .b-gold-active.active {
  border-color: #fbc531 !important;
}
.bg-asphalt, .bg-asphalt-hover:hover, .bg-asphalt-active.active {
  background-color: #556575 !important;
}
.color-asphalt, .color-asphalt-hover:hover, .color-asphalt-active.active {
  color: #556575 !important;
}
.b-asphalt, .b-asphalt-hover:hover, .b-asphalt-active.active {
  border-color: #556575 !important;
}
.bg-transparent, .bg-transparent-hover:hover, .bg-transparent-active.active, .transparent, .transparent-hover:hover {
  background-color: transparent !important;
}
/* Soft backgrounds */
.bg-soft:before, .bg-soft-hover:hover:before, .bg-soft-active.active:before, .hover-container:hover .bg-soft-item:before, .bg-soft-9:before, .bg-soft-9-hover:hover:before, .bg-soft-9-active.active:before, .hover-container:hover .bg-soft-9-item:before {
  opacity: .9;
}
.bg-soft-0:before, .bg-soft-0-hover:hover:before, .bg-soft-0-active.active:before, .hover-container:hover .bg-soft-0-item:before {
  opacity: .0;
}
.bg-soft-05:before, .bg-soft-05-hover:hover:before, .bg-soft-05-active.active:before, .hover-container:hover .bg-soft-05-item:before {
  opacity: .05;
}
.bg-soft-1:before, .bg-soft-1-hover:hover:before, .bg-soft-1-active.active:before, .hover-container:hover .bg-soft-1-item:before {
  opacity: .1;
}
.bg-soft-15:before, .bg-soft-15-hover:hover:before, .bg-soft-15-active.active:before, .hover-container:hover .bg-soft-15-item:before {
  opacity: .15;
}
.bg-soft-2:before, .bg-soft-2-hover:hover:before, .bg-soft-2-active.active:before, .hover-container:hover .bg-soft-2-item:before {
  opacity: .2;
}
.bg-soft-25:before, .bg-soft-25-hover:hover:before, .bg-soft-25-active.active:before, .hover-container:hover .bg-soft-25-item:before {
  opacity: .25;
}
.bg-soft-3:before, .bg-soft-3-hover:hover:before, .bg-soft-3-active.active:before, .hover-container:hover .bg-soft-3-item:before {
  opacity: .3;
}
.bg-soft-35:before, .bg-soft-35-hover:hover:before, .bg-soft-35-active.active:before, .hover-container:hover .bg-soft-35-item:before {
  opacity: .35;
}
.bg-soft-4:before, .bg-soft-4-hover:hover:before, .bg-soft-4-active.active:before, .hover-container:hover .bg-soft-4-item:before {
  opacity: .4;
}
.bg-soft-45:before, .bg-soft-45-hover:hover:before, .bg-soft-45-active.active:before, .hover-container:hover .bg-soft-45-item:before {
  opacity: .45;
}
.bg-soft-5:before, .bg-soft-5-hover:hover:before, .bg-soft-5-active.active:before, .hover-container:hover .bg-soft-5-item:before {
  opacity: .5;
}
.bg-soft-55:before, .bg-soft-55-hover:hover:before, .bg-soft-55-active.active:before, .hover-container:hover .bg-soft-55-item:before {
  opacity: .55;
}
.bg-soft-6:before, .bg-soft-6-hover:hover:before, .bg-soft-6-active.active:before, .hover-container:hover .bg-soft-6-item:before {
  opacity: .6;
}
.bg-soft-65:before, .bg-soft-65-hover:hover:before, .bg-soft-65-active.active:before, .hover-container:hover .bg-soft-65-item:before {
  opacity: .65;
}
.bg-soft-7:before, .bg-soft-7-hover:hover:before, .bg-soft-7-active.active:before, .hover-container:hover .bg-soft-7-item:before {
  opacity: .7;
}
.bg-soft-75:before, .bg-soft-75-hover:hover:before, .bg-soft-75-active.active:before, .hover-container:hover .bg-soft-75-item:before {
  opacity: .75;
}
.bg-soft-8:before, .bg-soft-8-hover:hover:before, .bg-soft-8-active.active:before, .hover-container:hover .bg-soft-8-item:before {
  opacity: .8;
}
.bg-soft-85:before, .bg-soft-85-hover:hover:before, .bg-soft-85-active.active:before, .hover-container:hover .bg-soft-85-item:before {
  opacity: .85;
}
.bg-soft-95:before, .bg-soft-95-hover:hover:before, .bg-soft-95-active.active:before, .hover-container:hover .bg-soft-95-item:before {
  opacity: .95;
}
.bg-soft-10:before, .bg-soft-10-hover:hover:before, .bg-soft-10-active.active:before, .hover-container:hover .bg-soft-10-item:before {
  opacity: 1;
}
/* Soft backgrounds - White Tones */
.bg-soft-white:before {
  background-color: #FFFFFF;
}
/* Soft backgrounds - Gray Tones */
.bg-soft-gray:before, .bg-soft-gray-hover:hover:before, .bg-soft-gray-active.active:before {
  background-color: var(--bg-gray);
}
.bg-soft-gray0:before, .bg-soft-gray0-hover:hover:before, .bg-soft-gray0-active.active:before {
  background-color: var(--bg-gray1);
}
.bg-soft-gray1:before, .bg-soft-gray1-hover:hover:before, .bg-soft-gray1-active.active:before {
  background-color: var(--bg-gray1);
}
.bg-soft-gray2:before, .bg-soft-gray2-hover:hover:before, .bg-soft-gray2-active.active:before {
  background-color: var(--bg-gray2);
}
.bg-soft-gray3:before, .bg-soft-gray3-hover:hover:before, .bg-soft-gray3-active.active:before {
  background-color: var(--bg-gray3);
}
.bg-soft-gray4:before, .bg-soft-gray4-hover:hover:before, .bg-soft-gray4-active.active:before {
  background-color: var(--bg-gray4);
}
.bg-soft-gray5:before, .bg-soft-gray5-hover:hover:before, .bg-soft-gray5-active.active:before {
  background-color: var(--bg-gray5);
}
.bg-soft-gray6:before, .bg-soft-gray6-hover:hover:before, .bg-soft-gray6-active.active:before {
  background-color: var(--bg-gray6);
}
.bg-soft-gray7:before, .bg-soft-gray7-hover:hover:before, .bg-soft-gray7-active.active:before {
  background-color: var(--bg-gray7);
}
.bg-soft-gray8:before, .bg-soft-gray8-hover:hover:before, .bg-soft-gray8-active.active:before {
  background-color: var(--bg-gray8);
}
.bg-soft-gray10:before, .bg-soft-gray10-hover:hover:before, .bg-soft-gray10-active.active:before {
  background-color: var(--bg-gray9);
}
/* Soft backgrounds - Dark Tones */
.bg-soft-dark:before, .bg-soft-dark-hover:hover:before, .bg-soft-dark-active.active:before {
  background-color: var(--bg-dark);
}
.bg-soft-dark0:before, .bg-soft-dark0-hover:hover:before, .bg-soft-dark0-active.active:before {
  background-color: var(--bg-dark0);
}
.bg-soft-dark1:before, .bg-soft-dark1-hover:hover:before, .bg-soft-dark1-active.active:before {
  background-color: var(--bg-dark1);
}
.bg-soft-dark2:before, .bg-soft-dark2-hover:hover:before, .bg-soft-dark2-active.active:before {
  background-color: var(--bg-dark2);
}
.bg-soft-dark3:before, .bg-soft-dark3-hover:hover:before, .bg-soft-dark3-active.active:before {
  background-color: var(--bg-dark3);
}
.bg-soft-dark4:before, .bg-soft-dark4-hover:hover:before, .bg-soft-dark4-active.active:before {
  background-color: var(--bg-dark4);
}
.bg-soft-dark5:before, .bg-soft-dark5-hover:hover:before, .bg-soft-dark5-active.active:before {
  background-color: var(--bg-dark5);
}
.bg-soft-dark6:before, .bg-soft-dark6-hover:hover:before, .bg-soft-dark6-active.active:before {
  background-color: var(--bg-dark6);
}
.bg-soft-dark7:before, .bg-soft-dark7-hover:hover:before, .bg-soft-dark7-active.active:before {
  background-color: var(--bg-dark7);
}
.bg-soft-dark8:before, .bg-soft-dark8-hover:hover:before, .bg-soft-dark8-active.active:before {
  background-color: var(--bg-dark8);
}
.bg-soft-dark9:before, .bg-soft-dark9-hover:hover:before, .bg-soft-dark9-active.active:before {
  background-color: var(--bg-dark9);
}
.bg-soft-black:before, .bg-soft-black-hover:hover:before, .bg-soft-black-active.active:before {
  background-color: var(--bg-black);
}
/* Soft backgrounds - Dark Tones */
.bg-soft-night:before, .bg-soft-night-hover:hover:before, .bg-soft-night-active.active:before {
  background-color: var(--bg-night);
}
.bg-soft-night0:before, .bg-soft-night0-hover:hover:before, .bg-soft-night0-active.active:before {
  background-color: var(--bg-night0);
}
.bg-soft-night1:before, .bg-soft-night1-hover:hover:before, .bg-soft-night1-active.active:before {
  background-color: var(--bg-night1);
}
.bg-soft-night2:before, .bg-soft-night2-hover:hover:before, .bg-soft-night2-active.active:before {
  background-color: var(--bg-night2);
}
.bg-soft-night3:before, .bg-soft-night3-hover:hover:before, .bg-soft-night3-active.active:before {
  background-color: var(--bg-night3);
}
.bg-soft-night4:before, .bg-soft-night4-hover:hover:before, .bg-soft-night4-active.active:before {
  background-color: var(--bg-night4);
}
.bg-soft-night5:before, .bg-soft-night5-hover:hover:before, .bg-soft-night5-active.active:before {
  background-color: var(--bg-night5);
}
.bg-soft-night6:before, .bg-soft-night6-hover:hover:before, .bg-soft-night6-active.active:before {
  background-color: var(--bg-night6);
}
.bg-soft-night7:before, .bg-soft-night7-hover:hover:before, .bg-soft-night7-active.active:before {
  background-color: var(--bg-night7);
}
.bg-soft-night8:before, .bg-soft-night8-hover:hover:before, .bg-soft-night8-active.active:before {
  background-color: var(--bg-night8);
}
.bg-soft-night9:before, .bg-soft-night9-hover:hover:before, .bg-soft-night9-active.active:before {
  background-color: var(--bg-night9);
}
/* Soft backgrounds - Colored Tones */
.bg-soft-colored:before, .bg-soft-colored-hover:hover:before, .bg-soft-colored-active.active:before {
  background-color: var(--colored);
}
/* Other background features */
[data-bg], [data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
}
/* Background positions, styles */
.bg-left, .bg-left > .bg-animator:after {
  background-position: left !important;
}
.bg-lefttop, .bg-lefttop > .bg-animator:after {
  background-position: left top !important;
}
.bg-leftbottom, .bg-leftbottom > .bg-animator:after {
  background-position: left bottom !important;
}
.bg-right, .bg-right > .bg-animator:after {
  background-position: right !important;
}
.bg-righttop, .bg-righttop > .bg-animator:after {
  background-position: right top !important;
}
.bg-rightbottom, .bg-rightbottom > .bg-animator:after {
  background-position: right bottom !important;
}
.bg-top, .bg-top > .bg-animator:after {
  background-position: top !important;
}
.bg-bottom, .bg-bottom > .bg-animator:after {
  background-position: bottom !important;
}
.bg-center, .bg-center > .bg-animator:after {
  background-position: center center !important;
}
.bg-centertop, .bg-centertop > .bg-animator:after {
  background-position: center top !important;
}
.bg-centerbottom, .bg-centerbottom > .bg-animator:after {
  background-position: center bottom !important;
}
.bg-norepeat, .bg-norepeat > .bg-animator:after {
  background-repeat: no-repeat !important;
}
.bg-repeatx, .bg-repeatx > .bg-animator:after {
  background-repeat: repeat-x !important;
}
.bg-repeaty, .bg-repeaty > .bg-animator:after {
  background-repeat: repeat-y !important;
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-scroll {
  background-attachment: scroll !important;
}
.bg-normal, .bg-normal > .bg-animator:after {
  background-size: auto !important;
}
.bg-fixed, .bg-fixed > .bg-animator:after {
  background-attachment: fixed !important;
}
/* Background size */
.bg-cover, .cover, .bg-cover > .bg-animator:after {
  background-size: cover !important;
}
.bg-fullheight {
  background-size: auto 100% !important;
}
.bg-fullwidth {
  background-size: 100% auto !important;
}
/* Text Colors */
/* Gray Colors */
.gray, .gray-hover:hover, .hover-container:hover .gray-hover-item, .gray-active.active {
  color: var(--text-gray) !important;
}
.gray1, .gray1-hover:hover, .hover-container:hover .gray1-hover-item, .gray1-active.active {
  color: var(--text-gray1) !important;
}
.gray2, .gray2-hover:hover, .hover-container:hover .gray2-hover-item, .gray2-active.active {
  color: var(--text-gray2) !important;
}
.gray3, .gray3-hover:hover, .hover-container:hover .gray3-hover-item, .gray3-active.active {
  color: var(--text-gray3) !important;
}
.gray4, .gray4-hover:hover, .hover-container:hover .gray4-hover-item, .gray4-active.active {
  color: var(--text-gray4) !important;
}
.gray5, .gray5-hover:hover, .hover-container:hover .gray5-hover-item, .gray5-active.active {
  color: var(--text-gray5) !important;
}
.gray6, .gray6-hover:hover, .hover-container:hover .gray6-hover-item, .gray6-active.active {
  color: var(--text-gray6) !important;
}
.gray7, .gray7-hover:hover, .hover-container:hover .gray7-hover-item, .gray7-active.active {
  color: var(--text-gray7) !important;
}
.gray8, .gray8-hover:hover, .hover-container:hover .gray8-hover-item, .gray8-active.active {
  color: var(--text-gray8) !important;
}
.gray9, .gray9-hover:hover, .hover-container:hover .gray9-hover-item, .gray9-active.active {
  color: var(--text-gray9) !important;
}
/* White, dark, black secondary */
.dark, .dark-hover:hover, .hover-container:hover .dark-hover-item, .dark-active.active {
  color: var(--text-dark) !important;
}
.dark1, .dark1-hover:hover, .hover-container:hover .dark1-hover-item, .dark1-active.active {
  color: var(--text-dark1) !important;
}
.dark2, .dark2-hover:hover, .hover-container:hover .dark2-hover-item, .dark2-active.active {
  color: var(--text-dark2) !important;
}
.dark3, .dark3-hover:hover, .hover-container:hover .dark3-hover-item, .dark3-active.active {
  color: var(--text-dark3) !important;
}
.dark4, .dark4-hover:hover, .hover-container:hover .dark4-hover-item, .dark4-active.active {
  color: var(--text-dark4) !important;
}
.dark5, .dark5-hover:hover, .hover-container:hover .dark5-hover-item, .dark5-active.active {
  color: var(--text-dark5) !important;
}
.dark6, .dark6-hover:hover, .hover-container:hover .dark6-hover-item, .dark6-active.active {
  color: var(--text-dark6) !important;
}
.dark7, .dark7-hover:hover, .hover-container:hover .dark7-hover-item, .dark7-active.active {
  color: var(--text-dark7) !important;
}
.dark8, .dark8-hover:hover, .hover-container:hover .dark8-hover-item, .dark8-active.active {
  color: var(--text-dark8) !important;
}
.dark9, .dark9-hover:hover, .hover-container:hover .dark9-hover-item, .dark9-active.active {
  color: var(--text-dark9) !important;
}
.black, .black-hover:hover, .hover-container:hover .black-hover-item, .black-active.active {
  color: black !important;
}
.white, .white-hover:hover, .hover-container:hover .white-hover-item, .white-active.active {
  color: white !important;
}
/* Dark corners */
[class*="dark-corner-"], [class*="dark-bottom"] {
  position: relative;
}
[class*="dark-corner-"] > *, [class*="dark-bottom"] > * {
  position: relative;
  z-index: 2 !important;
}
[class*="dark-corner-"]:before, [class*="dark-bottom"]:before {
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1 !important;
  pointer-events: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.dark-corner-left-top:before, .dark-corner-left-top-hover:hover:before, .dark-corner-left-top.active:before {
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(150deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 35%);
}
.dark-corner-left-bottom:before, .dark-corner-left-bottom-hover:hover:before, .dark-corner-left-bottom-active.active:before {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(185deg, rgba(69, 69, 69, 0.00) 49%, rgba(33, 33, 33, 0.76) 100%);
}
.dark-corner-right-top:before, .dark-corner-right-top-hover:hover:before, .dark-corner-right-top-active.active:before {
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(210deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 35%);
}
.dark-corner-right-bottom:before, .dark-corner-right-top-hover:hover:before, .dark-corner-right-top-active.active:before {
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(335deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 35%);
}
.dark-bottom:before, .dark-bottom-hover:hover:before, .dark-bottom-active.active:before, .dark-bottom1:before, .dark-bottom1-hover:hover:before, .dark-bottom1-active.active:before {
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 55%);
}
.dark-bottom1:before, .dark-bottom1-hover:hover:before, .dark-bottom1-active.active:before {
  opacity: .7 !important;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: ransform, opacity;
}
/* General shortcodes */
.fullscreen {
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
}
.object-cover {
  object-fit: cover;
}
.object-contain {
  object-fit: contain;
}
.relative {
  position: relative !important;
}
.absolute {
  position: absolute !important;
}
.fixed {
  position: fixed !important;
}
.block, .block-links a, .block-img img {
  display: block;
}
.block-img img {
  width: 100%;
}
.inline-block, .inline-block-links a {
  display: inline-block !important;
}
.table {
  display: table !important;
}
.table-lg td, .table-lg th {
  padding: 1rem;
}
.table-xl td, .table-xl th {
  padding: 1.2rem;
}
.table thead th {
  border-bottom-width: 1px;
}
.flex-none {
  flex: none !important;
  -ms-flex: none;
}
.pointer-events-none, .pointer-events-none-active.active {
  pointer-events: none !important
}
.pointer-events-all {
  pointer-events: all !important
}
.none {
  display: none !important;
}
.hidden, .visible-active, .active.hidden-active, .active > .hidden-active {
  visibility: hidden;
  opacity: 0;
}
.ws-nowrap, .nowrap {
  white-space: nowrap !important;
}
.ws-normal {
  white-space: normal !important;
}
.f-left {
  float: left !important;
}
.f-right {
  float: right !important;
}
.f-none {
  float: none !important;
}
.radius-none, .radius-0, .radius-none-hover:hover {
  border-radius: 0 !important;
}
.radius-sm, .radius-sm-hover:hover {
  border-radius: 3px !important;
}
.radius, .radius-hover:hover {
  border-radius: 6px !important;
}
.radius-md, .radius-md-hover:hover {
  border-radius: 12px !important;
}
.radius-lg, .radius-lg-hover:hover {
  border-radius: 30px !important;
}
.radius-xl, .radius-xl-hover:hover {
  border-radius: 100px !important;
}
.radius-inherit, .radius-inherit-hover:hover {
  border-radius: inherit !important;
}
.circle, .circle-hover:hover {
  border-radius: 100% !important;
}
/* Overflow */
.o-hidden {
  overflow: hidden !important;
}
.o-hidden-x {
  overflow-x: hidden !important;
}
.o-hidden-y {
  overflow-y: hidden !important;
}
.o-scroll {
  overflow: scroll !important;
}
.o-auto {
  overflow: auto !important;
}
.o-visible {
  overflow: visible !important;
}
/* Cursor options */
.c-inherit {
  cursor: inherit !important;
}
.c-pointer {
  cursor: pointer !important;
}
.c-default {
  cursor: default !important;
}
.c-disabled {
  cursor: not-allowed !important;
}
.c-move {
  cursor: move !important;
}
.c-resize {
  cursor: ew-resize !important;
}
.c-vertical-resize {
  cursor: ns-resize !important;
}
.c-grab {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.c-grab:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.c-plus {
  cursor: url(../images/cursor-plus.svg) 21 21, auto !important;
}
/* Box shadows */
.bs-none, .bs-none-hover:hover, .bs-none-focus:focus {
  box-shadow: none !important;
}
.bs-xs, .bs-xs-hover:hover, .bs-xs-focus:focus {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3) !important
}
.bs-sm, .bs-sm-hover:hover, .bs-sm-focus:focus {
  box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07) !important
}
.bs, .box-shadow, .bs-hover:hover, .bs-focus:focus {
  box-shadow: 1px 6px 18px 0px rgba(0, 0, 0, 0.06) !important
}
.bs-light, .bs-light-hover:hover, .bs-light-focus:focus {
  box-shadow: 2px 30px 127px 5px rgba(63, 75, 188, 0.14) !important
}
.bs-md, .bs-md-hover:hover, .bs-md-focus:focus {
  box-shadow: 2px 15px 45px 5px rgba(0, 0, 0, 0.07) !important
}
.bs-lg, .bs-lg-hover:hover, .bs-lg-focus:focus {
  box-shadow: 2px 20px 55px 5px rgba(0, 0, 0, 0.09) !important
}
.bs-xl, .bs-xl-hover:hover, .bs-xl-focus:focus {
  box-shadow: 2px 25px 65px 5px rgba(0, 0, 0, 0.21) !important
}
.bs-inset, .bs-inset-hover:hover, .bs-inset-focus:focus {
  -webkit-box-shadow: 0 18px 36px -13px rgba(0, 0, 0, 0.5) !important;
  -moz-box-shadow: 0 18px 36px -13px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 21px 42px -14px rgba(0, 0, 0, 0.5) !important;
}
[class*="bs-colored"] {
  position: relative;
  z-index: 0;
}
[class*="bs-colored"]:before {
  content: '';
  position: absolute;
  display: block;
  left: 3%;
  right: 3%;
  top: 40%;
  bottom: -9px;
  background: inherit;
  -webkit-filter: blur(30px);
  filter: blur(30px);
  z-index: -1;
  opacity: .7;
}
.bs-colored-sm:before, .bs-colored-sm-hover:before {
  -webkit-filter: blur(17px) !important;
  filter: blur(17px) !important;
}
.bs-colored-hover:before, .bs-colored-sm-hover:before {
  visibility: hidden;
  opacity: 0 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bs-colored:before, .bs-colored-hover:hover:before, .bs-colored-sm-hover:hover:before {
  visibility: visible;
  opacity: .7 !important;
}
/* Smooth effects */
.slow-disabled {
  -webkit-transition: none !important;
  transition: none !important;
}
.slow-sm {
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
}
.slow {
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
}
.slow-md {
  -webkit-transition: all 0.4s !important;
  transition: all 0.4s !important;
}
.slow-lg {
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
.slow-xl {
  -webkit-transition: all 0.7s !important;
  transition: all 0.7s !important;
}
.slow-cubic {
  -webkit-transition: all 0.9s cubic-bezier(0.77, 0, 0.2, 1) !important;
  transition: all 0.9s cubic-bezier(0.77, 0, 0.2, 1) !important;
}
/* Half moves */
.move-up-half {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.move-right-half {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.move-upright-half {
  -webkit-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0);
}
.move-upleft-half {
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.move-down-half {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.move-left-half {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.move-downright-half {
  -webkit-transform: translate3d(50%, 50%, 0);
  transform: translate3d(50%, 50%, 0);
}
.move-downleft-half {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}
@media only screen and (max-width:992) {
  .move-none-sm {
    -webkit-transform: translate3d(0, 0, 0) translateX(0) !important;
    transform: translate3d(0, 0, 0) translateX(0) !important;
  }
}
/* Containers */
*[class^="container-"], .container {
  height: auto;
  width: 100%;
  margin: 0 auto;
}
/* Container Sizes */
.container-xl {
  max-width: 1600px;
}
.container-lg {
  max-width: 1440px;
}
.container-md {
  max-width: 1170px;
}
.container-sm {
  max-width: 992px;
}
.container-xs {
  max-width: 750px;
}
.container-xxs {
  max-width: 630px;
}
/* Rotate shortcodes */
.rotate-45 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rotate--45 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate--90 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* Overlay */
.overlay, .overlay-hover {
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2 !important;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
}
.has-overlay, [class*="has-overlay-"] {
  overflow: hidden;
  position: relative;
}
.has-overlay > *:not(.overlay):not(.overlay-hover), [class*="has-overlay-"] > *:not(".overlay"):not(.overlay-hover) {
  z-index: 1;
  position: relative;
}
.has-overlay-hover .overlay-hover {
  visibility: hidden;
  opacity: 0;
  z-index: 50 !important;
}
.has-overlay-hover:hover .overlay-hover {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.image-left {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
.image-right {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}
pre {
  border: 1px solid #E4E4E4;
  line-height: normal;
  max-height: 400px;
  padding: 25px;
}
.sticky-keeper {
  position: relative;
  width: 100%;
}
@media only screen and (max-width:992px) {
  .sticky-keeper .sticky-container {
    position: relative !important;
    top: 0 !important;
    width: auto !important;
    max-width: none !important;
  }
}
/* Animated, animated-container items */
.animated-container [data-animation], .animated, .animated-hover {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.animated-container [data-animation].fast, .animated.fast, .animated-hover.fast {
  animation-duration: 0.5s;
}
.animated-container [data-animation].fast2x, .animated.fast2x, .animated-hover.fast2x {
  animation-duration: 0.25s;
}
.visible, .animated-container [data-animation].visible, .active > .visible-active, .active.visible-active, .hidden-active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width:992px) {
  .animated-container [data-animation], .animated {
    visibility: visible !important;
    opacity: 1 !important;
  }
}
body.mobile .animated-container [data-animation], body.mobile .animated {
  visibility: visible !important;
  opacity: 1 !important;
}
/* Inputs and Textareas */
input, textarea, .input {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  display: block;
  width: 100%;
  padding: 15px 20px;
  resize: none;
}
.was-validated input:invalid, .was-validated input:invalid + label span.uncheck, .was-validated *[class*="b-"]:invalid {
  border-color: #f90000 !important;
}
/* Checkbox and radios */
input.check + label span.checked {
  opacity: 0;
  visibility: hidden;
}
input.check:checked + label span.checked {
  opacity: 1;
  visibility: visible;
}
/* PlaceHolder Colors */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #777;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #777;
}
/* PlaceHolder Colors for light */
.white-placeholder::-webkit-input-placeholder {
  color: #fff !important;
}
.white-placeholder::-moz-placeholder {
  color: #fff !important;
}
.dark-placeholder::-webkit-input-placeholder {
  color: #484848 !important;
}
.dark-placeholder::-moz-placeholder {
  color: #484848 !important;
}
.black-placeholder::-webkit-input-placeholder {
  color: #000000 !important;
}
.black-placeholder::-moz-placeholder {
  color: #000000 !important;
}
/* Contact Form effects */
.contact-form-wrapper {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.success .contact-form-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.91);
  transform: scale(0.91);
}
.success-message-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.success .success-message-wrapper.ready {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* Parallax Styles */
.has-parallax {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.parallax {
  width: 100%;
  will-change: transform;
  height: calc(var(--vh, 1vh) * 120); /* ← 120vhと同じ効果 */
  position: absolute;
  top: calc(var(--vh, 1vh) * -10);    /* ← -10vh */
  left: 0;
  background-size: cover;
  background-attachment: scroll !important;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
  backface-visibility: hidden;
}

.parallax.horizontal-parallax {
  min-height: auto;
  height: 100%;
}
.parallax.disabled {
  width: 100%;
  min-height: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: none !important;
  transform: none !important;
}
.parallax img {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width:992px) {
  .parallax {
    width: 100%;
    height: 100%;
    min-height: 100%;
    -webkit-transform: none !important;
    transform: none !important;
  }
}
.hide-on-home {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.welcome-home .hide-on-home {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.hide-by-scroll.hiding {
  -webkit-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
  -webkit-transition: transform .45s;
  transition: transform .45s;
}
/* Icon Types */
.icon-xxs {
  width: 21px;
  height: 21px;
  font-size: 10px;
}
.icon-xs {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.icon-sm {
  width: 35px;
  height: 35px;
  font-size: 12px;
}
.icon-md {
  width: 45px;
  height: 45px;
  font-size: 13px;
}
.icon-lg {
  width: 60px;
  height: 60px;
  font-size: 13px;
}
.icon-xl {
  width: 75px;
  height: 75px;
  font-size: 14px;
}
.icon-xxl {
  width: 100px;
  height: 100px;
  font-size: 16px;
}
.icon-extreme {
  width: 120px;
  height: 120px;
  font-size: 17px;
}
[class*="icon-"], .icon {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  line-height: normal;
}
/* Responsive Visible Options */
/* .visible-xs small than 480px */
@media only screen and (min-width:576px) {
  .visible-xs {
    display: none !important;
  }
}
/* .visible-sm 576px - 767px */
@media only screen and (min-width:768px) {
  .visible-sm {
    display: none !important;
  }
}
/* .visible-md 768px - 991px */
@media (max-width:768px) {
  .visible-md {
    display: none !important;
  }
}
@media (min-width:992px) {
  .visible-md {
    display: none !important;
  }
}
/* .visible-lg larger than 992px */
@media only screen and (max-width:992px) {
  .visible-lg {
    display: none !important;
  }
}
/* .visible-xl larger than 1200px */
@media only screen and (max-width:1200px) {
  .visible-xl {
    display: none !important;
  }
}
/* Responsive Hidden Options */
/* .hidden-xs */
@media only screen and (max-width:576px) {
  .hidden-xs {
    display: none !important;
  }
}
/* .hidden-sm */
@media only screen and (max-width:768px) {
  .hidden-sm {
    display: none !important;
  }
}
/* .hidden-md */
@media (min-width:768px) and (max-width:992px) {
  .hidden-md {
    display: none !important;
  }
}
/* .hidden-lg */
@media only screen and (min-width:992px) {
  .hidden-lg {
    display: none !important;
  }
}
/* .hidden-xl */
@media only screen and (min-width:1200px) {
  .hidden-xl {
    display: none !important;
  }
}
/* Alerts & Cookie */
.cookie {
  display: none;
  z-index: 1090;
}
.cookie.cookie-in-expire-time {
  display: none !important;
}
.cookie-alert {
  display: none;
  position: fixed;
  z-index: 1500;
  width: 80%;
  margin: 0 auto;
  left: 50%;
  bottom: 3%;
  right: auto;
  opacity: 1;
  padding: 20px 40px 20px 20px !important;
  background: white;
  -ms-transform: translateX(-50%) translateZ(0);
  -webkit-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
}
.cookie-alert .close {
  position: absolute;
  right: 20px;
  font-size: 20px;
}
body.cookie-alert-active {
  overflow-y: auto !important;
}
.p-alert {
  display: none;
  position: fixed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1500;
  margin: 0;
  line-height: normal;
}
/* Webkit animations & hovers */
[class*="zoom-in"] {
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  backface-visibility: hidden;
}
.zoom-in-hover:hover, .hover-container:hover .zoom-in-hover-item, .zoom-in-focus:active, .hover-container:active .zoom-in-focus, .zoom-in-active.active, .active > .zoom-in-active {
  -webkit-transform: scale(1.11) translateZ(0);
  transform: scale(1.11) translateZ(0);
}
.zoom-in-sm-hover:hover, .hover-container:hover .zoom-in-sm-hover-item, .zoom-in-sm-focus:active, .hover-container:active .zoom-in-sm-focus, .zoom-in-sm-active.active, .active > .zoom-in-sm-active {
  -webkit-transform: scale(1.04) translateZ(0);
  transform: scale(1.04) translateZ(0);
}
.zoom-out-hover:hover, .hover-container:hover .zoom-out-hover-item, .zoom-out-focus:active, .hover-container:active .zoom-out-focus, .zoom-out-active.active, .active > .zoom-out-active {
  -webkit-transform: scale(0.9) translateZ(0);
  transform: scale(0.9) translateZ(0);
}
.grayscale, .grayscale-hover:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.blur-hover, .blur-sm-hover, .blur-md-hover, .blur-lg-hover {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}
.blur, .blur-hover:hover {
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
.blur-sm, .blur-sm-hover:hover {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.blur-md, .blur-md-hover:hover {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.blur-lg, .blur-lg-hover:hover {
  -webkit-filter: blur(9px);
  filter: blur(9px);
}
.bg-blur, .bg-blur-hover:hover {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  backface-visibility: hidden;
}
.bg-blur-lg, .bg-blur-lg-hover:hover {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  backface-visibility: hidden;
}
.bg-blur-xl, .bg-blur-xl-hover:hover {
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  backface-visibility: hidden;
}
/* Buttons */
.btn-disabled {
  opacity: .5;
  pointer-events: none;
}
[class*="btn-"] {
  cursor: pointer;
  line-height: normal;
  white-space: nowrap;
  letter-spacing: 0;
  text-align: center;
  display: inline-flex;
  display: -ms-inline-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
}
.btn-xs {
  padding: 12px 26px 11px;
  font-size: 12px;
}
.btn-sm {
  padding: 14px 30px 13.5px;
  font-size: 13px;
}
.btn-md {
  padding: 16px 41px 16px;
  font-size: 14px;
}
.btn-lg {
  padding: 18px 54px 18px;
  font-size: 15px;
}
.btn-xl {
  padding: 20px 67px 19px;
  font-size: 16px;
}
/* Drop message and back to top buttons */
.btt {
  z-index: 1060;
  position: fixed;
  cursor: pointer;
  right: 20px;
  bottom: 15px;
  text-align: center;
  border: none;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: opacity 0.4s, visibility 0.4s, background 0.4s, color 0.4s, transform 0.4s;
  transition: opacity 0.4s, visibility 0.4s, background 0.4s, color 0.4s, transform 0.4s;
  -webkit-transform: scale(0.9)translateZ(0);
  transform: scale(0.9)translateZ(0);
}
.cookie-activated .btt {
  opacity: 0;
  visibility: hidden;
}
.btt.fading {
  -webkit-transition: all 0s;
  transition: all 0s;
}
.btt:hover {
  -webkit-transform: scale(1)translateZ(0);
  transform: scale(1)translateZ(0);
}
@media only screen and (max-width:992px) {
  .btt, .drop-msg {
    right: 10px;
    bottom: 10px;
  }
  .drop-msg + .btt {
    bottom: 65px;
  }
}
/* Tooltips */
.tooltip-item, [data-bs-toggle="tooltip"] {
  cursor: help;
}
.tooltip.show {
  opacity: 1 !important;
}
.tooltip-inner {
  padding: 30px;
  text-align: left;
  color: white;
  border-radius: 18px;
  min-width: 150px;
  width: auto;
  max-width: 350px;
  background-color: #2F2F2F;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.30);
}
/* Arrow Colors */
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
  border-top-color: #2F2F2F;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  border-right-color: #2F2F2F;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
  border-bottom-color: #2F2F2F;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
  border-left-color: #2F2F2F;
}
/* Popover */
[data-bs-toggle="popover"] {
  cursor: pointer;
  position: relative;
}
.popover {
  border: none;
  outline: none;
  padding: 25px;
  min-width: 280px;
  z-index: 2000;
  color: #717171;
  border-radius: 18px;
  box-shadow: 0 18px 60px 0 rgba(0, 0, 0, 0.15);
}
.popover .popover-header {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none !important;
}
.popover-body {
  padding: 0;
  color: inherit;
}
.popover > .arrow {
  display: none !important;
}
.popover img {
  max-width: 100%;
}
@media only screen and (max-width:641px) {
  .popover {
    padding: 17px 15px 17px 22px;
    font-size: 12px;
  }
}
/* Works */
.grid-layout a.item {
  display: block;
}
.grid-layout a.item img {
  display: block;
  width: 100.14%;
}
/* Hotspots */
.hotspots, .hotspots .items {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: auto;
}
.hotspots:not(.slide) > img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.hotspots img[data-src]:not(.loaded) + .items .item {
  display: none;
}
.hotspots .items {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.hotspots .items:not(.scene) .item:hover, .hotspots .items:not(.scene) .item:active, .hotspots .items:not(.scene) .item:focus {
  z-index: 10 !important;
}
.hotspots .items .item, .hotspots img.loaded + .items .item {
  position: absolute;
  display: flex;
  display: -ms-flexbox;
  z-index: 2;
}
.hotspots .items .item.center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.hotspots .items *:not(.item) {
  z-index: 1;
}
/* Accordion plus-minus */
[aria-expanded="false"][data-bs-toggle][data-bs-target] .ti-plus + .ti-minus {
  display: none;
}
[aria-expanded="true"][data-bs-toggle][data-bs-target] .ti-plus {
  display: none;
}
/* Local & Youtube Video Styles */
.rainyday canvas.ready {
  opacity: 1;
}
.videobg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  background-size: cover;
  z-index: -1;
}
.videobg video {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%) translateZ(0);
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
.youtube-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(150vw + 90vh); /* Calculated ratio */ height: 137vh; /* Calculated ratio */ min-height: 900px;
  opacity: 0;
  -webkit-transition: opacity 0.6s !important;
  transition: opacity 0.6s !important;
}
body.youtube-video-ready .youtube-video {
  opacity: 1;
}
.youtube-video.loaded + .video-background {
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width:992px), (max-height:800px) {
  .youtube-video, .youtube iframe {
    width: 520vw;
    height: 170vh;
  }
}
/* Classic List Types */
.list {
  padding-left: 20px;
  text-align: left;
}
.list.list-xs li {
  margin-bottom: 5px;
}
.list.list-sm li {
  margin-bottom: 8px;
}
.list.list-md li {
  margin-bottom: 10px;
}
.list.list-lg li {
  margin-bottom: 15px;
}
.list.list-xl li {
  margin-bottom: 30px;
}
.list li:last-child {
  margin-bottom: 0 !important;
}
.list.list-right {
  padding-left: auto;
  list-style-position: inside;
  text-align: right;
  direction: rtl;
}
.list.list-side {
  padding-left: 0;
}
.list.list-side > li {
  display: inline-flex;
  display: -ms-inline-flexbox;
  padding-right: 20px;
  margin-bottom: 20px;
  align-items: center;
  -ms-flex-align: center;
  justify-content: start;
  -ms-flex-pack: start;
}
.list-circle {
  list-style-type: circle;
}
.list-disc {
  list-style-type: disc;
}
.list-number {
  list-style-type: decimal;
}
.list-square {
  list-style-type: square;
}
.list-roman {
  list-style-type: upper-roman;
}
.list-alpha {
  list-style-type: lower-alpha;
}
/* Progress Bars Start Width */
.progress-bar {
  width: 35%;
}
/* Team animation */
.team-member {
  position: relative;
  height: auto;
  overflow: hidden;
}
.team-member .member-details {
  position: absolute;
  padding-top: 9px;
  left: 0;
  top: 100%;
  margin-top: -75px;
  z-index: 30;
  height: 100%;
  max-height: 75px;
  overflow: hidden;
}
.team-member:hover .member-details {
  top: 0;
  margin-top: 0px;
  padding-top: 16%;
  max-height: 500px;
}
/* Tabs */
/* Tab Content Effect */
.nav .tab-filter {
  border: 1px solid transparent;
  border-top: 3px solid transparent !important;
  ;
  margin-bottom: 0px;
}
.nav .tab-filter.active {
  border: 1px solid #e1e1e1 !important;
  margin-bottom: -1px;
  border-top: 3px solid var(--colored) !important;
  border-bottom: 1px solid white !important;
}
.nav .tab-filter.dark-filter.active {
  border: 1px solid #363636 !important;
  border-top: 3px solid var(--colored) !important;
  border-bottom: 1px solid transparent !important;
}
.tab-content {
  border: 1px solid #e1e1e1;
}
.tab-content.dark-content {
  border: 1px solid #363636;
}
/* Contact Form effects */
.contact-form-wrapper {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.success .contact-form-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.91);
  transform: scale(0.91);
}
.success-message-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.success .success-message-wrapper.ready {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* Tags */
.tags .tag {
  display: inline-flex;
  display: -ms-inline-flexbox;
  -ms-flex-align: center;
  align-items: center;
  font-size: inherit;
  color: inherit;
  margin: 8px 4px 0 0;
  padding: 10px 16px;
  line-height: normal
}
.tags.radius .tag {
  border-radius: 25px;
}
.tags.tags-with-icon .tag {
  margin: 6px 3px 0 0;
  padding: 4px 4px 4px 10px;
}
.tags.tags-sm .tag {
  margin: 5px 3px 0 0;
  padding: 5px 9px;
}
.tags.tags-lg .tag {
  margin: 10px 6px 0 0;
  padding: 12px 18px;
}
/* Loading Effects */
.page-loader {
  opacity: 1;
  visibility: visible;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  margin: 0px;
  background: white;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-transition: opacity 0.8s, visibility 0.8s;
  transition: opacity 0.8s, visibility 0.8s;
}
.loader {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
}
.loader .outter {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  width: 60px;
  height: 60px;
  border-radius: 80px 0 0 80px;
  border-left: solid 5px;
  -webkit-animation: rotate 1.3s linear 0s infinite normal;
  -moz-animation: rotate 1.3s linear 0s infinite normal;
  -o-animation: rotate 1.3s linear 0s infinite normal;
  -ms-animation: rotate 1.3s linear 0s infinite normal;
  animation: rotate 1.3s linear 0s infinite normal;
}
.loader .mid {
  top: 15px;
  left: 15px;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50px 0 0 50px;
  border-left: solid 4px;
  -webkit-animation: rotate 3.3s linear 0s infinite normal;
  -moz-animation: rotate 3.3s linear 0s infinite normal;
  -o-animation: rotate 3.3s linear 0s infinite normal;
  -ms-animation: rotate 3.3s linear 0s infinite normal;
  animation: rotate 3.3s linear 0s infinite normal;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframe srotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.page-loader.page-loader--fading-out, .page-loader--fading-out .loader {
  opacity: 0;
  visibility: hidden;
}
.page-loader.page-loader--fading-out.page-loader--fading-in {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}
.page-loader.page-loader--hidden, .page-loader--hidden .loader {
  display: none !important;
}
/* Theme Section and Skeleton Styles */
/* ============================================================ */
/* Modern Navigation */
/* ============================================================ */
/* Navigation main styles */
/* Disable Bootstrap 5 blue color */
.nav-link, .nav-link:hover, .nav-link:focus, .nav-link:active {
  color: inherit;
}
.modern-nav {
  z-index: 1050;
  width: 100%;
  height: 70px;
  position: relative;
  align-items: center;
  -ms-flex-align: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: none;
  -webkit-transition: background 0.4s, height 0.4s, transform 0.4s;
  transition: background 0.4s, height 0.4s, transform 0.4s;
}
.modern-nav .nav-container, .modern-nav .nav-wrapper, .modern-nav .nav, .modern-nav .nav-menu {
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.modern-nav .nav-menu {
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  width: auto;
}
@media only screen and (min-width:992px) {
  .modern-nav .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/* Logo Settings */
.modern-nav a.logo {
  display: flex;
  height: 100%;
  width: auto;
  align-items: center;
  -ms-flex-align: center;
}
.modern-nav a.logo img {
  max-width: 100px;
  max-height: 50px;
}
.modern-nav .logo-white, .modern-nav .logo-dark {
  display: none;
}
.modern-nav:not(.scrolled) .logo-white {
  display: block;
}
.modern-nav.scrolled.nav-white .logo-dark {
  display: block;
}
.modern-nav.scrolled.nav-dark .logo-white {
  display: block;
}
.modern-nav.nav-white:not(.fixed):not(.stay-top) .logo-dark {
  display: block;
}
.modern-nav.nav-white:not(.fixed):not(.stay-top) .logo-white {
  display: none;
}
/* .details-white and logo only */
.modern-nav.details-white:not(.scrolled) .logo-white, .modern-nav.details-white-logo-only:not(.scrolled) .logo-white {
  display: block;
}
.modern-nav.details-white .logo-dark, .modern-nav.details-white-logo-only .logo-dark {
  display: none;
}
/* .details-dark and logo only */
.modern-nav.details-dark .logo-white, .modern-nav.details-dark-logo-only .logo-white {
  display: none;
}
.modern-nav.details-dark:not(.scrolled) .logo-dark, .modern-nav.details-dark-logo-only:not(.scrolled) .logo-dark {
  display: block;
}
/* Navigation types */
/* Stay on top transparent */
.modern-nav.stay-top {
  position: absolute !important;
  top: 0;
  left: 0;
  background-color: transparent !important;
}
/* Sticky Navigation */
#navigation-sticky-wrapper {
  position: relative;
  z-index: 1050;
  margin: 0;
  display: block;
  top: 0;
}
.modern-nav.sticky {
  backface-visibility: hidden;
  position: fixed;
}
/* Fixed Navigation */
.modern-nav.fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  background-color: transparent;
}
.modern-nav.fixed:not(.scrolled) {
  color: #fff !important;
  background: transparent !important;
  border-bottom-color: transparent;
  box-shadow: none !important;
}
.modern-nav.fixed.hover-dark:not(.scrolled):hover, .modern-nav.stay-top.hover-dark:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.modern-nav.fixed.hover-white:not(.scrolled):hover, .modern-nav.stay-top.hover-white:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
@media only screen and (min-width:992px) {
  .modern-nav.fixed.details-dark:not(.scrolled), .modern-nav.stay-top.details-dark:not(.scrolled) {
    color: #0e0e0e !important;
  }
}
.modern-nav.fixed.details-white:not(.scrolled);
  {
  color: #fff !important;
}
.modern-nav.fixed:not(.scrolled) .nav-links > .nav-link:hover, .modern-nav.fixed:not(.scrolled) .nav-links > div > .nav-link:hover {
  background-color: transparent !important;
}
/* Scrolled and height options */
.modern-nav.nav-sm {
  height: 60px;
}
.modern-nav.nav-sm .nav-links .nav-link {
  padding: 0 16px;
}
/* Large nav */
.modern-nav.nav-lg {
  height: 75px;
}
.modern-nav.nav-lg .nav-links .nav-link {
  padding: 0 18px;
}
/* Large nav */
.modern-nav.nav-xl {
  height: 120px;
}
.modern-nav.nav-xl .nav-links .nav-link {
  padding: 0 22px;
}
/* Scrolled size */
.modern-nav.fixed.scrolled:not(.fixed-height), .modern-nav.sticky.scrolled:not(.fixed-height) {
  height: 60px !important;
}
/* Scrolled lg size */
.modern-nav.nav-lg.fixed.scrolled:not(.fixed-height), .modern-nav.nav-lg.sticky.scrolled:not(.fixed-height) {
  height: 75px !important;
}
/* Scrolled xl size */
.modern-nav.nav-xl.fixed.scrolled:not(.fixed-height), .modern-nav.nav-xl.sticky.scrolled:not(.fixed-height) {
  height: 85px !important;
}
/* White navigation */
.modern-nav.nav-white {
  background-color: #fff;
  color: #333;
}
.modern-nav.stay-top.nav-white {
  color: #fff;
}
.modern-nav.nav-white .nav-links .dropdown-menu .nav-link {
  color: #3E3E3E;
}
.modern-nav.nav-white .mega-menu > li ul.column .nav-link {
  color: #616161 !important;
}
.modern-nav.nav-white .mega-menu > li ul.column .nav-link.column-title {
  color: #4a4a4a !important;
}
.modern-nav.nav-white.bordered {
  border-bottom-color: rgba(100, 100, 100, 0.13) !important;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.modern-nav.nav-white.bordered.bordered-white {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.modern-nav.stay-top.nav-white:not(.details-dark):not(.scrolled) .hamburger-menu div, .modern-nav.fixed.nav-white:not(.details-dark):not(.scrolled) .hamburger-menu div, .modern-nav.stay-top.link-hover-02.nav-white:not(.details-dark):not(.scrolled) .nav-links > li > .nav-link:before, .modern-nav.fixed.link-hover-02.nav-white:not(.details-dark):not(.scrolled) .nav-links > li > .nav-link:before {
  background-color: white !important;
}
.modern-nav.nav-white.link-hover-02 .nav-links > li > .nav-link:hover, .modern-nav.nav-dark.details-dark.link-hover-02:not(.scrolled) .nav-links > li > .nav-link:hover, .modern-nav.nav-white.link-hover-02 .nav-links > li > .nav-link + .dropdown-menu:not(.mega-menu) .nav-link:hover {
  background-color: rgba(163, 163, 163, 0.1);
}
/* Dark navigation */
.modern-nav.nav-dark {
  background-color: rgba(26, 26, 26, 0.78);
  color: #fff;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06);
}
.modern-nav.nav-dark.night {
  background-color: rgba(33, 36, 42, 0.95);
  color: #fff;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06);
}
.modern-nav.stay-top.nav-dark {
  box-shadow: none;
}
.modern-nav.nav-dark .nav-links .dropdown-menu {
  background-color: rgba(27, 27, 27, 0.98);
  color: #cacaca;
}
.modern-nav.nav-dark.night .nav-links .dropdown-menu {
  background-color: rgba(33, 36, 42, 0.95);
  color: #cacaca;
}
.modern-nav.nav-dark .nav-links .dropdown-menu .nav-link:hover, .modern-nav.nav-dark .nav-links .dropdown-menu li.active .nav-link {
  background-color: #292929;
  color: #fff;
}
.modern-nav.nav-dark.night .nav-links .dropdown-menu .nav-link:hover, .modern-nav.nav-dark.night .nav-links .dropdown-menu li.active .nav-link {
  background-color: #212429;
  color: #fff;
}
.modern-nav.nav-dark .mega-menu > li ul.column .nav-link.column-title {
  color: #fff !important;
}
.modern-nav.nav-dark .mega-menu > li > ul {
  border-right: 1px solid rgba(45, 45, 45, 0.65);
}
.modern-nav.nav-dark .mega-menu .dropdown-menu {
  background-color: rgba(22, 22, 22, 0.98);
  color: #cacaca;
}
.modern-nav.nav-dark.bordered {
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.modern-nav.nav-dark:not(.details-dark) .hamburger-menu div, .modern-nav.nav-dark.scrolled .hamburger-menu div {
  background: white;
}
.modern-nav.nav-dark.link-hover-02 .nav-links > li > .nav-link:hover, .modern-nav.nav-dark.link-hover-02 .nav-links > li > .nav-link + .dropdown-menu:not(.mega-menu) > li > .nav-link:hover {
  background-color: rgba(12, 12, 12, 0.13);
}
/* Links wrapper */
.modern-nav .nav-wrapper div[class^=col] {
  height: 100%;
}
.modern-nav .nav-links {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
/* Links */
.modern-nav .nav-links li {
  position: relative;
}
.modern-nav .nav-links li.logo-for-mobile-navigation {
  display: none !important;
}
.modern-nav .nav-links .nav-link {
  font-weight: 900;
  color: inherit;
  font-size: 11px;
  pointer-events: auto !important;
  text-transform: uppercase;
  padding: 0 20px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  width: auto;
  height: 80%;
	margin: 8px 0;
  opacity: 1;
  position: relative;
  -webkit-transition: all 0.2s, height 0s, line-height 0s, background 0s, padding 0s;
  -moz-transition: all 0.2s, height 0s, line-height 0s, background 0s, padding 0s;
  transition: all 0.2s, height 0s, line-height 0s, background 0s, padding 0s;
}
.modern-nav .nav-links > li > .nav-link {
  line-height: normal;
}
.modern-nav[class*=fs-] .nav-links .nav-link {
  font-size: inherit;
}
.modern-nav.capitalize .nav-links .nav-link {
  text-transform: capitalize
}
.modern-nav.light .nav-links .nav-link {
  font-weight: 300;
}
.modern-nav.normal .nav-links .nav-link {
  font-weight: normal;
}
.modern-nav.medium .nav-links .nav-link {
  font-weight: 500;
}
.modern-nav.semibold .nav-links .nav-link {
  font-weight: 600;
}
@media only screen and (min-width:1120px) and (max-width:1310px) {
  .modern-nav .nav-link {
    padding: 5px 11px !important;
  }
}
@media only screen and (min-width:992px) and (max-width:1120px) {
  .modern-nav .nav-link {
    padding: 5px 8px !important;
  }
}
/* Set link sizes and weights with classes on .modern-nav */
.modern-nav .nav-links .nav-link i {
  font-weight: 900;
  font-size: 10px;
}
.modern-nav .nav-links .nav-link img.mark {
  max-width: 15px;
  display: inline-block;
  margin-top: -2px;
}
.modern-nav .nav-links > .extra-links {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: 100%;
  opacity: 1;
  position: relative;
}
/* Left Brackets and hr */
.modern-nav .bracket {
  width: 1px;
  height: 20px;
  background-color: rgba(150, 150, 150, 0.3);
  display: flex;
  margin: 0 10px;
}
.modern-nav hr {
  margin: 5px 0;
  opacity: .11;
}
/* Dropdowns */
.modern-nav .nav-links .dropdown-menu {
  border-color: var(--colored) !important;
  position: absolute !important;
  display: none;
  flex-direction: column;
  border-radius: 0;
  min-width: 230px;
  border: none;
  margin: 0;
  box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.13);
  left: 0;
  right: auto;
  font-size: inherit;
}
.modern-nav.bordered .nav-links .dd-toggle .dropdown-menu {
  margin: 1px 0 0 0;
}
@media only screen and (min-width: 993px) {
  .modern-nav .nav-links > .dd-toggle:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .modern-nav .nav-links .dd-toggle:not(.lg-toggle) .dropdown-menu {
    padding: 10px 0px;
    border-top: 2px solid;
    max-height: none !important;
  }
}
.modern-nav.dropdown-radius .nav-links .dropdown-menu {
  border-radius: 18px;
}
/* Dropdowns for language */
.modern-nav .nav-links .lg-toggle .dropdown-menu {
  width: auto !important;
  height: auto;
  background: transparent !important;
  box-shadow: none !important;
  top: 100%;
}
.modern-nav .nav-links .lg-toggle .nav-link.lg {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0;
}
/* Nav links */
.modern-nav .nav-links .dropdown-menu .nav-link {
  display: inline-flex;
  display: -ms-inline-flexbox;
  width: 100%;
  height: auto;
  padding: 9px 24px;
  letter-spacing: 0px;
  -webkit-transition: all 0.2s, height 0s;
  -moz-transition: all 0.2s, height 0s;
  transition: all 0.2s, height 0s;
}
.modern-nav .nav-links .dropdown-menu .nav-link i {
  font-size: 10px;
  font-weight: 600;
  margin-right: 6px;
}
@media only screen and (max-width:1200px) {
  .modern-nav .nav-links .dropdown-menu .nav-link {
    padding: 6px 17px !important;
    font-size: 13px;
  }
}
/* Infinite dropdowns */
.modern-nav .nav-links .dropdown-menu .dropdown-menu {
  top: 0;
}
.modern-nav .nav-links .dropdown-menu .dropdown-menu.to-left {
  right: 100%;
  left: auto;
}
.modern-nav .nav-links .dropdown-menu .dropdown-menu.to-right {
  right: auto;
  left: 100%;
}
/* Sub nav arrows */
.modern-nav .nav-links .dd-toggle .dd-toggle > a:after {
  content: "\e6e2";
  font-family: 'themify';
  font-size: 9px;
  opacity: 1;
  border: none;
  vertical-align: 0;
  position: absolute;
  right: 22px;
  top: 0;
  height: 100%;
  display: inline-flex;
  display: -ms-inline-flexbox;
  align-items: center;
  -ms-flex-align: center;
}
/* Buttons for navs */
.modern-nav .nav-button {
  padding: 15px 35px;
  font-size: 10px;
  margin: 0 0 0 15px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  -ms-flex-pack: center;
  width: auto;
  height: auto;
  align-items: center;
  -ms-flex-align: center;
  align-self: center;
  position: relative;
  line-height: normal;
}
.modern-nav .mobile-nav-closer {
  display: none;
}
@media only screen and (max-width:571px) {
  .modern-nav .nav-button {
    padding: 12px 22px;
    margin: 0 0 0 15px;
  }
}
/* Hamburger menu icon on the navigations */
.hamburger-menu {
  display: -ms-flexbox;
  display: flex;
  align-self: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  align-content: space-between;
  width: 34px;
  height: 11px;
  cursor: pointer;
}
.hamburger-menu div {
  align-self: flex-start;
  display: inline-flex;
  height: 1px;
  width: 100%;
  background: #3a3a3a;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.hamburger-menu .meat {
  width: 100%;
  transition: all 200ms ease-in-out;
}
.hamburger-menu .bottom-bun {
  width: 100%;
  transition: all 400ms ease-in-out;
}
.mobile-nb:hover .hamburger-menu div, .hamburger-menu:hover div, .menu-trigger:hover .hamburger-menu div {
  width: 100%;
}
.mobile-nb:hover .hamburger-menu .top-bun, .hamburger-menu:hover .top-bun, .menu-trigger:hover .hamburger-menu .top-bun {
  animation: burger-hover 0.8s infinite ease-in-out alternate;
}
.mobile-nb:hover .hamburger-menu .meat, .hamburger-menu:hover .meat, .menu-trigger:hover .hamburger-menu .meat {
  animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
}
.mobile-nb:hover .hamburger-menu .bottom-bun, .hamburger-menu:hover .bottom-bun, .menu-trigger:hover .hamburger-menu .bottom-bun {
  animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
}
@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
.mobile-nb {
  display: none;
}
.mark.nav-mark {
  position: relative;
  font-size: 10px !important;
  display: inline-flex !important;
  height: 19px;
  line-height: normal;
  letter-spacing: 0;
  width: auto;
  display: -ms-inline-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-transform: uppercase;
  font-weight: 700 !important;
  margin-left: 10px;
  padding: 0 10px 0 10px;
  border-radius: 20px;
  z-index: 99;
}
.mark.nav-mark i {
  margin: 0 !important;
  font-size: 13px !important;
}
.mark.nav-mark.circle {
  height: 19px;
  width: 19px;
  padding: 0 !important;
  border-radius: 100%;
}
/* Link Hovers */
/* .link-hover-01 */
.modern-nav.link-hover-01 .nav-links .nav-link:before, .modern-nav.link-hover-02 .nav-links .nav-link:before {
  content: '';
  width: 0%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  background-color: var(--colored);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.modern-nav.link-hover-01 .nav-links > li:not(.link-hover-disabled):not(.extra-links):hover > .nav-link:before, .modern-nav.link-hover-01 .nav-links > li:not(.link-hover-disabled).extra-links > .nav-link:hover:before, .modern-nav.link-hover-01 .nav-links > li:not(.link-hover-disabled) > .nav-link.active:before, .modern-nav.link-hover-01 .nav-links > li:not(.link-hover-disabled).active > .nav-link:before {
  width: 100%;
}
.modern-nav.link-hover-01 .nav-container .nav-menu .nav-links li:not(.extra-links):hover > a.nav-link:not(.lg), .modern-nav.link-hover-01 .nav-container li.extra-links > a.nav-link:not(.lg):hover, .modern-nav.link-hover-01 .nav-container li.active > a.nav-link:not(.lg), .modern-nav.link-hover-01 .nav-container li > a.nav-link:not(.lg).active {
  color: var(--colored) !important;
}
/* .link-hover-02 */
.modern-nav.link-hover-02 .nav-links > li > .nav-link {
  position: relative;
}
.modern-nav.link-hover-02 .nav-links > li > .nav-link:before {
  width: 100%;
  top: 0;
  bottom: auto;
  background-color: var(--colored);
  opacity: 0;
}
.modern-nav.link-hover-02 .nav-links > li.active > .nav-link:before, .modern-nav.link-hover-02 .nav-links > li > .nav-link:hover:before {
  opacity: 1;
}
.modern-nav.link-hover-02 .nav-links .dropdown-menu.mega-menu .nav-link:hover, .modern-nav.link-hover-03 .nav-links .dropdown-menu .nav-link:hover {
  opacity: 0.6 !important;
}
@media only screen and (min-width:1120px) and (max-width:1200px) {
  .modern-nav.link-hover-02 .nav-links > li > .nav-link:before {
    width: calc(100% - 28px)
  }
}
@media only screen and (min-width:992px) and (max-width:1120px) {
  .modern-nav.link-hover-02 .nav-links > li > .nav-link:before {
    width: calc(100% - 18px)
  }
}
/* .link-hover-03 */
@media only screen and (min-width:992px) {
  .modern-nav.link-hover-03 .nav-menu:hover .nav-links > li > .nav-link {
    opacity: .5;
  }
  .modern-nav.link-hover-03 .nav-menu:hover .nav-links > li > .nav-link:hover {
    opacity: 1;
  }
}
/* Mobile Navigation */
@media only screen and (max-width:992px) {
  /* Mobile nav buttons */
  .mobile-nb {
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    width: auto;
    position: relative;
    right: 0;
    padding: 0 25px;
    height: 100%;
    cursor: pointer;
    margin-left: auto;
  }
  .mobile-nb:hover {
    background-color: rgba(150, 150, 150, 0.2);
  }
  .mobile-nb:active {
    background-color: rgba(150, 150, 150, 0.4);
  }
  .modern-nav .mobile-nav-bg {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
  }
  .modern-nav .nav-menu {
    position: fixed;
    width: 260px;
    height: 100%;
    padding: 0;
    left: 0;
    top: 0px;
    z-index: 1;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .modern-nav.active .nav-menu {
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    transition: transform 0.4s;
  }
  .modern-nav .nav-menu.animate {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  .modern-nav .nav-menu .nav-links > .extra-links {
    display: block;
    height: auto;
    padding: 0 25px;
    margin-top: 30px;
    white-space: normal;
  }
  .modern-nav .nav-menu .nav-links > .extra-links a.nav-link:not(.nav-button) {
    display: inline-block;
    width: auto;
    border-top: none;
    padding: 12px 17px !important;
    margin-bottom: 7px;
    background-color: rgba(120, 120, 120, 0.15);
  }
  .modern-nav .col:not(.nav-menu) .nav-links .nav-link {
    padding: 0 12px;
  }
  .modern-nav .nav-links > .extra-links {
    padding: 0;
  }
  .modern-nav .nav-menu .nav-button {
    margin: 15px 0;
    width: auto;
    text-align: center;
    height: auto;
    display: block;
  }
  .modern-nav .nav-menu ul, .modern-nav .nav-menu ul li {
    display: block;
    width: 100% !important;
    max-width: none !important;
    float: none;
  }
  .modern-nav .nav-menu ul li.logo-for-mobile-navigation {
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    padding: 10px 25px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
  }
  .modern-nav .nav-menu ul li.logo-for-mobile-navigation img {
    display: block !important;
    width: auto;
    height: auto;
    max-height: 40px;
    max-width: 90%;
  }
  .modern-nav .nav-links .nav-link:before {
    display: none !important;
    background-color: var(--colored1) !important;
  }
  .modern-nav .nav-links .dd-toggle > a:after {
    content: "\e6e2";
    line-height: normal !important;
    font-family: 'themify';
    font-size: 11px !important;
    opacity: 1;
    color: inherit;
    border: none;
    position: absolute;
    right: 15px;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
  }
  .modern-nav .nav-links .dropdown-menu {
    display: block;
    box-shadow: none !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent;
    padding: 0;
    left: 0 !important;
    top: 0 !important;
    overflow: hidden;
    -webkit-transition: max-height 0.3s !important;
    transition: max-height 0.3s !important;
  }
  .modern-nav .nav-links .lg-toggle {
    display: none !important;
  }
  .modern-nav.dropdown-radius .nav-links .dropdown-menu {
    border-radius: 0 !important;
  }
  .modern-nav.bg-blur {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  /* Mobile navigation links */
  .modern-nav .dropdown-menu.mega-menu > li ul > li > .nav-link.column-title {
    margin-bottom: 0;
  }
  .modern-nav .nav-container .nav-wrapper .nav-menu .nav-links .nav-link {
    background-color: transparent;
    display: block;
    width: 100%;
    position: relative;
    left: 0 !important;
    top: 0 !important;
    line-height: normal;
    padding: 20px 25px !important;
    letter-spacing: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modern-nav .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .nav-link {
    padding: 16px 10px 16px 35px !important;
  }
  .modern-nav .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu.mega-menu .nav-link {
    padding: 10px 10px 10px 35px !important;
  }
  .modern-nav .mega-menu > li > ul {
    border-right: none;
  }
  .modern-nav .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .dropdown-menu .nav-link {
    padding-left: 45px !important;
  }
  .modern-nav .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .dropdown-menu .dropdown-menu .nav-link {
    padding-left: 60px !important;
  }
  /* Language settings */
  .modern-nav .nav-links .dd-toggle.lg-toggle > a:after {
    display: none !important;
  }
  .modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle .dropdown-menu {
    display: flex !important;
    padding: 0 !important;
    min-width: auto !important;
    flex-direction: row !important;
    -ms-flex-direction: row !important;
  }
  .modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle .dropdown-menu li {
    display: flex !important;
    padding: 0 !important;
    width: auto !important;
  }
  .modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle > a, .modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle .dropdown-menu a {
    display: flex !important;
    border: none !important;
    padding: 0 !important;
  }
  .modern-nav .nav-container .nav-menu .nav-links .dd-toggle.lg-toggle > a {
    background: transparent !important;
  }
  /* Brackets and hr disabled */
  .modern-nav .bracket, .modern-nav hr {
    display: none !important;
  }
  /* Disable colors for link-hover-01 */
  /* Navigation colors */
  .modern-nav.nav-white .nav-menu {
    background-color: #FFFFFF
  }
  .modern-nav.nav-dark .nav-menu {
    background-color: #2E2E2E
  }
  .modern-nav.nav-dark.night .nav-menu {
    background-color: #2C3035
  }
  /* White nav */
  .modern-nav.nav-white .nav-link {
    color: #242424 !important;
    background: transparent !important;
  }
  .modern-nav.nav-white .nav-link:hover {
    background: #eeeeee !important;
  }
  .modern-nav.nav-white .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu {
    color: #333333 !important;
    background-color: #e7e7e7 !important;
  }
  .modern-nav.nav-white .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .dropdown-menu {
    background-color: #FFF !important;
  }
  .modern-nav.nav-white .nav-container .nav-menu .nav-links .dd-toggle .dropdown-menu .nav-link:hover {
    background: #d3d3d3 !important;
  }
  /* Dark nav */
  .modern-nav.nav-dark .nav-links .dropdown-menu {
    background-color: #272727;
    color: #cacaca;
  }
  .modern-nav.nav-dark.night .nav-links .dropdown-menu {
    background-color: #25292D;
  }
}
/* Features section positioning
/* ================================================== */
.features-section .box-1, .box-3 {
  margin-top: 110px;
}
.features-section .box-4, .box-5 {
  margin-top: 30px;
}
.features-section .bottom-wave {
  height: 250px;
}
.features-section .features-background {
  max-height: 77%;
}
@media only screen and (max-width: 1400px) {
  .features-section .box-1, .box-3 {
    margin-top: 90px;
  }
  .features-section .box-4, .box-5 {
    margin-top: 25px;
  }
  .features-section .features-background {
    max-height: 80%;
  }
}
@media only screen and (max-width: 1200px) {
  .features-section {
    margin-bottom: 150px;
  }
  .features-section .box-1, .box-3 {
    margin-top: 10px;
  }
  .features-section .box-4, .box-5 {
    margin-top: 50px;
  }
  .features-section .features-background {
    max-height: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .features-section .box-1, .box-3 {
    margin-top: 50px;
  }
	.features-section {
    margin-bottom: 0px;
  }
}
/* Featured works section icon animations
/* ================================================== */
.fw-icon-container .fw-icon {
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
}
.fw-icon-container .fw-icon:first-child {
  -webkit-transition: all 0.4s 0.35s;
  transition: all 0.4s 0.35s;
}
.fw-icon-container .fw-icon:last-child {
  -webkit-transition: all 0.4s 0.2s;
  transition: all 0.4s 0.2s;
}
.fw-icon-container .fw-icon:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.fw-icon-container:hover .fw-icon {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
/* Slider animations
/* ================================================== */
/* Slick Slider - Custom & Bg Slider
/* ================================================== */
.bg-slider {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.bg-slider .slick-list, .bg-slider .slick-track {
  height: 100% !important;
}
.bg-slider:not(.has-details) {
  z-index: -1;
  position: absolute;
}
.bg-slider .slick-slide > div {
  height: 100%;
  width: 100%;
}
.bg-slider .slide {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.zoom-timer, .slide-bg {
  position: absolute;
  width: 100%;
  height: 100% !important;
  max-width: 100% !important;
  background-attachment: scroll !important;
  left: 0;
  top: 0 !important;
  z-index: 2;
  background-position: center center;
  background-size: cover;
  -ms-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  transition: transform 1s;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.zoom-timer.scaling {
  -ms-transform: scale(1.25);
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transition: transform 20s;
  -moz-transition: transform 20s;
  transition: transform 20s;
}
.zoom-timer + *, .slide-bg + * {
  position: relative;
  z-index: 3;
}
/* Animated Items */
.custom-slider .animate {
  visibility: hidden !important;
  animation-duration: 0.9s;
  backface-visibility: hidden;
  will-change: transform;
}
.custom-slider .animate.fast {
  animation-duration: 0.6s;
}
.custom-slider .animate.visibleme {
  visibility: visible !important;
}
.nav-to-custom-slider .slick-slide:not(.slick-current) .active-me {
  border-color: transparent !important;
}
/* .slow hover effected elements for .animate */
.slick-slide .animate [class*="slow"], .slick-slide .animate[class*="slow"] {
  -webkit-transition: background 0.3s, color 0.3s, border 0.3s, letter-spacing 0.3s !important;
  transition: background 0.3s, color 0.3s, border 0.3s, letter-spacing 0.3s !important;
}
.controls-mouseover .slick-arrow, .controls-mouseover .slick-arrow {
  opacity: 0;
}
.controls-mouseover:hover .slick-arrow {
  opacity: 1;
}
[data-slider-control].showing {
  opacity: 1;
  visibility: visible;
}
[data-slider-control].hiding {
  opacity: 0;
  visibility: hidden;
}
/* FadeZoom effect */
.slick-slider .fade-zoom {
  -webkit-transform: scale(0.94);
  transform: scale(0.94) translate3d(0, 0, 0) translateZ(0);
  opacity: 0 !important;
  -webkit-transition: opacity 0.4s, transform 0.4s !important;
  transition: opacity 0.4s, transform 0.4s !important;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
.slick-slider .fade-zoom.fade-zoom-lg {
  -webkit-transition: opacity 0.9s, transform 0.9s !important;
  transition: opacity 0.9s, transform 0.9s !important;
}
.slick-slider .slick-current .fade-zoom, .slick-slider .slick-current.fade-zoom {
  opacity: 1 !important;
  -webkit-transform: scale(1) translate3d(0, 0, 0) translateZ(0);
  transform: scale(1) translate3d(0, 0, 0) translateZ(0);
  -webkit-transition-delay: 0.3s !important;
  transition-delay: 0.3s !important;
}
/* Arrows */
.slick-arrow {
  font-size: 20px;
  color: white;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 90px;
  left: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.slick-arrow:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.slick-arrow.slider-next {
  left: auto;
  right: 0;
}
.slick-arrow:before, .slick-arrow:after {
  content: "\e64a";
  display: inline-flex;
  display: -ms-inline-flexbox;
  z-index: 2;
  font-family: 'themify';
  color: inherit;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.slick-arrow:after {
  display: none;
  content: '';
  z-index: 0;
}
.slick-arrow:hover:before {
  color: #eee;
}
.slick-arrow.slider-next:before {
  content: "\e649";
}
@media only screen and (max-width: 640px) {
  .slick-arrow {
    width: 30px;
    height: 60px;
  }
}
/* Dots */
.slick-dots {
  width: 100%;
  left: 0;
  height: auto;
  margin: 30px 0 0;
  position: absolute;
  top: 100%;
  text-align: center;
  pointer-events: none;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.slick-dots li {
  width: 30px;
  height: 40px;
  font-size: 0;
  display: inline-flex;
  display: -ms-inline-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  pointer-events: all;
  position: relative;
  cursor: pointer;
  float: none !important;
}
.slick-dots li:before, .slick-dots li:after {
  content: '';
  position: relative;
  width: 8px;
  height: 8px;
  display: inline-flex;
  display: -ms-inline-flexbox;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.slick-dots li:after {
  display: none;
}
.slick-dots li.slick-active:before {
  background-color: #555;
}
.slick-dots li button {
  display: none !important;
}
/* Circle Dots */
.dots-circle .slick-dots li {
  width: 25px;
}
.dots-circle .slick-dots li:before {
  width: 5px;
  height: 5px;
  background-color: #606060;
  box-shadow: inset 0 0 0 0.5px transparent;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.dots-circle .slick-dots li.slick-active:before {
  box-shadow: inset 0 0 0 0.5px #606060;
  background-color: transparent !important;
  -webkit-transform: scale(3);
  transform: scale(3);
}
.dots-circle.dots-inner .slick-dots li:before, .dots-circle.dots-white .slick-dots li:before {
  background-color: #eee;
}
.dots-circle.dots-inner .slick-dots li.slick-active:before, .dots-circle.dots-white .slick-dots li.slick-active:before {
  box-shadow: inset 0 0 0 0.5px #eee;
}
/* Modal Types
================================================== */
/* Fade scale effect - using for modals */
.modal {
  z-index: 2000;
  backface-visibility: hidden;
  perspective: 1000px;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.modal .modal-content {
  border: none !important;
}
.modal.fade-scale .modal-dialog {
  -ms-transform: scale(.7);
  -webkit-transform: scale(.7);
  transform: scale(.7);
  opacity: 0;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
}
.modal.fade-scale.show .modal-dialog {
  opacity: 1;
  -ms-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
}
.modal .modal-close {
  position: absolute;
  right: 20px;
  background: transparent;
  top: 20px;
  width: 30px;
  height: 30px;
  text-shadow: none;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  border: none;
  z-index: 150;
  outline: none !important;
  box-shadow: none !important;
}
.modal .modal-image-background {
  background-position: centercenter;
  background-size: cover;
  min-height: 400px;
}
.modal-backdrop {
  z-index: 1990;
}
.close {
  text-shadow: none;
  float: none;
  font-weight: normal;
  line-height: normal;
  opacity: 1 !important;
  padding: 0;
  background: transparent;
}
/* Social Colors */
/* Backgrounds and hovers */
.bg-secondary {
  background-color: #514D4C !important;
}
.bg-mail-hover:hover, .bg-mail, .bg-mail-active.active {
  background-color: #404040 !important;
}
.bg-facebook-hover:hover, .bg-facebook, .bg-facebook-active.active {
  background-color: #4A90E2 !important;
}
.bg-twitter-hover:hover, .bg-twitter, .bg-twitter-active.active {
  background-color: #18CBFF !important;
}
.bg-youtube-hover:hover, .bg-youtube, .bg-youtube-active.active {
  background-color: #da1818 !important;
}
.bg-vimeo-hover:hover, .bg-vimeo, .bg-vimeo-active.active {
  background-color: #96d3f0 !important;
}
.bg-pinterest-hover:hover, .bg-pinterest, .bg-pinterest-active.active {
  background-color: #d83633 !important;
}
.bg-linkedin-hover:hover, .bg-linkedin, .bg-linkedin-active.active {
  background-color: #0189c3 !important;
}
.bg-flickr-hover:hover, .bg-flickr, .bg-flickr-active.active {
  background-color: #84979e !important;
}
.bg-dropbox-hover:hover, .bg-dropbox, .bg-dropbox-active.active {
  background-color: #1e81c2 !important;
}
.bg-instagram-hover:hover, .bg-instagram, .bg-instagram-active.active {
  background-color: #d82950 !important;
}
.bg-tumblr-hover:hover, .bg-tumblr, .bg-tumblr-active.active {
  background-color: #345365 !important;
}
.bg-reddit-hover:hover, .bg-reddit, .bg-reddit-active.active {
  background-color: #FF4501 !important;
}
.bg-whatsapp-hover:hover, .bg-whatsapp, .bg-whatsapp-active.active {
  background-color: #1BD741 !important;
}
.bg-skype-hover:hover, .bg-skype, .bg-skype-active.active {
  background-color: #00bbf0 !important;
}
.bg-google-plus-hover:hover, .bg-google-plus, .bg-google-plus-active.active {
  background-color: #da2200 !important;
}
.bg-twitter-alt-hover:hover, .bg-twitter-alt, .bg-twitter-alt-active.active {
  background-color: #4fd5f8 !important;
}
.bg-rss-hover:hover, .bg-rss, .bg-rss-active.active {
  background-color: #fb9c00 !important;
}
.bg-apple-hover:hover, .bg-apple, .bg-apple-active.active {
  background-color: #404040 !important;
}
.bg-windows-hover:hover, .bg-windows, .bg-windows-active.active {
  background-color: #0063f4 !important;
}
.bg-dribbble-hover:hover, .bg-dribbble, .bg-dribbble-active.active {
  background-color: #f2689c !important;
}
.bg-android-hover:hover, .bg-android, .bg-android-active.active {
  background-color: #80da23 !important;
}
.bg-html5-hover:hover, .bg-html5, .bg-html5-active.active {
  background-color: #ec6432 !important;
}
.bg-css3-hover:hover, .bg-css3, .bg-css3-active.active {
  background-color: #3a88d0 !important;
}
.bg-pagelines-hover:hover, .bg-pagelines, .bg-pagelines-active.active {
  background-color: #4f98df !important;
}
.bg-gittip-hover:hover, .bg-gittip, .bg-gittip-active.active {
  background-color: #7c6035 !important;
}
/* Border colors and hovers */
.b-mail-hover:hover, .b-mail, .b-mail-active.active {
  border-color: #404040 !important;
}
.b-facebook-hover:hover, .b-facebook, .b-facebook-active.active {
  border-color: #4A90E2 !important;
}
.b-twitter-hover:hover, .b-twitter, .b-twitter-active.active {
  border-color: #18CBFF !important;
}
.b-youtube-hover:hover, .b-youtube, .b-youtube-active.active {
  border-color: #da1818 !important;
}
.b-vimeo-hover:hover, .b-vimeo, .b-vimeo-active.active {
  border-color: #96d3f0 !important;
}
.b-pinterest-hover:hover, .b-pinterest, .b-pinterest-active.active {
  border-color: #d83633 !important;
}
.b-linkedin-hover:hover, .b-linkedin, .b-linkedin-active.active {
  border-color: #0189c3 !important;
}
.b-flickr-hover:hover, .b-flickr, .b-flickr-active.active {
  border-color: #84979e !important;
}
.b-dropbox-hover:hover, .b-dropbox, .b-dropbox-active.active {
  border-color: #1e81c2 !important;
}
.b-instagram-hover:hover, .b-instagram, .b-instagram-active.active {
  border-color: #d82950 !important;
}
.b-tumblr-hover:hover, .b-tumblr, .b-tumblr-active.active {
  border-color: #345365 !important;
}
.b-skype-hover:hover, .b-skype, .b-skype-active.active {
  border-color: #00bbf0 !important;
}
.b-google-plus-hover:hover, .b-google, .b-google-plus-active.active {
  border-color: #da2200 !important;
}
.b-twitter-square-hover:hover, .b-twitter-square, .b-twitter-square-active.active {
  border-color: #4fd5f8 !important;
}
.b-rss-hover:hover, .b-rss, .b-rss-active.active {
  border-color: #fb9c00 !important;
}
.b-apple-hover:hover, .b-apple, .b-apple-active.active {
  border-color: #404040 !important;
}
.b-windows-hover:hover, .b-windows, .b-windows-active.active {
  border-color: #0063f4 !important;
}
.b-dribbble-hover:hover, .b-dribbble, .b-dribbble-active.active {
  border-color: #f2689c !important;
}
.b-android-hover:hover, .b-android, .b-android-active.active {
  border-color: #80da23 !important;
}
.b-html5-hover:hover, .b-html5, .b-html5-active.active {
  border-color: #ec6432 !important;
}
.b-css3-hover:hover, .b-css3, .b-css3-active.active {
  border-color: #3a88d0 !important;
}
.b-pagelines-hover:hover, .b-pagelines, .b-pagelines-active.active {
  border-color: #4f98df !important;
}
.b-gittip-hover:hover, .b-gittip, .b-gittip-active.active {
  border-color: #7c6035 !important;
}
/* Colors and hovers */
.color-mail, .color-mail-hover:hover, .color-mail-active.active {
  color: #404040 !important;
}
.color-facebook, .color-facebook-hover:hover, .color-facebook-active.active {
  color: #4A90E2 !important;
}
.color-twitter, .color-twitter-hover:hover, .color-twitter-active.active {
  color: #4fd5f8 !important;
}
.color-youtube, .color-youtube-hover:hover, .color-youtube-active.active {
  color: #da1818 !important;
}
.color-vimeo, .color-vimeo-hover:hover, .color-vimeo-active.active {
  color: #96d3f0 !important;
}
.color-pinterest, .color-pinterest-hover:hover, .color-pinterest-active.active {
  color: #d83633 !important;
}
.color-linkedin, .color-linkedin-hover:hover, .color-linkedin-active.active {
  color: #0189c3 !important;
}
.color-flickr, .color-flickr-hover:hover, .color-flickr-active.active {
  color: #84979e !important;
}
.color-dropbox, .color-dropbox-hover:hover, .color-dropbox-active.active {
  color: #1e81c2 !important;
}
.color-instagram, .color-instagram-hover:hover, .color-instagram-active.active {
  color: #d82950 !important;
}
.color-tumblr, .color-tumblr-hover:hover, .color-tumblr-active.active {
  color: #345365 !important;
}
.color-skype, .color-skype-hover:hover, .color-skype-active.active {
  color: #00bbf0 !important;
}
.color-google-plus, .color-google-plus-hover:hover, .color-google-plus-active.active {
  color: #da2200 !important;
}
.color-twitter-square, .color-twitter-square-hover:hover, .color-twitter-square-active.active {
  color: #4fd5f8 !important;
}
.color-rss, .color-rss-hover:hover, .color-rss-active.active {
  color: #fb9c00 !important;
}
.color-apple, .color-apple-hover:hover, .color-apple-active.active {
  color: #404040 !important;
}
.color-windows, .color-windows-hover:hover, .color-windows-active.active {
  color: #0063f4 !important;
}
.color-dribbble, .color-dribbble-hover:hover, .color-dribbble-active.active {
  color: #f2689c !important;
}
.color-android, .color-android-hover:hover, .color-android-active.active {
  color: #80da23 !important;
}
.color-html5, .color-html5-hover:hover, .color-html5-active.active {
  color: #ec6432 !important;
}
.color-css3, .color-css3-hover:hover, .color-css3-active.active {
  color: #3a88d0 !important;
}
.color-pagelines, .color-pagelines-hover:hover, .color-pagelines-active.active {
  color: #4f98df !important;
}
.color-gittip, .color-gittip-hover:hover, .color-gittip-active.active {
  color: #7c6035 !important;
}
.color-pink, .color-pink-hover:hover, .color-pink-active.active {
  color: #F088B2 !important;
}
.color-violet, .color-violet-hover:hover, .color-violet-active.active {
  color: violet !important;
}
.color-purple, .color-purple-hover:hover, .color-purple-active.active {
  color: #8c7ae6 !important;
}
.color-gold, .color-gold-hover:hover, .color-gold-active.active {
  color: #fbc531 !important;
}
.color-asphalt, .color-asphalt-hover:hover, .color-asphalt-active.active {
  color: #556575 !important;
}
/* Margin */
.mt-auto, .my-auto {
  margin-top: auto !important;
}
.mt-0, .my-0 {
  margin-top: 0px !important;
}
.mt-1, .my-1 {
  margin-top: 1px !important;
}
.mt-2, .my-2 {
  margin-top: 2px !important;
}
.mt-3, .my-3 {
  margin-top: 3px !important;
}
.mt-4, .my-4 {
  margin-top: 4px !important;
}
.mt-5, .my-5 {
  margin-top: 5px !important;
}
.mt-6, .my-6 {
  margin-top: 6px !important;
}
.mt-7, .my-7 {
  margin-top: 7px !important;
}
.mt-8, .my-8 {
  margin-top: 8px !important;
}
.mt-9, .my-9 {
  margin-top: 9px !important;
}
.mt-10, .my-10 {
  margin-top: 10px !important;
}
.mt-15, .my-15 {
  margin-top: 15px !important;
}
.mt-20, .my-20 {
  margin-top: 20px !important;
}
.mt-25, .my-25 {
  margin-top: 25px !important;
}
.mt-30, .my-30 {
  margin-top: 30px !important;
}
.mt-35, .my-35 {
  margin-top: 35px !important;
}
.mt-40, .my-40 {
  margin-top: 40px !important;
}
.mt-45, .my-45 {
  margin-top: 45px !important;
}
.mt-50, .my-50 {
  margin-top: 50px !important;
}
.mt-55, .my-55 {
  margin-top: 55px !important;
}
.mt-60, .my-60 {
  margin-top: 60px !important;
}
.mt-65, .my-65 {
  margin-top: 65px !important;
}
.mt-70, .my-70 {
  margin-top: 70px !important;
}
.mt-75, .my-75 {
  margin-top: 75px !important;
}
.mt-80, .my-80 {
  margin-top: 80px !important;
}
.mt-85, .my-85 {
  margin-top: 85px !important;
}
.mt-90, .my-90 {
  margin-top: 90px !important;
}
.mt-95, .my-95 {
  margin-top: 95px !important;
}
.mt-100, .my-100 {
  margin-top: 100px !important;
}
.mt-110, .my-110 {
  margin-top: 110px !important;
}
.mt-120, .my-120 {
  margin-top: 120px !important;
}
.mt-130, .my-130 {
  margin-top: 130px !important;
}
.mt-140, .my-140 {
  margin-top: 140px !important;
}
.mt-150, .my-150 {
  margin-top: 150px !important;
}
.mt-200, .my-200 {
  margin-top: 200px !important;
}
.mt-250, .my-250 {
  margin-top: 250px !important;
}
.mt-300, .my-300 {
  margin-top: 300px !important;
}
.mt-350, .my-350 {
  margin-top: 350px !important;
}
.mr-auto, .mx-auto {
  margin-right: auto !important;
}
.mr-0, .mx-0 {
  margin-right: 0px !important;
}
.mr-1, .mx-1 {
  margin-right: 1px !important;
}
.mr-2, .mx-2 {
  margin-right: 2px !important;
}
.mr-3, .mx-3 {
  margin-right: 3px !important;
}
.mr-4, .mx-4 {
  margin-right: 4px !important;
}
.mr-5, .mx-5 {
  margin-right: 5px !important;
}
.mr-6, .mx-6 {
  margin-right: 6px !important;
}
.mr-7, .mx-7 {
  margin-right: 7px !important;
}
.mr-8, .mx-8 {
  margin-right: 8px !important;
}
.mr-9, .mx-9 {
  margin-right: 9px !important;
}
.mr-10, .mx-10 {
  margin-right: 10px !important;
}
.mr-15, .mx-15 {
  margin-right: 15px !important;
}
.mr-20, .mx-20 {
  margin-right: 20px !important;
}
.mr-25, .mx-25 {
  margin-right: 25px !important;
}
.mr-30, .mx-30 {
  margin-right: 30px !important;
}
.mr-35, .mx-35 {
  margin-right: 35px !important;
}
.mr-40, .mx-40 {
  margin-right: 40px !important;
}
.mr-45, .mx-45 {
  margin-right: 45px !important;
}
.mr-50, .mx-50 {
  margin-right: 50px !important;
}
.mr-55, .mx-55 {
  margin-right: 55px !important;
}
.mr-60, .mx-60 {
  margin-right: 60px !important;
}
.mr-65, .mx-65 {
  margin-right: 65px !important;
}
.mr-70, .mx-70 {
  margin-right: 70px !important;
}
.mr-75, .mx-75 {
  margin-right: 75px !important;
}
.mr-80, .mx-80 {
  margin-right: 80px !important;
}
.mr-85, .mx-85 {
  margin-right: 85px !important;
}
.mr-90, .mx-90 {
  margin-right: 90px !important;
}
.mr-95, .mx-95 {
  margin-right: 95px !important;
}
.mr-100, .mx-100 {
  margin-right: 100px !important;
}
.mr-110, .mx-110 {
  margin-right: 110px !important;
}
.mr-120, .mx-120 {
  margin-right: 120px !important;
}
.mr-130, .mx-130 {
  margin-right: 130px !important;
}
.mr-140, .mx-140 {
  margin-right: 140px !important;
}
.mr-150, .mx-150 {
  margin-right: 150px !important;
}
.mr-200, .mx-200 {
  margin-right: 200px !important;
}
.mr-250, .mx-250 {
  margin-right: 250px !important;
}
.mr-300, .mx-300 {
  margin-right: 300px !important;
}
.mr-350, .mx-350 {
  margin-right: 350px !important;
}
.mb-auto, .my-auto {
  margin-bottom: auto !important;
}
.mb-0, .my-0 {
  margin-bottom: 0px !important;
}
.mb-1, .my-1 {
  margin-bottom: 1px !important;
}
.mb-2, .my-2 {
  margin-bottom: 2px !important;
}
.mb-3, .my-3 {
  margin-bottom: 3px !important;
}
.mb-4, .my-4 {
  margin-bottom: 4px !important;
}
.mb-5, .my-5 {
  margin-bottom: 5px !important;
}
.mb-6, .my-6 {
  margin-bottom: 6px !important;
}
.mb-7, .my-7 {
  margin-bottom: 7px !important;
}
.mb-8, .my-8 {
  margin-bottom: 8px !important;
}
.mb-9, .my-9 {
  margin-bottom: 9px !important;
}
.mb-10, .my-10 {
  margin-bottom: 10px !important;
}
.mb-15, .my-15 {
  margin-bottom: 15px !important;
}
.mb-20, .my-20 {
  margin-bottom: 20px !important;
}
.mb-25, .my-25 {
  margin-bottom: 25px !important;
}
.mb-30, .my-30 {
  margin-bottom: 30px !important;
}
.mb-35, .my-35 {
  margin-bottom: 35px !important;
}
.mb-40, .my-40 {
  margin-bottom: 40px !important;
}
.mb-45, .my-45 {
  margin-bottom: 45px !important;
}
.mb-50, .my-50 {
  margin-bottom: 50px !important;
}
.mb-55, .my-55 {
  margin-bottom: 55px !important;
}
.mb-60, .my-60 {
  margin-bottom: 60px !important;
}
.mb-65, .my-65 {
  margin-bottom: 65px !important;
}
.mb-70, .my-70 {
  margin-bottom: 70px !important;
}
.mb-75, .my-75 {
  margin-bottom: 75px !important;
}
.mb-80, .my-80 {
  margin-bottom: 80px !important;
}
.mb-85, .my-85 {
  margin-bottom: 85px !important;
}
.mb-90, .my-90 {
  margin-bottom: 90px !important;
}
.mb-95, .my-95 {
  margin-bottom: 95px !important;
}
.mb-100, .my-100 {
  margin-bottom: 100px !important;
}
.mb-110, .my-110 {
  margin-bottom: 110px !important;
}
.mb-120, .my-120 {
  margin-bottom: 120px !important;
}
.mb-130, .my-130 {
  margin-bottom: 130px !important;
}
.mb-140, .my-140 {
  margin-bottom: 140px !important;
}
.mb-150, .my-150 {
  margin-bottom: 150px !important;
}
.mb-200, .my-200 {
  margin-bottom: 200px !important;
}
.mb-250, .my-250 {
  margin-bottom: 250px !important;
}
.mb-300, .my-300 {
  margin-bottom: 300px !important;
}
.mb-350, .my-350 {
  margin-bottom: 350px !important;
}
.mb-400, .my-400 {
  margin-bottom: 400px !important;
}
.mb-450, .my-450 {
  margin-bottom: 450px !important;
}
.mb-500, .my-500 {
  margin-bottom: 500px !important;
}
.mb-550, .my-550 {
  margin-bottom: 550px !important;
}
.mb-600, .my-600 {
  margin-bottom: 600px !important;
}
.mb-650, .my-650 {
  margin-bottom: 650px !important;
}
.mb-700, .my-700 {
  margin-bottom: 700px !important;
}
.ml-auto, .my-auto {
  margin-left: auto !important;
}
.ml-0, .mx-0 {
  margin-left: 0px !important;
}
.ml-1, .mx-1 {
  margin-left: 1px !important;
}
.ml-2, .mx-2 {
  margin-left: 2px !important;
}
.ml-3, .mx-3 {
  margin-left: 3px !important;
}
.ml-4, .mx-4 {
  margin-left: 4px !important;
}
.ml-5, .mx-5 {
  margin-left: 5px !important;
}
.ml-6, .mx-6 {
  margin-left: 6px !important;
}
.ml-7, .mx-7 {
  margin-left: 7px !important;
}
.ml-8, .mx-8 {
  margin-left: 8px !important;
}
.ml-9, .mx-9 {
  margin-left: 9px !important;
}
.ml-10, .mx-10 {
  margin-left: 10px !important;
}
.ml-15, .mx-15 {
  margin-left: 15px !important;
}
.ml-20, .mx-20 {
  margin-left: 20px !important;
}
.ml-25, .mx-25 {
  margin-left: 25px !important;
}
.ml-30, .mx-30 {
  margin-left: 30px !important;
}
.ml-35, .mx-35 {
  margin-left: 35px !important;
}
.ml-40, .mx-40 {
  margin-left: 40px !important;
}
.ml-45, .mx-45 {
  margin-left: 45px !important;
}
.ml-50, .mx-50 {
  margin-left: 50px !important;
}
.ml-55, .mx-55 {
  margin-left: 55px !important;
}
.ml-60, .mx-60 {
  margin-left: 60px !important;
}
.ml-65, .mx-65 {
  margin-left: 65px !important;
}
.ml-70, .mx-70 {
  margin-left: 70px !important;
}
.ml-75, .mx-75 {
  margin-left: 75px !important;
}
.ml-80, .mx-80 {
  margin-left: 80px !important;
}
.ml-85, .mx-85 {
  margin-left: 85px !important;
}
.ml-90, .mx-90 {
  margin-left: 90px !important;
}
.ml-95, .mx-95 {
  margin-left: 95px !important;
}
.ml-100, .mx-100 {
  margin-left: 100px !important;
}
.ml-110, .mx-110 {
  margin-left: 110px !important;
}
.ml-120, .mx-120 {
  margin-left: 120px !important;
}
.ml-130, .mx-130 {
  margin-left: 130px !important;
}
.ml-140, .mx-140 {
  margin-left: 140px !important;
}
.ml-150, .mx-150 {
  margin-left: 150px !important;
}
.ml-200, .mx-200 {
  margin-left: 200px !important;
}
.ml-250, .mx-250 {
  margin-left: 250px !important;
}
.ml-300, .mx-300 {
  margin-left: 300px !important;
}
.ml-350, .mx-350 {
  margin-left: 350px !important;
}
/* Simple negatives */
.mt--1 {
  margin-top: -1px !important;
}
.mt--2 {
  margin-top: -2px !important;
}
.mt--5 {
  margin-top: -5px !important;
}
.mt--10 {
  margin-top: -10px !important;
}
.mt--15 {
  margin-top: -15px !important;
}
.mt--20 {
  margin-top: -20px !important;
}
.mt--30 {
  margin-top: -30px !important;
}
.mt--40 {
  margin-top: -40px !important;
}
.mt--50 {
  margin-top: -50px !important;
}
.mt--60 {
  margin-top: -60px !important;
}
.mt--70 {
  margin-top: -70px !important;
}
.mt--80 {
  margin-top: -80px !important;
}
.mt--90 {
  margin-top: -90px !important;
}
.mt--100 {
  margin-top: -100px !important;
}
.mt--110 {
  margin-top: -110px !important;
}
.mt--120 {
  margin-top: -120px !important;
}
.mt--130 {
  margin-top: -130px !important;
}
.mt--140 {
  margin-top: -140px !important;
}
.mt--150 {
  margin-top: -150px !important;
}
.mt--200 {
  margin-top: -200px !important;
}
.mt-percent--1 {
  margin-top: -1% !important;
}
.mt-percent--2 {
  margin-top: -2% !important;
}
.mt-percent--3 {
  margin-top: -3% !important;
}
.mt-percent--4 {
  margin-top: -4% !important;
}
.mt-percent--5 {
  margin-top: -5% !important;
}
.mt-percent--6 {
  margin-top: -6% !important;
}
.mt-percent--7 {
  margin-top: -7% !important;
}
.mt-percent--8 {
  margin-top: -8% !important;
}
.mt-percent--9 {
  margin-top: -9% !important;
}
.mt-percent--10 {
  margin-top: -10% !important;
}
.mt-percent--15 {
  margin-top: -15% !important;
}
.mt-percent--20 {
  margin-top: -20% !important;
}
.mt-percent--30 {
  margin-top: -30% !important;
}
.mt-percent--40 {
  margin-top: -40% !important;
}
.mt-percent--50 {
  margin-top: -50% !important;
}
.mr--1, .mx--1 {
  margin-right: -1px !important;
}
.mr--2, .mx--2 {
  margin-right: -2px !important;
}
.mr--5, .mx--5 {
  margin-right: -5px !important;
}
.mr--10, .mx--10 {
  margin-right: -10px !important;
}
.mr--15, .mx--15 {
  margin-right: -15px !important;
}
.mr--50, .mx--50 {
  margin-right: -50px !important;
}
.mr--100, .mx--100 {
  margin-right: -100px !important;
}
.mr--150, .mx--150 {
  margin-right: -150px !important;
}
.mb--1 {
  margin-bottom: -1px !important;
}
.mb--2 {
  margin-bottom: -2px !important;
}
.mb--5 {
  margin-bottom: -5px !important;
}
.mb--10 {
  margin-bottom: -10px !important;
}
.mb--15 {
  margin-bottom: -15px !important;
}
.mb--20 {
  margin-bottom: -20px !important;
}
.mb--30 {
  margin-bottom: -30px !important;
}
.mb--40 {
  margin-bottom: -40px !important;
}
.mb--50 {
  margin-bottom: -50px !important;
}
.mb--60 {
  margin-bottom: -60px !important;
}
.mb--70 {
  margin-bottom: -70px !important;
}
.mb--80 {
  margin-bottom: -80px !important;
}
.mb--90 {
  margin-bottom: -90px !important;
}
.mb--100 {
  margin-bottom: -100px !important;
}
.mb--150 {
  margin-bottom: -150px !important;
}
.mb--200 {
  margin-bottom: -200px !important;
}
.ml--1, .mx--1 {
  margin-left: -1px !important;
}
.ml--2, .mx--2 {
  margin-left: -2px !important;
}
.ml--5, .mx--5 {
  margin-left: -5px !important;
}
.ml--10, .mx--10 {
  margin-left: -10px !important;
}
.ml--15, .mx--15 {
  margin-left: -15px !important;
}
.ml--50, .mx--50 {
  margin-left: -50px !important;
}
.ml--100, .mx--100 {
  margin-left: -100px !important;
}
.ml--150, .mx--150 {
  margin-left: -150px !important;
}
/* Padding */
.pt-0, .py-0 {
  padding-top: 0px !important;
}
.pt-1, .py-1 {
  padding-top: 1px !important;
}
.pt-2, .py-2 {
  padding-top: 2px !important;
}
.pt-3, .py-3 {
  padding-top: 3px !important;
}
.pt-4, .py-4 {
  padding-top: 4px !important;
}
.pt-5, .py-5 {
  padding-top: 5px !important;
}
.pt-10, .py-10 {
  padding-top: 10px !important;
}
.pt-15, .py-15 {
  padding-top: 15px !important;
}
.pt-20, .py-20 {
  padding-top: 20px !important;
}
.pt-25, .py-25 {
  padding-top: 25px !important;
}
.pt-30, .py-30 {
  padding-top: 30px !important;
}
.pt-35, .py-35 {
  padding-top: 35px !important;
}
.pt-40, .py-40 {
  padding-top: 40px !important;
}
.pt-45, .py-45 {
  padding-top: 45px !important;
}
.pt-50, .py-50 {
  padding-top: 50px !important;
}
.pt-55, .py-55 {
  padding-top: 55px !important;
}
.pt-60, .py-60 {
  padding-top: 60px !important;
}
.pt-65, .py-65 {
  padding-top: 65px !important;
}
.pt-70, .py-70 {
  padding-top: 70px !important;
}
.pt-75, .py-75 {
  padding-top: 75px !important;
}
.pt-80, .py-80 {
  padding-top: 80px !important;
}
.pt-85, .py-85 {
  padding-top: 85px !important;
}
.pt-90, .py-90 {
  padding-top: 90px !important;
}
.pt-95, .py-95 {
  padding-top: 95px !important;
}
.pt-100, .py-100 {
  padding-top: 100px !important;
}
.pt-110, .py-110 {
  padding-top: 110px !important;
}
.pt-120, .py-120 {
  padding-top: 120px !important;
}
.pt-130, .py-130 {
  padding-top: 130px !important;
}
.pt-140, .py-140 {
  padding-top: 140px !important;
}
.pt-150, .py-150 {
  padding-top: 150px !important;
}
.pt-200, .py-200 {
  padding-top: 200px !important;
}
.pt-250, .py-250 {
  padding-top: 250px !important;
}
.pt-300, .py-300 {
  padding-top: 300px !important;
}
.pt-350, .py-350 {
  padding-top: 350px !important;
}
.pt-400, .py-400 {
  padding-top: 400px !important;
}
.pt-450, .py-450 {
  padding-top: 450px !important;
}
.pt-500, .py-500 {
  padding-top: 500px !important;
}
.pr-0, .px-0 {
  padding-right: 0px !important;
}
.pr-1, .px-1 {
  padding-right: 1px !important;
}
.pr-2, .px-2 {
  padding-right: 2px !important;
}
.pr-3, .px-3 {
  padding-right: 3px !important;
}
.pr-4, .px-4 {
  padding-right: 4px !important;
}
.pr-5, .px-5 {
  padding-right: 5px !important;
}
.pr-10, .px-10 {
  padding-right: 10px !important;
}
.pr-15, .px-15 {
  padding-right: 15px !important;
}
.pr-20, .px-20 {
  padding-right: 20px !important;
}
.pr-25, .px-25 {
  padding-right: 25px !important;
}
.pr-30, .px-30 {
  padding-right: 30px !important;
}
.pr-35, .px-35 {
  padding-right: 35px !important;
}
.pr-40, .px-40 {
  padding-right: 40px !important;
}
.pr-45, .px-45 {
  padding-right: 45px !important;
}
.pr-50, .px-50 {
  padding-right: 50px !important;
}
.pr-55, .px-55 {
  padding-right: 55px !important;
}
.pr-60, .px-60 {
  padding-right: 60px !important;
}
.pr-65, .px-65 {
  padding-right: 65px !important;
}
.pr-70, .px-70 {
  padding-right: 70px !important;
}
.pr-75, .px-75 {
  padding-right: 75px !important;
}
.pr-80, .px-80 {
  padding-right: 80px !important;
}
.pr-85, .px-85 {
  padding-right: 85px !important;
}
.pr-90, .px-90 {
  padding-right: 90px !important;
}
.pr-95, .px-95 {
  padding-right: 95px !important;
}
.pr-100, .px-100 {
  padding-right: 100px !important;
}
.pr-110, .px-110 {
  padding-right: 110px !important;
}
.pr-120, .px-120 {
  padding-right: 120px !important;
}
.pr-130, .px-130 {
  padding-right: 130px !important;
}
.pr-140, .px-140 {
  padding-right: 140px !important;
}
.pr-150, .px-150 {
  padding-right: 150px !important;
}
.pr-200, .px-200 {
  padding-right: 200px !important;
}
.pr-250, .px-250 {
  padding-right: 250px !important;
}
.pr-300, .px-300 {
  padding-right: 300px !important;
}
.pr-350, .px-350 {
  padding-right: 350px !important;
}
.pb-0, .py-0 {
  padding-bottom: 0px !important;
}
.pb-1, .py-1 {
  padding-bottom: 1px !important;
}
.pb-2, .py-2 {
  padding-bottom: 2px !important;
}
.pb-3, .py-3 {
  padding-bottom: 3px !important;
}
.pb-4, .py-4 {
  padding-bottom: 4px !important;
}
.pb-5, .py-5 {
  padding-bottom: 5px !important;
}
.pb-10, .py-10 {
  padding-bottom: 10px !important;
}
.pb-15, .py-15 {
  padding-bottom: 15px !important;
}
.pb-20, .py-20 {
  padding-bottom: 20px !important;
}
.pb-25, .py-25 {
  padding-bottom: 25px !important;
}
.pb-30, .py-30 {
  padding-bottom: 30px !important;
}
.pb-35, .py-35 {
  padding-bottom: 35px !important;
}
.pb-40, .py-40 {
  padding-bottom: 40px !important;
}
.pb-45, .py-45 {
  padding-bottom: 45px !important;
}
.pb-50, .py-50 {
  padding-bottom: 50px !important;
}
.pb-55, .py-55 {
  padding-bottom: 55px !important;
}
.pb-60, .py-60 {
  padding-bottom: 60px !important;
}
.pb-65, .py-65 {
  padding-bottom: 65px !important;
}
.pb-70, .py-70 {
  padding-bottom: 70px !important;
}
.pb-75, .py-75 {
  padding-bottom: 75px !important;
}
.pb-80, .py-80 {
  padding-bottom: 80px !important;
}
.pb-85, .py-85 {
  padding-bottom: 85px !important;
}
.pb-90, .py-90 {
  padding-bottom: 90px !important;
}
.pb-95, .py-95 {
  padding-bottom: 95px !important;
}
.pb-100, .py-100 {
  padding-bottom: 100px !important;
}
.pb-110, .py-110 {
  padding-bottom: 110px !important;
}
.pb-120, .py-120 {
  padding-bottom: 120px !important;
}
.pb-130, .py-130 {
  padding-bottom: 130px !important;
}
.pb-140, .py-140 {
  padding-bottom: 140px !important;
}
.pb-150, .py-150 {
  padding-bottom: 150px !important;
}
.pb-200, .py-200 {
  padding-bottom: 200px !important;
}
.pb-250, .py-250 {
  padding-bottom: 250px !important;
}
.pb-300, .py-300 {
  padding-bottom: 300px !important;
}
.pb-350, .py-350 {
  padding-bottom: 350px !important;
}
.pb-400, .py-400 {
  padding-bottom: 400px !important;
}
.pb-450, .py-450 {
  padding-bottom: 450px !important;
}
.pb-500, .py-500 {
  padding-bottom: 500px !important;
}
.pl-0, .px-0 {
  padding-left: 0px !important;
}
.pl-1, .px-1 {
  padding-left: 1px !important;
}
.pl-2, .px-2 {
  padding-left: 2px !important;
}
.pl-3, .px-3 {
  padding-left: 3px !important;
}
.pl-4, .px-4 {
  padding-left: 4px !important;
}
.pl-5, .px-5 {
  padding-left: 5px !important;
}
.pl-10, .px-10 {
  padding-left: 10px !important;
}
.pl-15, .px-15 {
  padding-left: 15px !important;
}
.pl-20, .px-20 {
  padding-left: 20px !important;
}
.pl-25, .px-25 {
  padding-left: 25px !important;
}
.pl-30, .px-30 {
  padding-left: 30px !important;
}
.pl-35, .px-35 {
  padding-left: 35px !important;
}
.pl-40, .px-40 {
  padding-left: 40px !important;
}
.pl-45, .px-45 {
  padding-left: 45px !important;
}
.pl-50, .px-50 {
  padding-left: 50px !important;
}
.pl-55, .px-55 {
  padding-left: 55px !important;
}
.pl-60, .px-60 {
  padding-left: 60px !important;
}
.pl-65, .px-65 {
  padding-left: 65px !important;
}
.pl-70, .px-70 {
  padding-left: 70px !important;
}
.pl-75, .px-75 {
  padding-left: 75px !important;
}
.pl-80, .px-80 {
  padding-left: 80px !important;
}
.pl-85, .px-85 {
  padding-left: 85px !important;
}
.pl-90, .px-90 {
  padding-left: 90px !important;
}
.pl-95, .px-95 {
  padding-left: 95px !important;
}
.pl-100, .px-100 {
  padding-left: 100px !important;
}
.pl-110, .px-110 {
  padding-left: 110px !important;
}
.pl-120, .px-120 {
  padding-left: 120px !important;
}
.pl-130, .px-130 {
  padding-left: 130px !important;
}
.pl-140, .px-140 {
  padding-left: 140px !important;
}
.pl-150, .px-150 {
  padding-left: 150px !important;
}
.pl-200, .px-200 {
  padding-left: 200px !important;
}
.pl-250, .px-250 {
  padding-left: 250px !important;
}
.pl-300, .px-300 {
  padding-left: 300px !important;
}
.pl-350, .px-350 {
  padding-left: 350px !important;
}
.gap-50 > * {
  padding: 50px !important;
}
.gap-40 > * {
  padding: 40px !important;
}
.gap-30 > * {
  padding: 30px !important;
}
.gap-25 > * {
  padding: 25px !important;
}
.gap-24 > * {
  padding: 24px !important;
}
.gap-23 > * {
  padding: 23px !important;
}
.gap-22 > * {
  padding: 22px !important;
}
.gap-21 > * {
  padding: 21px !important;
}
.gap-20 > * {
  padding: 20px !important;
}
.gap-19 > * {
  padding: 19px !important;
}
.gap-18 > * {
  padding: 18px !important;
}
.gap-17 > * {
  padding: 17px !important;
}
.gap-16 > * {
  padding: 16px !important;
}
.gap-15 > * {
  padding: 15px !important;
}
.gap-13 > * {
  padding: 13px !important;
}
.gap-12 > * {
  padding: 12px !important;
}
.gap-11 > * {
  padding: 11px !important;
}
.gap-10 > * {
  padding: 10px !important;
}
.gap-9 > * {
  padding: 9px !important;
}
.gap-8 > * {
  padding: 8px !important;
}
.gap-7 > * {
  padding: 7px !important;
}
.gap-6 > * {
  padding: 6px !important;
}
.gap-5 > * {
  padding: 6px !important;
}
.gap-4 > * {
  padding: 5px !important;
}
.gap-3 > * {
  padding: 4px !important;
}
.gap-2 > * {
  padding: 3px !important;
}
.gap-1 > * {
  padding: 1px !important;
}
.gap-0 > * {
  padding: 0px !important;
}
/* Gaps */
/* Left, Top, Right, Bottom */
.top-auto {
  top: auto !important;
}
.right-auto {
  right: auto !important;
}
.bottom-auto {
  bottom: auto !important;
}
.left-auto {
  left: auto !important;
}
.top-0 {
  top: 0px !important;
}
.top-1 {
  top: 1px !important;
}
.top-2 {
  top: 2px !important;
}
.top-3 {
  top: 3px !important;
}
.top-4 {
  top: 4px !important;
}
.top-5 {
  top: 5px !important;
}
.top-10 {
  top: 10px !important;
}
.top-15 {
  top: 15px !important;
}
.top-20 {
  top: 20px !important;
}
.top-25 {
  top: 25px !important;
}
.top-30 {
  top: 30px !important;
}
.top-35 {
  top: 35px !important;
}
.top-40 {
  top: 40px !important;
}
.top-45 {
  top: 45px !important;
}
.top-50 {
  top: 50px !important;
}
.top-55 {
  top: 55px !important;
}
.top-60 {
  top: 60px !important;
}
.top-65 {
  top: 65px !important;
}
.top-70 {
  top: 70px !important;
}
.top-75 {
  top: 75px !important;
}
.top-80 {
  top: 80px !important;
}
.top-85 {
  top: 85px !important;
}
.top-90 {
  top: 90px !important;
}
.top-95 {
  top: 95px !important;
}
.top-100 {
  top: 100px !important;
}
.top-110 {
  top: 110px !important;
}
.top-120 {
  top: 120px !important;
}
.top-130 {
  top: 130px !important;
}
.top-140 {
  top: 140px !important;
}
.top-150 {
  top: 150px !important;
}
.top-200 {
  top: 200px !important;
}
.top-250 {
  top: 250px !important;
}
.top-300 {
  top: 300px !important;
}
.top-percent-0 {
  top: 0;
}
.top-percent-5 {
  top: 5% !important;
}
.top-percent-10 {
  top: 10% !important;
}
.top-percent-15 {
  top: 15% !important;
}
.top-percent-20 {
  top: 20% !important;
}
.top-percent-25 {
  top: 25% !important;
}
.top-percent-30 {
  top: 30% !important;
}
.top-percent-35 {
  top: 35% !important;
}
.top-percent-40 {
  top: 40% !important;
}
.top-percent-45 {
  top: 45% !important;
}
.top-percent-50 {
  top: 50% !important;
}
.top-percent-55 {
  top: 55% !important;
}
.top-percent-60 {
  top: 60% !important;
}
.top-percent-65 {
  top: 65% !important;
}
.top-percent-70 {
  top: 70% !important;
}
.top-percent-75 {
  top: 75% !important;
}
.top-percent-80 {
  top: 80% !important;
}
.top-percent-80 {
  top: 80% !important;
}
.top-percent-85 {
  top: 85% !important;
}
.top-percent-90 {
  top: 90% !important;
}
.top-percent-95 {
  top: 95% !important;
}
.top-percent-100 {
  top: 100% !important;
}
.right-0 {
  right: 0px !important;
}
.right-1 {
  right: 1px !important;
}
.right-2 {
  right: 2px !important;
}
.right-3 {
  right: 3px !important;
}
.right-4 {
  right: 4px !important;
}
.right-5 {
  right: 5px !important;
}
.right-10 {
  right: 10px !important;
}
.right-15 {
  right: 15px !important;
}
.right-20 {
  right: 20px !important;
}
.right-25 {
  right: 25px !important;
}
.right-30 {
  right: 30px !important;
}
.right-35 {
  right: 35px !important;
}
.right-40 {
  right: 40px !important;
}
.right-45 {
  right: 45px !important;
}
.right-50 {
  right: 50px !important;
}
.right-55 {
  right: 55px !important;
}
.right-60 {
  right: 60px !important;
}
.right-65 {
  right: 65px !important;
}
.right-70 {
  right: 70px !important;
}
.right-75 {
  right: 75px !important;
}
.right-80 {
  right: 80px !important;
}
.right-85 {
  right: 85px !important;
}
.right-90 {
  right: 90px !important;
}
.right-95 {
  right: 95px !important;
}
.right-100 {
  right: 100px !important;
}
.right-110 {
  right: 110px !important;
}
.right-120 {
  right: 120px !important;
}
.right-130 {
  right: 130px !important;
}
.right-140 {
  right: 140px !important;
}
.right-150 {
  right: 150px !important;
}
.right-percent-0 {
  right: 0;
}
.right-percent-5 {
  right: 5% !important;
}
.right-percent-10 {
  right: 10% !important;
}
.right-percent-15 {
  right: 15% !important;
}
.right-percent-20 {
  right: 20% !important;
}
.right-percent-25 {
  right: 25% !important;
}
.right-percent-30 {
  right: 30% !important;
}
.right-percent-35 {
  right: 35% !important;
}
.right-percent-40 {
  right: 40% !important;
}
.right-percent-45 {
  right: 45% !important;
}
.right-percent-50 {
  right: 50% !important;
}
.right-percent-55 {
  right: 55% !important;
}
.right-percent-60 {
  right: 60% !important;
}
.right-percent-65 {
  right: 65% !important;
}
.right-percent-70 {
  right: 70% !important;
}
.right-percent-75 {
  right: 75% !important;
}
.right-percent-80 {
  right: 80% !important;
}
.right-percent-80 {
  right: 80% !important;
}
.right-percent-85 {
  right: 85% !important;
}
.right-percent-90 {
  right: 90% !important;
}
.right-percent-95 {
  right: 95% !important;
}
.right-percent-100 {
  right: 100% !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-1 {
  bottom: 1px !important;
}
.bottom-2 {
  bottom: 2px !important;
}
.bottom-3 {
  bottom: 3px !important;
}
.bottom-4 {
  bottom: 4px !important;
}
.bottom-5 {
  bottom: 5px !important;
}
.bottom-10 {
  bottom: 10px !important;
}
.bottom-15 {
  bottom: 15px !important;
}
.bottom-20 {
  bottom: 20px !important;
}
.bottom-25 {
  bottom: 25px !important;
}
.bottom-30 {
  bottom: 30px !important;
}
.bottom-35 {
  bottom: 35px !important;
}
.bottom-40 {
  bottom: 40px !important;
}
.bottom-45 {
  bottom: 45px !important;
}
.bottom-50 {
  bottom: 50px !important;
}
.bottom-55 {
  bottom: 55px !important;
}
.bottom-60 {
  bottom: 60px !important;
}
.bottom-65 {
  bottom: 65px !important;
}
.bottom-70 {
  bottom: 70px !important;
}
.bottom-75 {
  bottom: 75px !important;
}
.bottom-80 {
  bottom: 80px !important;
}
.bottom-85 {
  bottom: 85px !important;
}
.bottom-90 {
  bottom: 90px !important;
}
.bottom-95 {
  bottom: 95px !important;
}
.bottom-100 {
  bottom: 100px !important;
}
.bottom-110 {
  bottom: 110px !important;
}
.bottom-120 {
  bottom: 120px !important;
}
.bottom-130 {
  bottom: 130px !important;
}
.bottom-140 {
  bottom: 140px !important;
}
.bottom-150 {
  bottom: 150px !important;
}
.bottom-percent-0 {
  bottom: 0;
}
.bottom-percent-5 {
  bottom: 5% !important;
}
.bottom-percent-10 {
  bottom: 10% !important;
}
.bottom-percent-15 {
  bottom: 15% !important;
}
.bottom-percent-20 {
  bottom: 20% !important;
}
.bottom-percent-25 {
  bottom: 25% !important;
}
.bottom-percent-30 {
  bottom: 30% !important;
}
.bottom-percent-35 {
  bottom: 35% !important;
}
.bottom-percent-40 {
  bottom: 40% !important;
}
.bottom-percent-45 {
  bottom: 45% !important;
}
.bottom-percent-50 {
  bottom: 50% !important;
}
.bottom-percent-55 {
  bottom: 55% !important;
}
.bottom-percent-60 {
  bottom: 60% !important;
}
.bottom-percent-65 {
  bottom: 65% !important;
}
.bottom-percent-70 {
  bottom: 70% !important;
}
.bottom-percent-75 {
  bottom: 75% !important;
}
.bottom-percent-80 {
  bottom: 80% !important;
}
.bottom-percent-80 {
  bottom: 80% !important;
}
.bottom-percent-85 {
  bottom: 85% !important;
}
.bottom-percent-90 {
  bottom: 90% !important;
}
.bottom-percent-95 {
  bottom: 95% !important;
}
.bottom-percent-100 {
  bottom: 100% !important;
}
.left-0 {
  left: 0px !important;
}
.left-1 {
  left: 1px !important;
}
.left-2 {
  left: 2px !important;
}
.left-3 {
  left: 3px !important;
}
.left-4 {
  left: 4px !important;
}
.left-5 {
  left: 5px !important;
}
.left-10 {
  left: 10px !important;
}
.left-15 {
  left: 15px !important;
}
.left-20 {
  left: 20px !important;
}
.left-25 {
  left: 25px !important;
}
.left-30 {
  left: 30px !important;
}
.left-35 {
  left: 35px !important;
}
.left-40 {
  left: 40px !important;
}
.left-45 {
  left: 45px !important;
}
.left-50 {
  left: 50px !important;
}
.left-55 {
  left: 55px !important;
}
.left-60 {
  left: 60px !important;
}
.left-65 {
  left: 65px !important;
}
.left-70 {
  left: 70px !important;
}
.left-75 {
  left: 75px !important;
}
.left-80 {
  left: 80px !important;
}
.left-85 {
  left: 85px !important;
}
.left-90 {
  left: 90px !important;
}
.left-95 {
  left: 95px !important;
}
.left-100 {
  left: 100px !important;
}
.left-110 {
  left: 110px !important;
}
.left-120 {
  left: 120px !important;
}
.left-130 {
  left: 130px !important;
}
.left-140 {
  left: 140px !important;
}
.left-150 {
  left: 150px !important;
}
.left-percent-0 {
  left: 0;
}
.left-percent-5 {
  left: 5% !important;
}
.left-percent-10 {
  left: 10% !important;
}
.left-percent-15 {
  left: 15% !important;
}
.left-percent-20 {
  left: 20% !important;
}
.left-percent-25 {
  left: 25% !important;
}
.left-percent-30 {
  left: 30% !important;
}
.left-percent-35 {
  left: 35% !important;
}
.left-percent-40 {
  left: 40% !important;
}
.left-percent-45 {
  left: 45% !important;
}
.left-percent-50 {
  left: 50% !important;
}
.left-percent-55 {
  left: 55% !important;
}
.left-percent-60 {
  left: 60% !important;
}
.left-percent-65 {
  left: 65% !important;
}
.left-percent-70 {
  left: 70% !important;
}
.left-percent-75 {
  left: 75% !important;
}
.left-percent-80 {
  left: 80% !important;
}
.left-percent-80 {
  left: 80% !important;
}
.left-percent-85 {
  left: 85% !important;
}
.left-percent-90 {
  left: 90% !important;
}
.left-percent-95 {
  left: 95% !important;
}
.left-percent-100 {
  left: 100% !important;
}
/* Font Size */
.fs-inherit {
  font-size: inherit !important;
}
.fs-7 {
  font-size: 7px !important;
}
.fs-8 {
  font-size: 8px !important;
}
.fs-9 {
  font-size: 9px !important;
}
.fs-10 {
  font-size: 10px !important;
}
.fs-11 {
  font-size: 11px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-17 {
  font-size: 17px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-19 {
  font-size: 19px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-21 {
  font-size: 21px !important;
}
.fs-22 {
  font-size: 22px !important;
}
.fs-23 {
  font-size: 23px !important;
}
.fs-24 {
  font-size: 24px !important;
}
.fs-25 {
  font-size: 25px !important;
}
.fs-26 {
  font-size: 26px !important;
}
.fs-27 {
  font-size: 27px !important;
}
.fs-28 {
  font-size: 28px !important;
}
.fs-29 {
  font-size: 29px !important;
}
.fs-30 {
  font-size: 30px !important;
}
.fs-31 {
  font-size: 31px !important;
}
.fs-32 {
  font-size: 32px !important;
}
.fs-33 {
  font-size: 33px !important;
}
.fs-34 {
  font-size: 34px !important;
}
.fs-35 {
  font-size: 35px !important;
}
.fs-36 {
  font-size: 36px !important;
}
.fs-37 {
  font-size: 37px !important;
}
.fs-38 {
  font-size: 38px !important;
}
.fs-39 {
  font-size: 39px !important;
}
.fs-40 {
  font-size: 40px !important;
}
.fs-41 {
  font-size: 41px !important;
}
.fs-42 {
  font-size: 42px !important;
}
.fs-43 {
  font-size: 43px !important;
}
.fs-44 {
  font-size: 44px !important;
}
.fs-45 {
  font-size: 45px !important;
}
.fs-46 {
  font-size: 46px !important;
}
.fs-47 {
  font-size: 47px !important;
}
.fs-48 {
  font-size: 48px !important;
}
.fs-49 {
  font-size: 49px !important;
}
.fs-50 {
  font-size: 50px !important;
}
.fs-55 {
  font-size: 55px !important;
}
.fs-60 {
  font-size: 60px !important;
}
.fs-65 {
  font-size: 65px !important;
}
.fs-70 {
  font-size: 70px !important;
}
.fs-75 {
  font-size: 75px !important;
}
.fs-80 {
  font-size: 80px !important;
}
.fs-85 {
  font-size: 85px !important;
}
.fs-90 {
  font-size: 90px !important;
}
.fs-95 {
  font-size: 95px !important;
}
.fs-100 {
  font-size: 100px !important;
}
.fs-110 {
  font-size: 110px !important;
}
.fs-120 {
  font-size: 120px !important;
}
.fs-130 {
  font-size: 130px !important;
}
.fs-140 {
  font-size: 140px !important;
}
.fs-150 {
  font-size: 150px !important;
}
.fs-200 {
  font-size: 200px !important;
}
.fs-250 {
  font-size: 250px !important;
}
.fs-300 {
  font-size: 300px !important;
}
/* Calculated font Size -- For titles */
.fs--xs {
  font-size: 17px !important;
  font-size: clamp(14px, 2.1vw, 21px) !important;
}
.fs--sm {
  font-size: 22px !important;
  font-size: clamp(16px, 2.4vw, 25px) !important;
}
.fs--md {
  font-size: 28px !important;
  font-size: clamp(18px, 2.7vw, 34px) !important;
}
.fs--lg {
  font-size: 36px !important;
  font-size: clamp(22px, 3.4vw, 44px) !important;
}
.fs--xl {
  font-size: 45px !important;
  font-size: clamp(24px, 4.1vw, 60px) !important;
}
.fs--2xl {
  font-size: 52px !important;
  font-size: clamp(28px, 5.3vw, 70px) !important;
}
.fs--3xl {
  font-size: 60px !important;
  font-size: clamp(32px, 6.4vw, 85px) !important;
}
.fs--4xl {
  font-size: 80px !important;
  font-size: clamp(36px, 7.5vw, 100px) !important;
}
.fs--5xl {
  font-size: 120px !important;
  font-size: clamp(42px, 8.6vw, 120px) !important;
}
/* Font Weight */
.fw-inherit {
  font-weight: inherit !important;
}
.fw-100 {
  font-weight: 100 !important;
}
.fw-200 {
  font-weight: 200 !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}
/* Letter Spacing */
.ls-0, .ls-0-hover:hover {
  letter-spacing: 0 !important;
}
.ls--01 {
  letter-spacing: -0.1px !important;
}
.ls--02 {
  letter-spacing: -0.2px !important;
}
.ls--03 {
  letter-spacing: -0.3px !important;
}
.ls--04 {
  letter-spacing: -0.4px !important;
}
.ls--05 {
  letter-spacing: -0.5px !important;
}
.ls--06 {
  letter-spacing: -0.6px !important;
}
.ls--07 {
  letter-spacing: -0.7px !important;
}
.ls--08 {
  letter-spacing: -0.8px !important;
}
.ls--09 {
  letter-spacing: -0.9px !important;
}
.ls--1, .ls--1-hover:hover {
  letter-spacing: -1px !important;
}
.ls--11 {
  letter-spacing: -1.1px !important;
}
.ls--12 {
  letter-spacing: -1.2px !important;
}
.ls--13 {
  letter-spacing: -1.3px !important;
}
.ls--14 {
  letter-spacing: -1.4px !important;
}
.ls--15 {
  letter-spacing: -1.5px !important;
}
.ls--16 {
  letter-spacing: -1.6px !important;
}
.ls--17 {
  letter-spacing: -1.7px !important;
}
.ls--18 {
  letter-spacing: -1.8px !important;
}
.ls--19 {
  letter-spacing: -1.9px !important;
}
.ls--2 {
  letter-spacing: -2px !important;
}
.ls--3 {
  letter-spacing: -3px !important;
}
.ls--4 {
  letter-spacing: -4px !important;
}
.ls-01 {
  letter-spacing: 0.1px !important;
}
.ls-02 {
  letter-spacing: 0.2px !important;
}
.ls-03 {
  letter-spacing: 0.3px !important;
}
.ls-04 {
  letter-spacing: 0.4px !important;
}
.ls-05 {
  letter-spacing: 0.5px !important;
}
.ls-06 {
  letter-spacing: 0.6px !important;
}
.ls-07 {
  letter-spacing: 0.7px !important;
}
.ls-08 {
  letter-spacing: 0.8px !important;
}
.ls-09 {
  letter-spacing: 0.9px !important;
}
.ls-1, .ls-1-hover:hover {
  letter-spacing: 1px !important;
}
.ls-2, .ls-2-hover:hover {
  letter-spacing: 2px !important;
}
.ls-3, .ls-3-hover:hover {
  letter-spacing: 3px !important;
}
.ls-4, .ls-4-hover:hover {
  letter-spacing: 4px !important;
}
.ls-5, .ls-5-hover:hover {
  letter-spacing: 5px !important;
}
.ls-6 {
  letter-spacing: 6px !important;
}
.ls-7 {
  letter-spacing: 7px !important;
}
.ls-8 {
  letter-spacing: 8px !important;
}
.ls-9 {
  letter-spacing: 9px !important;
}
.ls-10, .ls-10-hover:hover {
  letter-spacing: 10px !important;
}
.ls-11 {
  letter-spacing: 11px !important;
}
.ls-12 {
  letter-spacing: 12px !important;
}
.ls-13 {
  letter-spacing: 13px !important;
}
.ls-14 {
  letter-spacing: 14px !important;
}
.ls-15, .ls-15-hover:hover {
  letter-spacing: 15px !important;
}
.ls-20, .ls-20-hover:hover {
  letter-spacing: 20px !important;
}
.ls-25, .ls-25-hover:hover {
  letter-spacing: 25px !important;
}
.ls-30, .ls-30-hover:hover {
  letter-spacing: 30px !important;
}
.ls-40, .ls-40-hover:hover {
  letter-spacing: 40px !important;
}
.ls-50, .ls-50-hover:hover {
  letter-spacing: 50px !important;
}
.ls-60, .ls-60-hover:hover {
  letter-spacing: 60px !important;
}
.ls-70, .ls-70-hover:hover {
  letter-spacing: 70px !important;
}
/* Line Height */
.lh-inherit {
  line-height: inherit !important;
}
.lh-normal {
  line-height: normal !important;
}
.lh-xs {
  line-height: 90% !important;
}
.lh-sm {
  line-height: 114% !important;
}
.lh-md {
  line-height: 128% !important;
}
.lh-lg {
  line-height: 151% !important;
}
.lh-xl {
  line-height: 178% !important;
}
.lh-10 {
  line-height: 10px !important;
}
.lh-11 {
  line-height: 11px !important;
}
.lh-12 {
  line-height: 12px !important;
}
.lh-13 {
  line-height: 13px !important;
}
.lh-14 {
  line-height: 14px !important;
}
.lh-15 {
  line-height: 15px !important;
}
.lh-16 {
  line-height: 16px !important;
}
.lh-17 {
  line-height: 17px !important;
}
.lh-18 {
  line-height: 18px !important;
}
.lh-19 {
  line-height: 19px !important;
}
.lh-20 {
  line-height: 20px !important;
}
.lh-21 {
  line-height: 21px !important;
}
.lh-22 {
  line-height: 22px !important;
}
.lh-23 {
  line-height: 23px !important;
}
.lh-24 {
  line-height: 24px !important;
}
.lh-25 {
  line-height: 25px !important;
}
.lh-26 {
  line-height: 26px !important;
}
.lh-27 {
  line-height: 27px !important;
}
.lh-28 {
  line-height: 28px !important;
}
.lh-29 {
  line-height: 29px !important;
}
.lh-30 {
  line-height: 30px !important;
}
.lh-35 {
  line-height: 35px !important;
}
.lh-40 {
  line-height: 40px !important;
}
.lh-45 {
  line-height: 45px !important;
}
.lh-50 {
  line-height: 50px !important;
}
.lh-55 {
  line-height: 55px !important;
}
.lh-60 {
  line-height: 60px !important;
}
.lh-65 {
  line-height: 65px !important;
}
.lh-70 {
  line-height: 70px !important;
}
.lh-75 {
  line-height: 75px !important;
}
.lh-80 {
  line-height: 80px !important;
}
.lh-85 {
  line-height: 85px !important;
}
.lh-90 {
  line-height: 90px !important;
}
.lh-95 {
  line-height: 95px !important;
}
.lh-100 {
  line-height: 100px !important;
}
.lh-110 {
  line-height: 110px !important;
}
.lh-120 {
  line-height: 120px !important;
}
.lh-130 {
  line-height: 130px !important;
}
.lh-140 {
  line-height: 140px !important;
}
.lh-150 {
  line-height: 150px !important;
}
.lh-200 {
  line-height: 200px !important;
}
/* Width */
.width-percent-100, .fullwidth {
  width: 100% !important;
}
.width-full, .width-100vw {
  width: 100% !important;
}
.width-auto {
  width: auto !important;
}
.width-inherit {
  width: inherit !important;
}
.width-0 {
  width: 0px !important;
}
.width-1 {
  width: 1px !important;
}
.width-2 {
  width: 2px !important;
}
.width-3 {
  width: 3px !important;
}
.width-4 {
  width: 4px !important;
}
.width-5 {
  width: 5px !important;
}
.width-6 {
  width: 6px !important;
}
.width-7 {
  width: 7px !important;
}
.width-8 {
  width: 8px !important;
}
.width-9 {
  width: 9px !important;
}
.width-10 {
  width: 10px !important;
}
.width-11 {
  width: 11px !important;
}
.width-12 {
  width: 12px !important;
}
.width-13 {
  width: 13px !important;
}
.width-14 {
  width: 14px !important;
}
.width-15 {
  width: 15px !important;
}
.width-16 {
  width: 16px !important;
}
.width-17 {
  width: 17px !important;
}
.width-18 {
  width: 18px !important;
}
.width-19 {
  width: 19px !important;
}
.width-20 {
  width: 20px !important;
}
.width-21 {
  width: 21px !important;
}
.width-22 {
  width: 22px !important;
}
.width-23 {
  width: 23px !important;
}
.width-24 {
  width: 24px !important;
}
.width-25 {
  width: 25px !important;
}
.width-26 {
  width: 26px !important;
}
.width-27 {
  width: 27px !important;
}
.width-28 {
  width: 28px !important;
}
.width-29 {
  width: 29px !important;
}
.width-30 {
  width: 30px !important;
}
.width-31 {
  width: 31px !important;
}
.width-32 {
  width: 32px !important;
}
.width-33 {
  width: 33px !important;
}
.width-34 {
  width: 34px !important;
}
.width-35 {
  width: 35px !important;
}
.width-36 {
  width: 36px !important;
}
.width-37 {
  width: 37px !important;
}
.width-38 {
  width: 38px !important;
}
.width-39 {
  width: 39px !important;
}
.width-40 {
  width: 40px !important;
}
.width-41 {
  width: 41px !important;
}
.width-42 {
  width: 42px !important;
}
.width-43 {
  width: 43px !important;
}
.width-44 {
  width: 44px !important;
}
.width-45 {
  width: 45px !important;
}
.width-46 {
  width: 46px !important;
}
.width-47 {
  width: 47px !important;
}
.width-48 {
  width: 48px !important;
}
.width-49 {
  width: 49px !important;
}
.width-50 {
  width: 50px !important;
}
.width-55 {
  width: 55px !important;
}
.width-60 {
  width: 60px !important;
}
.width-65 {
  width: 65px !important;
}
.width-70 {
  width: 70px !important;
}
.width-75 {
  width: 75px !important;
}
.width-80 {
  width: 80px !important;
}
.width-85 {
  width: 85px !important;
}
.width-90 {
  width: 90px !important;
}
.width-95 {
  width: 95px !important;
}
.width-100 {
  width: 100px !important;
}
.width-110 {
  width: 110px !important;
}
.width-120 {
  width: 120px !important;
}
.width-130 {
  width: 130px !important;
}
.width-140 {
  width: 140px !important;
}
.width-150 {
  width: 150px !important;
}
.width-200 {
  width: 200px !important;
}
.width-250 {
  width: 250px !important;
}
.width-300 {
  width: 300px !important;
}
.width-350 {
  width: 350px !important;
}
.width-400 {
  width: 400px !important;
}
.width-450 {
  width: 450px !important;
}
.width-500 {
  width: 500px !important;
}
.width-550 {
  width: 550px !important;
}
.width-600 {
  width: 600px !important;
}
.width-650 {
  width: 650px !important;
}
.width-700 {
  width: 700px !important;
}
.width-750 {
  width: 750px !important;
}
.width-800 {
  width: 800px !important;
}
.width-850 {
  width: 850px !important;
}
.width-900 {
  width: 900px !important;
}
.width-950 {
  width: 950px !important;
}
.width-1000 {
  width: 1000px !important;
}
.width-percent-0 {
  width: 0;
}
.width-percent-5 {
  width: 5% !important;
}
.width-percent-10 {
  width: 10% !important;
}
.width-percent-15 {
  width: 15% !important;
}
.width-percent-20 {
  width: 20% !important;
}
.width-percent-25 {
  width: 25% !important;
}
.width-percent-30 {
  width: 30% !important;
}
.width-percent-35 {
  width: 35% !important;
}
.width-percent-40 {
  width: 40% !important;
}
.width-percent-45 {
  width: 45% !important;
}
.width-percent-50 {
  width: 50% !important;
}
.width-percent-55 {
  width: 55% !important;
}
.width-percent-60 {
  width: 60% !important;
}
.width-percent-65 {
  width: 65% !important;
}
.width-percent-70 {
  width: 70% !important;
}
.width-percent-75 {
  width: 75% !important;
}
.width-percent-80 {
  width: 80% !important;
}
.width-percent-80 {
  width: 80% !important;
}
.width-percent-85 {
  width: 85% !important;
}
.width-percent-90 {
  width: 90% !important;
}
.width-percent-95 {
  width: 95% !important;
}
.width-5vw {
  width: 5vw !important;
}
.width-10vw {
  width: 10vw !important;
}
.width-15vw {
  width: 15vw !important;
}
.width-20vw {
  width: 20vw !important;
}
.width-25vw {
  width: 25vw !important;
}
.width-30vw {
  width: 30vw !important;
}
.width-35vw {
  width: 35vw !important;
}
.width-40vw {
  width: 40vw !important;
}
.width-45vw {
  width: 45vw !important;
}
.width-50vw {
  width: 50vw !important;
}
.width-55vw {
  width: 55vw !important;
}
.width-60vw {
  width: 60vw !important;
}
.width-65vw {
  width: 65vw !important;
}
.width-70vw {
  width: 70vw !important;
}
.width-75vw {
  width: 75vw !important;
}
.width-80vw {
  width: 80vw !important;
}
.width-85vw {
  width: 85vw !important;
}
.width-90vw {
  width: 90vw !important;
}
.width-95vw {
  width: 95vw !important;
}
/* Height */
.height-percent-100, .fullheight {
  height: 100% !important;
}
.height-full, .height-100vh {
  height: 100vh !important;
}
.height-auto {
  height: auto !important;
}
.height-0 {
  height: 0px !important;
}
.height-1 {
  height: 1px !important;
}
.height-2 {
  height: 2px !important;
}
.height-3 {
  height: 3px !important;
}
.height-4 {
  height: 4px !important;
}
.height-5 {
  height: 5px !important;
}
.height-6 {
  height: 6px !important;
}
.height-7 {
  height: 7px !important;
}
.height-8 {
  height: 8px !important;
}
.height-9 {
  height: 9px !important;
}
.height-10 {
  height: 10px !important;
}
.height-11 {
  height: 11px !important;
}
.height-12 {
  height: 12px !important;
}
.height-13 {
  height: 13px !important;
}
.height-14 {
  height: 14px !important;
}
.height-15 {
  height: 15px !important;
}
.height-16 {
  height: 16px !important;
}
.height-17 {
  height: 17px !important;
}
.height-18 {
  height: 18px !important;
}
.height-19 {
  height: 19px !important;
}
.height-20 {
  height: 20px !important;
}
.height-21 {
  height: 21px !important;
}
.height-22 {
  height: 22px !important;
}
.height-23 {
  height: 23px !important;
}
.height-24 {
  height: 24px !important;
}
.height-25 {
  height: 25px !important;
}
.height-26 {
  height: 26px !important;
}
.height-27 {
  height: 27px !important;
}
.height-28 {
  height: 28px !important;
}
.height-29 {
  height: 29px !important;
}
.height-30 {
  height: 30px !important;
}
.height-31 {
  height: 31px !important;
}
.height-32 {
  height: 32px !important;
}
.height-33 {
  height: 33px !important;
}
.height-34 {
  height: 34px !important;
}
.height-35 {
  height: 35px !important;
}
.height-36 {
  height: 36px !important;
}
.height-37 {
  height: 37px !important;
}
.height-38 {
  height: 38px !important;
}
.height-39 {
  height: 39px !important;
}
.height-40 {
  height: 40px !important;
}
.height-41 {
  height: 41px !important;
}
.height-42 {
  height: 42px !important;
}
.height-43 {
  height: 43px !important;
}
.height-44 {
  height: 44px !important;
}
.height-45 {
  height: 45px !important;
}
.height-46 {
  height: 46px !important;
}
.height-47 {
  height: 47px !important;
}
.height-48 {
  height: 48px !important;
}
.height-49 {
  height: 49px !important;
}
.height-50 {
  height: 50px !important;
}
.height-55 {
  height: 55px !important;
}
.height-60 {
  height: 60px !important;
}
.height-65 {
  height: 65px !important;
}
.height-70 {
  height: 70px !important;
}
.height-75 {
  height: 75px !important;
}
.height-80 {
  height: 80px !important;
}
.height-85 {
  height: 85px !important;
}
.height-90 {
  height: 90px !important;
}
.height-95 {
  height: 95px !important;
}
.height-100 {
  height: 100px !important;
}
.height-110 {
  height: 110px !important;
}
.height-120 {
  height: 120px !important;
}
.height-130 {
  height: 130px !important;
}
.height-140 {
  height: 140px !important;
}
.height-150 {
  height: 150px !important;
}
.height-160 {
  height: 160px !important;
}
.height-170 {
  height: 170px !important;
}
.height-180 {
  height: 180px !important;
}
.height-190 {
  height: 190px !important;
}
.height-200 {
  height: 200px !important;
}
.height-250 {
  height: 250px !important;
}
.height-300 {
  height: 300px !important;
}
.height-350 {
  height: 350px !important;
}
.height-400 {
  height: 400px !important;
}
.height-450 {
  height: 450px !important;
}
.height-500 {
  height: 500px !important;
}
.height-550 {
  height: 550px !important;
}
.height-600 {
  height: 600px !important;
}
.height-650 {
  height: 650px !important;
}
.height-700 {
  height: 700px !important;
}
.height-750 {
  height: 750px !important;
}
.height-800 {
  height: 800px !important;
}
.height-850 {
  height: 850px !important;
}
.height-900 {
  height: 900px !important;
}
.height-950 {
  height: 950px !important;
}
.height-1000 {
  height: 1000px !important;
}
.height-percent-0 {
  height: 0;
}
.height-percent-5 {
  height: 5% !important;
}
.height-percent-10 {
  height: 10% !important;
}
.height-percent-15 {
  height: 15% !important;
}
.height-percent-20 {
  height: 20% !important;
}
.height-percent-25 {
  height: 25% !important;
}
.height-percent-30 {
  height: 30% !important;
}
.height-percent-35 {
  height: 35% !important;
}
.height-percent-40 {
  height: 40% !important;
}
.height-percent-45 {
  height: 45% !important;
}
.height-percent-50 {
  height: 50% !important;
}
.height-percent-55 {
  height: 55% !important;
}
.height-percent-60 {
  height: 60% !important;
}
.height-percent-65 {
  height: 65% !important;
}
.height-percent-70 {
  height: 70% !important;
}
.height-percent-75 {
  height: 75% !important;
}
.height-percent-80 {
  height: 80% !important;
}
.height-percent-80 {
  height: 80% !important;
}
.height-percent-85 {
  height: 85% !important;
}
.height-percent-90 {
  height: 90% !important;
}
.height-percent-95 {
  height: 95% !important;
}
.height-5vh {
  height: 5vh !important;
}
.height-10vh {
  height: 10vh !important;
}
.height-15vh {
  height: 15vh !important;
}
.height-20vh {
  height: 20vh !important;
}
.height-25vh {
  height: 25vh !important;
}
.height-30vh {
  height: 30vh !important;
}
.height-35vh {
  height: 35vh !important;
}
.height-40vh {
  height: 40vh !important;
}
.height-45vh {
  height: 45vh !important;
}
.height-50vh {
  height: 50vh !important;
}
.height-55vh {
  height: 55vh !important;
}
.height-60vh {
  height: 60vh !important;
}
.height-65vh {
  height: 65vh !important;
}
.height-70vh {
  height: 70vh !important;
}
.height-75vh {
  height: 75vh !important;
}
.height-80vh {
  height: 80vh !important;
}
.height-85vh {
  height: 85vh !important;
}
.height-90vh {
  height: 90vh !important;
}
.height-95vh {
  height: 95vh !important;
}
.height-110vh {
  height: 110vh !important;
}
.height-115vh {
  height: 115vh !important;
}
.height-120vh {
  height: 120vh !important;
}
/* Max & Min Width */
.mxw-inherit {
  max-width: inherit !important;
}
.mxw-full, .mxw-percent-100 {
  max-width: 100% !important;
}
.mxw-none {
  max-width: none !important
}
.mxw-0, .mxw-percent-0 {
  max-width: 0px !important;
}
.mxw-1 {
  max-width: 1px !important;
}
.mxw-2 {
  max-width: 2px !important;
}
.mxw-3 {
  max-width: 3px !important;
}
.mxw-4 {
  max-width: 4px !important;
}
.mxw-5 {
  max-width: 5px !important;
}
.mxw-10 {
  max-width: 10px !important;
}
.mxw-15 {
  max-width: 15px !important;
}
.mxw-20 {
  max-width: 20px !important;
}
.mxw-30 {
  max-width: 30px !important;
}
.mxw-35 {
  max-width: 35px !important;
}
.mxw-40 {
  max-width: 40px !important;
}
.mxw-45 {
  max-width: 45px !important;
}
.mxw-50 {
  max-width: 50px !important;
}
.mxw-55 {
  max-width: 55px !important;
}
.mxw-60 {
  max-width: 60px !important;
}
.mxw-65 {
  max-width: 65px !important;
}
.mxw-70 {
  max-width: 70px !important;
}
.mxw-75 {
  max-width: 75px !important;
}
.mxw-80 {
  max-width: 80px !important;
}
.mxw-85 {
  max-width: 85px !important;
}
.mxw-90 {
  max-width: 90px !important;
}
.mxw-95 {
  max-width: 95px !important;
}
.mxw-100 {
  max-width: 100px !important;
}
.mxw-110 {
  max-width: 110px !important;
}
.mxw-120 {
  max-width: 120px !important;
}
.mxw-130 {
  max-width: 130px !important;
}
.mxw-140 {
  max-width: 140px !important;
}
.mxw-150 {
  max-width: 150px !important;
}
.mxw-200 {
  max-width: 200px !important;
}
.mxw-250 {
  max-width: 250px !important;
}
.mxw-300 {
  max-width: 300px !important;
}
.mxw-350 {
  max-width: 350px !important;
}
.mxw-400 {
  max-width: 400px !important;
}
.mxw-450 {
  max-width: 450px !important;
}
.mxw-500 {
  max-width: 500px !important;
}
.mxw-550 {
  max-width: 550px !important;
}
.mxw-600 {
  max-width: 600px !important;
}
.mxw-650 {
  max-width: 650px !important;
}
.mxw-700 {
  max-width: 700px !important;
}
.mxw-750 {
  max-width: 750px !important;
}
.mxw-800 {
  max-width: 800px !important;
}
.mxw-850 {
  max-width: 850px !important;
}
.mxw-900 {
  max-width: 900px !important;
}
.mxw-950 {
  max-width: 950px !important;
}
.mxw-1000 {
  max-width: 1000px !important;
}
.mxw-5vw {
  max-width: 5vw !important;
}
.mxw-10vw {
  max-width: 10vw !important;
}
.mxw-15vw {
  max-width: 15vw !important;
}
.mxw-20vw {
  max-width: 20vw !important;
}
.mxw-25vw {
  max-width: 25vw !important;
}
.mxw-30vw {
  max-width: 30vw !important;
}
.mxw-35vw {
  max-width: 35vw !important;
}
.mxw-40vw {
  max-width: 40vw !important;
}
.mxw-45vw {
  max-width: 45vw !important;
}
.mxw-50vw {
  max-width: 50vw !important;
}
.mxw-55vw {
  max-width: 55vw !important;
}
.mxw-60vw {
  max-width: 60vw !important;
}
.mxw-65vw {
  max-width: 65vw !important;
}
.mxw-70vw {
  max-width: 70vw !important;
}
.mxw-75vw {
  max-width: 75vw !important;
}
.mxw-80vw {
  max-width: 80vw !important;
}
.mxw-85vw {
  max-width: 85vw !important;
}
.mxw-90vw {
  max-width: 90vw !important;
}
.mxw-95vw {
  max-width: 95vw !important;
}
.mxw-100vw {
  max-width: 100% !important;
}
.mxw-percent-5 {
  max-width: 5% !important;
}
.mxw-percent-10 {
  max-width: 10% !important;
}
.mxw-percent-15 {
  max-width: 15% !important;
}
.mxw-percent-20 {
  max-width: 20% !important;
}
.mxw-percent-25 {
  max-width: 25% !important;
}
.mxw-percent-30 {
  max-width: 30% !important;
}
.mxw-percent-35 {
  max-width: 35% !important;
}
.mxw-percent-40 {
  max-width: 40% !important;
}
.mxw-percent-45 {
  max-width: 45% !important;
}
.mxw-percent-50 {
  max-width: 50% !important;
}
.mxw-percent-55 {
  max-width: 55% !important;
}
.mxw-percent-60 {
  max-width: 60% !important;
}
.mxw-percent-65 {
  max-width: 65% !important;
}
.mxw-percent-70 {
  max-width: 70% !important;
}
.mxw-percent-75 {
  max-width: 75% !important;
}
.mxw-percent-80 {
  max-width: 80% !important;
}
.mxw-percent-85 {
  max-width: 85% !important;
}
.mxw-percent-90 {
  max-width: 90% !important;
}
.mxw-percent-95 {
  max-width: 95% !important;
}
.mnw-inherit {
  min-width: inherit !important;
}
.mnw-full, .mnw-percent-100 {
  min-width: 100% !important;
}
.mnw-none, .mnw-auto {
  min-width: auto !important
}
.mnw-0, .mnw-percent-0 {
  min-width: 0px !important;
}
.mnw-1 {
  min-width: 1px !important;
}
.mnw-2 {
  min-width: 2px !important;
}
.mnw-3 {
  min-width: 3px !important;
}
.mnw-4 {
  min-width: 4px !important;
}
.mnw-5 {
  min-width: 5px !important;
}
.mnw-10 {
  min-width: 10px !important;
}
.mnw-15 {
  min-width: 15px !important;
}
.mnw-20 {
  min-width: 20px !important;
}
.mnw-30 {
  min-width: 30px !important;
}
.mnw-35 {
  min-width: 35px !important;
}
.mnw-40 {
  min-width: 40px !important;
}
.mnw-45 {
  min-width: 45px !important;
}
.mnw-50 {
  min-width: 50px !important;
}
.mnw-55 {
  min-width: 55px !important;
}
.mnw-60 {
  min-width: 60px !important;
}
.mnw-65 {
  min-width: 65px !important;
}
.mnw-70 {
  min-width: 70px !important;
}
.mnw-75 {
  min-width: 75px !important;
}
.mnw-80 {
  min-width: 80px !important;
}
.mnw-85 {
  min-width: 85px !important;
}
.mnw-90 {
  min-width: 90px !important;
}
.mnw-95 {
  min-width: 95px !important;
}
.mnw-100 {
  min-width: 100px !important;
}
.mnw-110 {
  min-width: 110px !important;
}
.mnw-120 {
  min-width: 120px !important;
}
.mnw-130 {
  min-width: 130px !important;
}
.mnw-140 {
  min-width: 140px !important;
}
.mnw-150 {
  min-width: 150px !important;
}
.mnw-200 {
  min-width: 200px !important;
}
.mnw-250 {
  min-width: 250px !important;
}
.mnw-300 {
  min-width: 300px !important;
}
.mnw-350 {
  min-width: 350px !important;
}
.mnw-400 {
  min-width: 400px !important;
}
.mnw-450 {
  min-width: 450px !important;
}
.mnw-500 {
  min-width: 500px !important;
}
.mnw-550 {
  min-width: 550px !important;
}
.mnw-600 {
  min-width: 600px !important;
}
.mnw-650 {
  min-width: 650px !important;
}
.mnw-700 {
  min-width: 700px !important;
}
.mnw-750 {
  min-width: 750px !important;
}
.mnw-800 {
  min-width: 800px !important;
}
.mnw-850 {
  min-width: 850px !important;
}
.mnw-900 {
  min-width: 900px !important;
}
.mnw-950 {
  min-width: 950px !important;
}
.mnw-1000 {
  min-width: 1000px !important;
}
.mnw-percent-5 {
  min-width: 5% !important;
}
.mnw-percent-10 {
  min-width: 10% !important;
}
.mnw-percent-15 {
  min-width: 15% !important;
}
.mnw-percent-20 {
  min-width: 20% !important;
}
.mnw-percent-25 {
  min-width: 25% !important;
}
.mnw-percent-30 {
  min-width: 30% !important;
}
.mnw-percent-35 {
  min-width: 35% !important;
}
.mnw-percent-40 {
  min-width: 40% !important;
}
.mnw-percent-45 {
  min-width: 45% !important;
}
.mnw-percent-50 {
  min-width: 50% !important;
}
.mnw-percent-55 {
  min-width: 55% !important;
}
.mnw-percent-60 {
  min-width: 60% !important;
}
.mnw-percent-65 {
  min-width: 65% !important;
}
.mnw-percent-70 {
  min-width: 70% !important;
}
.mnw-percent-75 {
  min-width: 75% !important;
}
.mnw-percent-80 {
  min-width: 80% !important;
}
.mnw-percent-85 {
  min-width: 85% !important;
}
.mnw-percent-90 {
  min-width: 90% !important;
}
.mnw-percent-95 {
  min-width: 95% !important;
}
.mnw-5vw {
  min-width: 5vw !important;
}
.mnw-10vw {
  min-width: 10vw !important;
}
.mnw-15vw {
  min-width: 15vw !important;
}
.mnw-20vw {
  min-width: 20vw !important;
}
.mnw-25vw {
  min-width: 25vw !important;
}
.mnw-30vw {
  min-width: 30vw !important;
}
.mnw-35vw {
  min-width: 35vw !important;
}
.mnw-40vw {
  min-width: 40vw !important;
}
.mnw-45vw {
  min-width: 45vw !important;
}
.mnw-50vw {
  min-width: 50vw !important;
}
.mnw-55vw {
  min-width: 55vw !important;
}
.mnw-60vw {
  min-width: 60vw !important;
}
.mnw-65vw {
  min-width: 65vw !important;
}
.mnw-70vw {
  min-width: 70vw !important;
}
.mnw-75vw {
  min-width: 75vw !important;
}
.mnw-80vw {
  min-width: 80vw !important;
}
.mnw-85vw {
  min-width: 85vw !important;
}
.mnw-90vw {
  min-width: 90vw !important;
}
.mnw-95vw {
  min-width: 95vw !important;
}
.mnw-100vw {
  min-width: 100% !important;
}
/* Max & Min Height */
.mxh-inherit {
  max-height: inherit !important;
}
.mxh-full, .mxh-percent-100 {
  max-height: 100% !important;
}
.mxh-none {
  max-height: none !important
}
.mxh-0, .mxh-percent-0 {
  max-height: 0px !important;
}
.mxh-1 {
  max-height: 1px !important;
}
.mxh-2 {
  max-height: 2px !important;
}
.mxh-3 {
  max-height: 3px !important;
}
.mxh-4 {
  max-height: 4px !important;
}
.mxh-5 {
  max-height: 5px !important;
}
.mxh-10 {
  max-height: 10px !important;
}
.mxh-15 {
  max-height: 15px !important;
}
.mxh-20 {
  max-height: 20px !important;
}
.mxh-30 {
  max-height: 30px !important;
}
.mxh-35 {
  max-height: 35px !important;
}
.mxh-40 {
  max-height: 40px !important;
}
.mxh-45 {
  max-height: 45px !important;
}
.mxh-50 {
  max-height: 50px !important;
}
.mxh-55 {
  max-height: 55px !important;
}
.mxh-60 {
  max-height: 60px !important;
}
.mxh-65 {
  max-height: 65px !important;
}
.mxh-70 {
  max-height: 70px !important;
}
.mxh-75 {
  max-height: 75px !important;
}
.mxh-80 {
  max-height: 80px !important;
}
.mxh-85 {
  max-height: 85px !important;
}
.mxh-90 {
  max-height: 90px !important;
}
.mxh-95 {
  max-height: 95px !important;
}
.mxh-100 {
  max-height: 100px !important;
}
.mxh-110 {
  max-height: 110px !important;
}
.mxh-120 {
  max-height: 120px !important;
}
.mxh-130 {
  max-height: 130px !important;
}
.mxh-140 {
  max-height: 140px !important;
}
.mxh-150 {
  max-height: 150px !important;
}
.mxh-200 {
  max-height: 200px !important;
}
.mxh-250 {
  max-height: 250px !important;
}
.mxh-300 {
  max-height: 300px !important;
}
.mxh-350 {
  max-height: 350px !important;
}
.mxh-400 {
  max-height: 400px !important;
}
.mxh-450 {
  max-height: 450px !important;
}
.mxh-500 {
  max-height: 500px !important;
}
.mxh-550 {
  max-height: 550px !important;
}
.mxh-600 {
  max-height: 600px !important;
}
.mxh-650 {
  max-height: 650px !important;
}
.mxh-700 {
  max-height: 700px !important;
}
.mxh-750 {
  max-height: 750px !important;
}
.mxh-800 {
  max-height: 800px !important;
}
.mxh-850 {
  max-height: 850px !important;
}
.mxh-900 {
  max-height: 900px !important;
}
.mxh-950 {
  max-height: 950px !important;
}
.mxh-1000 {
  max-height: 1000px !important;
}
.mxh-1050 {
  max-height: 1050px !important;
}
.mxh-1100 {
  max-height: 1100px !important;
}
.mxh-1150 {
  max-height: 1150px !important;
}
.mxh-1200 {
  max-height: 1200px !important;
}
.mxh-percent-5 {
  max-height: 5% !important;
}
.mxh-percent-10 {
  max-height: 10% !important;
}
.mxh-percent-15 {
  max-height: 15% !important;
}
.mxh-percent-20 {
  max-height: 20% !important;
}
.mxh-percent-25 {
  max-height: 25% !important;
}
.mxh-percent-30 {
  max-height: 30% !important;
}
.mxh-percent-35 {
  max-height: 35% !important;
}
.mxh-percent-40 {
  max-height: 40% !important;
}
.mxh-percent-45 {
  max-height: 45% !important;
}
.mxh-percent-50 {
  max-height: 50% !important;
}
.mxh-percent-55 {
  max-height: 55% !important;
}
.mxh-percent-60 {
  max-height: 60% !important;
}
.mxh-percent-65 {
  max-height: 65% !important;
}
.mxh-percent-70 {
  max-height: 70% !important;
}
.mxh-percent-75 {
  max-height: 75% !important;
}
.mxh-percent-80 {
  max-height: 80% !important;
}
.mxh-percent-85 {
  max-height: 85% !important;
}
.mxh-percent-90 {
  max-height: 90% !important;
}
.mxh-percent-95 {
  max-height: 95% !important;
}
.mxh-5vh {
  max-height: 5vh !important;
}
.mxh-10vh {
  max-height: 10vh !important;
}
.mxh-15vh {
  max-height: 15vh !important;
}
.mxh-20vh {
  max-height: 20vh !important;
}
.mxh-25vh {
  max-height: 25vh !important;
}
.mxh-30vh {
  max-height: 30vh !important;
}
.mxh-35vh {
  max-height: 35vh !important;
}
.mxh-40vh {
  max-height: 40vh !important;
}
.mxh-45vh {
  max-height: 45vh !important;
}
.mxh-50vh {
  max-height: 50vh !important;
}
.mxh-55vh {
  max-height: 55vh !important;
}
.mxh-60vh {
  max-height: 60vh !important;
}
.mxh-65vh {
  max-height: 65vh !important;
}
.mxh-70vh {
  max-height: 70vh !important;
}
.mxh-75vh {
  max-height: 75vh !important;
}
.mxh-80vh {
  max-height: 80vh !important;
}
.mxh-85vh {
  max-height: 85vh !important;
}
.mxh-90vh {
  max-height: 90vh !important;
}
.mxh-95vh {
  max-height: 95vh !important;
}
.mxh-100vh {
  max-height: 100vh !important;
}
.mxh-110vh {
  max-height: 110vh !important;
}
.mxh-120vh {
  max-height: 120vh !important;
}
.mxh-130vh {
  max-height: 130vh !important;
}
.mxh-140vh {
  max-height: 140vh !important;
}
.mxh-150vh {
  max-height: 150vh !important;
}
.mxh-200vh {
  max-height: 200vh !important;
}
.mnh-inherit {
  min-height: inherit !important;
}
.mnh-full, .mnh-percent-100 {
  min-height: 100% !important;
}
.mnh-none, .mnh-auto {
  min-height: auto !important
}
.mnh-0, .mnh-percent-0 {
  min-height: 0px !important;
}
.mnh-1 {
  min-height: 1px !important;
}
.mnh-2 {
  min-height: 2px !important;
}
.mnh-3 {
  min-height: 3px !important;
}
.mnh-4 {
  min-height: 4px !important;
}
.mnh-5 {
  min-height: 5px !important;
}
.mnh-10 {
  min-height: 10px !important;
}
.mnh-15 {
  min-height: 15px !important;
}
.mnh-20 {
  min-height: 20px !important;
}
.mnh-30 {
  min-height: 30px !important;
}
.mnh-35 {
  min-height: 35px !important;
}
.mnh-40 {
  min-height: 40px !important;
}
.mnh-45 {
  min-height: 45px !important;
}
.mnh-50 {
  min-height: 50px !important;
}
.mnh-55 {
  min-height: 55px !important;
}
.mnh-60 {
  min-height: 60px !important;
}
.mnh-65 {
  min-height: 65px !important;
}
.mnh-70 {
  min-height: 70px !important;
}
.mnh-75 {
  min-height: 75px !important;
}
.mnh-80 {
  min-height: 80px !important;
}
.mnh-85 {
  min-height: 85px !important;
}
.mnh-90 {
  min-height: 90px !important;
}
.mnh-95 {
  min-height: 95px !important;
}
.mnh-100 {
  min-height: 100px !important;
}
.mnh-110 {
  min-height: 110px !important;
}
.mnh-120 {
  min-height: 120px !important;
}
.mnh-130 {
  min-height: 130px !important;
}
.mnh-140 {
  min-height: 140px !important;
}
.mnh-150 {
  min-height: 150px !important;
}
.mnh-200 {
  min-height: 200px !important;
}
.mnh-250 {
  min-height: 250px !important;
}
.mnh-300 {
  min-height: 300px !important;
}
.mnh-350 {
  min-height: 350px !important;
}
.mnh-400 {
  min-height: 400px !important;
}
.mnh-450 {
  min-height: 450px !important;
}
.mnh-500 {
  min-height: 500px !important;
}
.mnh-550 {
  min-height: 550px !important;
}
.mnh-600 {
  min-height: 600px !important;
}
.mnh-650 {
  min-height: 650px !important;
}
.mnh-700 {
  min-height: 700px !important;
}
.mnh-750 {
  min-height: 750px !important;
}
.mnh-800 {
  min-height: 800px !important;
}
.mnh-850 {
  min-height: 850px !important;
}
.mnh-900 {
  min-height: 900px !important;
}
.mnh-950 {
  min-height: 950px !important;
}
.mnh-1000 {
  min-height: 1000px !important;
}
.mnh-percent-5 {
  min-height: 5% !important;
}
.mnh-percent-10 {
  min-height: 10% !important;
}
.mnh-percent-15 {
  min-height: 15% !important;
}
.mnh-percent-20 {
  min-height: 20% !important;
}
.mnh-percent-25 {
  min-height: 25% !important;
}
.mnh-percent-30 {
  min-height: 30% !important;
}
.mnh-percent-35 {
  min-height: 35% !important;
}
.mnh-percent-40 {
  min-height: 40% !important;
}
.mnh-percent-45 {
  min-height: 45% !important;
}
.mnh-percent-50 {
  min-height: 50% !important;
}
.mnh-percent-55 {
  min-height: 55% !important;
}
.mnh-percent-60 {
  min-height: 60% !important;
}
.mnh-percent-65 {
  min-height: 65% !important;
}
.mnh-percent-70 {
  min-height: 70% !important;
}
.mnh-percent-75 {
  min-height: 75% !important;
}
.mnh-percent-80 {
  min-height: 80% !important;
}
.mnh-percent-85 {
  min-height: 85% !important;
}
.mnh-percent-90 {
  min-height: 90% !important;
}
.mnh-percent-95 {
  min-height: 95% !important;
}
.mnh-5vh {
  min-height: 5vh !important;
}
.mnh-10vh {
  min-height: 10vh !important;
}
.mnh-15vh {
  min-height: 15vh !important;
}
.mnh-20vh {
  min-height: 20vh !important;
}
.mnh-25vh {
  min-height: 25vh !important;
}
.mnh-30vh {
  min-height: 30vh !important;
}
.mnh-35vh {
  min-height: 35vh !important;
}
.mnh-40vh {
  min-height: 40vh !important;
}
.mnh-45vh {
  min-height: 45vh !important;
}
.mnh-50vh {
  min-height: 50vh !important;
}
.mnh-55vh {
  min-height: 55vh !important;
}
.mnh-60vh {
  min-height: 60vh !important;
}
.mnh-65vh {
  min-height: 65vh !important;
}
.mnh-70vh {
  min-height: 70vh !important;
}
.mnh-75vh {
  min-height: 75vh !important;
}
.mnh-80vh {
  min-height: 80vh !important;
}
.mnh-85vh {
  min-height: 85vh !important;
}
.mnh-90vh {
  min-height: 90vh !important;
}
.mnh-95vh {
  min-height: 95vh !important;
}
.mnh-100vh {
  min-height: 100vh !important;
}
.mnh-110vh {
  min-height: 110vh !important;
}
.mnh-120vh {
  min-height: 120vh !important;
}
.mnh-130vh {
  min-height: 130vh !important;
}
.mnh-140vh {
  min-height: 140vh !important;
}
.mnh-150vh {
  min-height: 150vh !important;
}
.mnh-200vh {
  min-height: 200vh !important;
}
/* Border */
[class*=bt-], [class*=bl-], [class*=br-], [class*=bb-], [class*=b-] {
  border-style: solid !important;
}
.no-border, .b-none {
  border: none !important;
}
.bt-0, .b-0 {
  border-top-width: 0px !important;
}
.bt-1, .b-1 {
  border-top-width: 1px !important;
}
.bt-2, .b-2 {
  border-top-width: 2px !important;
}
.bt-3, .b-3 {
  border-top-width: 3px !important;
}
.bt-4, .b-4 {
  border-top-width: 4px !important;
}
.bt-5, .b-5 {
  border-top-width: 5px !important;
}
.bt-6, .b-6 {
  border-top-width: 6px !important;
}
.bt-7, .b-7 {
  border-top-width: 7px !important;
}
.bt-8, .b-8 {
  border-top-width: 8px !important;
}
.bt-9, .b-9 {
  border-top-width: 9px !important;
}
.bt-10, .b-10 {
  border-top-width: 10px !important;
}
.br-0, .b-0 {
  border-right-width: 0px !important;
}
.br-1, .b-1 {
  border-right-width: 1px !important;
}
.br-2, .b-2 {
  border-right-width: 2px !important;
}
.br-3, .b-3 {
  border-right-width: 3px !important;
}
.br-4, .b-4 {
  border-right-width: 4px !important;
}
.br-5, .b-5 {
  border-right-width: 5px !important;
}
.br-6, .b-6 {
  border-right-width: 6px !important;
}
.br-7, .b-7 {
  border-right-width: 7px !important;
}
.br-8, .b-8 {
  border-right-width: 8px !important;
}
.br-9, .b-9 {
  border-right-width: 9px !important;
}
.br-10, .b-10 {
  border-right-width: 10px !important;
}
.bb-0, .b-0 {
  border-bottom-width: 0px !important;
}
.bb-1, .b-1 {
  border-bottom-width: 1px !important;
}
.bb-2, .b-2 {
  border-bottom-width: 2px !important;
}
.bb-3, .b-3 {
  border-bottom-width: 3px !important;
}
.bb-4, .b-4 {
  border-bottom-width: 4px !important;
}
.bb-5, .b-5 {
  border-bottom-width: 5px !important;
}
.bb-6, .b-6 {
  border-bottom-width: 6px !important;
}
.bb-7, .b-7 {
  border-bottom-width: 7px !important;
}
.bb-8, .b-8 {
  border-bottom-width: 8px !important;
}
.bb-9, .b-9 {
  border-bottom-width: 9px !important;
}
.bb-10, .b-10 {
  border-bottom-width: 10px !important;
}
.bl-0, .b-0 {
  border-left-width: 0px !important;
}
.bl-1, .b-1 {
  border-left-width: 1px !important;
}
.bl-2, .b-2 {
  border-left-width: 2px !important;
}
.bl-3, .b-3 {
  border-left-width: 3px !important;
}
.bl-4, .b-4 {
  border-left-width: 4px !important;
}
.bl-5, .b-5 {
  border-left-width: 5px !important;
}
.bl-6, .b-6 {
  border-left-width: 6px !important;
}
.bl-7, .b-7 {
  border-left-width: 7px !important;
}
.bl-8, .b-8 {
  border-left-width: 8px !important;
}
.bl-9, .b-9 {
  border-left-width: 9px !important;
}
.bl-10, .b-10 {
  border-left-width: 10px !important;
} /* Border Colors */
.bt-0 {
  border-top-width: 0px !important;
}
.br-0 {
  border-right-width: 0px !important;
}
.bb-0 {
  border-bottom-width: 0px !important;
}
.bl-0 {
  border-left-width: 0px !important;
}
/* Colors */
.b-white, .b-white-hover:hover, .border-white, .border-white-hover:hover, .b-white-active.active {
  border-color: white !important;
}
.b-transparent, .b-transparent-hover:hover, .b-transparent-active.active, .border-transparent, .border-transparent-hover:hover {
  border-color: transparent !important;
}
.border-dotted, .b-dotted {
  border-style: dotted !important;
}
.border-dashed, .b-dashed {
  border-style: dashed !important;
}
.border-solid, .b-solid, .solid {
  border-style: solid !important;
}
.b-gray, .b-gray-hover:hover, .b-gray-active.active {
  border-color: #f1f1f1 !important;
}
.b-gray1, .b-gray1-hover:hover, .b-gray1-active.active {
  border-color: #eaeaea !important;
}
.b-gray2, .b-gray2-hover:hover, .b-gray2-active.active {
  border-color: #e1e1e1 !important;
}
.b-gray3, .b-gray3-hover:hover, .b-gray3-active.active {
  border-color: #dadada !important;
}
.b-gray4, .b-gray4-hover:hover, .b-gray4-active.active {
  border-color: #c1c1c1 !important;
}
.b-gray5, .b-gray5-hover:hover, .b-gray5-active.active {
  border-color: #a1a1a1 !important;
}
.b-gray6, .b-gray6-hover:hover, .b-gray6-active.active {
  border-color: #919191 !important;
}
.b-gray7, .b-gray7-hover:hover, .b-gray7-active.active {
  border-color: #717171 !important;
}
.b-gray8, .b-gray8-hover:hover, .b-gray8-active.active {
  border-color: #6a6a6a !important;
}
.b-gray9, .b-gray9-hover:hover, .b-gray9-active.active {
  border-color: #525252 !important;
}
.b-gray10, .b-gray10-hover:hover, .b-gray10-active.active {
  border-color: #4A4A4A !important;
}
.b-dark, .b-dark-hover:hover, .b-dark-active.active {
  border-color: #3a3a3a !important;
}
.b-dark1, .b-dark1-hover:hover, .b-dark1-active.active {
  border-color: #242424 !important;
}
.b-dark2, .b-dark2-hover:hover, .b-dark2-active.active {
  border-color: #212121 !important;
}
.b-dark3, .b-dark3-hover:hover, .b-dark3-active.active {
  border-color: #181818 !important;
}
.b-dark4, .b-dark4-hover:hover, .b-dark4-active.active {
  border-color: #0a0a0a !important;
}
.b-black, .b-black-hover:hover, .b-black-active.active {
  border-color: #000 !important;
}
.b-soft-dark, .b-soft-dark-hover:hover {
  border-color: rgba(25, 25, 25, 0.05) !important;
}
.b-soft-dark1, .b-soft-dark1-hover:hover {
  border-color: rgba(25, 25, 25, 0.1) !important;
}
.b-soft-dark2, .b-soft-dark2-hover:hover {
  border-color: rgba(25, 25, 25, 0.2) !important;
}
.b-soft-dark3, .b-soft-dark3-hover:hover {
  border-color: rgba(25, 25, 25, 0.3) !important;
}
.b-soft-dark4, .b-soft-dark4-hover:hover {
  border-color: rgba(25, 25, 25, 0.4) !important;
}
.b-soft-dark5, .b-soft-dark5-hover:hover {
  border-color: rgba(25, 25, 25, 0.5) !important;
}
.b-soft-dark6, .b-soft-dark6-hover:hover {
  border-color: rgba(25, 25, 25, 0.6) !important;
}
.b-soft-dark7, .b-soft-dark7-hover:hover {
  border-color: rgba(25, 25, 25, 0.7) !important;
}
.b-soft-dark8, .b-soft-dark8-hover:hover {
  border-color: rgba(25, 25, 25, 0.8) !important;
}
.b-soft-dark9, .b-soft-dark9-hover:hover {
  border-color: rgba(25, 25, 25, 0.9) !important;
}
.b-soft-white, .b-soft-white-hover:hover {
  border-color: rgba(255, 255, 255, 0.05) !important;
}
.b-soft-white1, .b-soft-white1-hover:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.b-soft-white2, .b-soft-white2-hover:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.b-soft-white3, .b-soft-white3-hover:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.b-soft-white4, .b-soft-white4-hover:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.b-soft-white5, .b-soft-white5-hover:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.b-soft-white6, .b-soft-white6-hover:hover {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.b-soft-white7, .b-soft-white7-hover:hover {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.b-soft-white8, .b-soft-white8-hover:hover {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.b-soft-white9, .b-soft-white9-hover:hover {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.b-text-white {
  -webkit-text-stroke: 1px white;
}
.b-text-black {
  -webkit-text-stroke: 1px black;
}
/* Double Border Effect - .b-double - .b-double-hover  */
.b-double, .b-double-hover {
  position: relative;
  border-style: solid;
}
.b-double-hover:before {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.b-double-hover:before, .b-double:before {
  content: '';
  left: 0px !important;
  top: 0px !important;
  opacity: 0;
  right: 0px !important;
  bottom: 0px !important;
  background-color: transparent;
  border-width: 2px !important;
  border-style: inherit;
  border-color: inherit;
  border-radius: inherit;
  position: absolute;
}
.b-double:before, .b-double-hover:hover:before {
  left: -5px !important;
  top: -5px !important;
  right: -5px !important;
  bottom: -5px !important;
  opacity: 1;
}
/* Z index */
.zi-hover:hover {
  z-index: 10 !important;
}
.zi--2 {
  z-index: -2 !important;
}
.zi--1 {
  z-index: -1 !important;
}
.zi-0 {
  z-index: 0 !important;
}
.zi-1 {
  z-index: 1 !important;
}
.zi-2 {
  z-index: 2 !important;
}
.zi-3 {
  z-index: 3 !important;
}
.zi-4 {
  z-index: 4 !important;
}
.zi-5 {
  z-index: 5 !important;
}
.zi-10 {
  z-index: 10 !important;
}
.zi-20 {
  z-index: 20 !important;
}
.zi-30 {
  z-index: 30 !important;
}
.zi-40 {
  z-index: 40 !important;
}
.zi-50 {
  z-index: 50 !important;
}
.zi-100 {
  z-index: 100 !important;
}
.zi-500 {
  z-index: 500 !important;
}
/* Opacity */
.opacity-0, .opacity-0-hover:hover, .opacity-0-active.active {
  opacity: 0 !important;
}
.opacity-1, .opacity-1-hover:hover, .opacity-1-active.active {
  opacity: .1 !important;
}
.opacity-2, .opacity-2-hover:hover, .opacity-2-active.active {
  opacity: .2 !important;
}
.opacity-3, .opacity-3-hover:hover, .opacity-3-active.active {
  opacity: .3 !important;
}
.opacity-4, .opacity-4-hover:hover, .opacity-4-active.active {
  opacity: .4 !important;
}
.opacity-5, .opacity-5-hover:hover, .opacity-5-active.active {
  opacity: .5 !important;
}
.opacity-6, .opacity-6-hover:hover, .opacity-6-active.active {
  opacity: .6 !important;
}
.opacity-7, .opacity-7-hover:hover, .opacity-7-active.active {
  opacity: .7 !important;
}
.opacity-8, .opacity-8-hover:hover, .opacity-8-active.active {
  opacity: .8 !important;
}
.opacity-9, .opacity-9-hover:hover, .opacity-9-active.active {
  opacity: .9 !important;
}
.opacity-10, .opacity-10-hover:hover, .opacity-10-active.active {
  opacity: 1 !important;
}
.opacity-hover:hover, .hover-container:hover .opacity-hover-item, .opacity-hover-links a:hover, .opacity-hover-links button:hover {
  opacity: 1 !important;
}
/* Shortcodes for mobile devices */
@media only screen and (max-width:992px) {
  /* Titles to minimal */
  h1, .h1 {
    font-size: 28px;
  }
  h2, .h2 {
    font-size: 24px;
  }
  h3, .h3 {
    font-size: 20px;
  }
  /* Positions */
  .relative-sm {
    position: relative !important;
  }
  /* Text Options */
  .t-center-sm {
    text-align: center !important;
  }
  .t-left-sm {
    text-align: left !important;
  }
  .t-right-sm {
    text-align: right !important;
  }
  .fs-10-sm {
    font-size: 10px !important;
  }
  .fs-11-sm {
    font-size: 11px !important;
  }
  .fs-12-sm {
    font-size: 12px !important;
  }
  .fs-13-sm {
    font-size: 13px !important;
  }
  .fs-14-sm {
    font-size: 14px !important;
  }
  .fs-15-sm {
    font-size: 15px !important;
  }
  .fs-16-sm {
    font-size: 16px !important;
  }
  .fs-17-sm {
    font-size: 17px !important;
  }
  .fs-18-sm {
    font-size: 18px !important;
  }
  .fs-19-sm {
    font-size: 19px !important;
  }
  .fs-20-sm {
    font-size: 20px !important;
  }
  .fs-21-sm {
    font-size: 21px !important;
  }
  .fs-22-sm {
    font-size: 22px !important;
  }
  .fs-23-sm {
    font-size: 23px !important;
  }
  .fs-24-sm {
    font-size: 24px !important;
  }
  .fs-25-sm {
    font-size: 25px !important;
  }
  .fs-26-sm {
    font-size: 26px !important;
  }
  .fs-27-sm {
    font-size: 27px !important;
  }
  .fs-28-sm {
    font-size: 28px !important;
  }
  .fs-29-sm {
    font-size: 29px !important;
  }
  .fs-30-sm {
    font-size: 30px !important;
  }
  .fs-35-sm {
    font-size: 35px !important;
  }
  .fs-40-sm {
    font-size: 40px !important;
  }
  .fs-45-sm {
    font-size: 45px !important;
  }
  .fs-50-sm {
    font-size: 50px !important;
  }
  .fs-60-sm {
    font-size: 60px !important;
  }
  .fs-70-sm {
    font-size: 70px !important;
  }
  .fs-80-sm {
    font-size: 80px !important;
  }
  .fs-90-sm {
    font-size: 90px !important;
  }
  .fs-100-sm {
    font-size: 100px !important;
  }
  .fs-120-sm {
    font-size: 120px !important;
  }
  .ws-normal-sm {
    white-space: normal !important;
  }
  .ws-nowrap-sm {
    white-space: nowrap !important;
  }
  /* Opacity */
  .opacity-0-sm {
    opacity: 0 !important;
  }
  .opacity-1-sm {
    opacity: 0.1 !important;
  }
  .opacity-2-sm {
    opacity: 0.2 !important;
  }
  .opacity-3-sm {
    opacity: 0.3 !important;
  }
  .opacity-4-sm {
    opacity: 0.4 !important;
  }
  .opacity-5-sm {
    opacity: 0.5 !important;
  }
  .opacity-6-sm {
    opacity: 0.6 !important;
  }
  .opacity-7-sm {
    opacity: 0.7 !important;
  }
  .opacity-8-sm {
    opacity: 0.8 !important;
  }
  .opacity-9-sm {
    opacity: 0.9 !important;
  }
  .opacity-10-sm {
    opacity: 1 !important;
  }
  /* Line Height */
  .lh-10-sm {
    line-height: 10px !important;
  }
  .lh-11-sm {
    line-height: 11px !important;
  }
  .lh-12-sm {
    line-height: 12px !important;
  }
  .lh-13-sm {
    line-height: 13px !important;
  }
  .lh-14-sm {
    line-height: 14px !important;
  }
  .lh-15-sm {
    line-height: 15px !important;
  }
  .lh-16-sm {
    line-height: 16px !important;
  }
  .lh-17-sm {
    line-height: 17px !important;
  }
  .lh-18-sm {
    line-height: 18px !important;
  }
  .lh-19-sm {
    line-height: 19px !important;
  }
  .lh-20-sm {
    line-height: 20px !important;
  }
  .lh-21-sm {
    line-height: 21px !important;
  }
  .lh-22-sm {
    line-height: 22px !important;
  }
  .lh-23-sm {
    line-height: 23px !important;
  }
  .lh-24-sm {
    line-height: 24px !important;
  }
  .lh-25-sm {
    line-height: 25px !important;
  }
  .lh-26-sm {
    line-height: 26px !important;
  }
  .lh-27-sm {
    line-height: 27px !important;
  }
  .lh-28-sm {
    line-height: 28px !important;
  }
  .lh-29-sm {
    line-height: 29px !important;
  }
  .lh-30-sm {
    line-height: 30px !important;
  }
  .lh-35-sm {
    line-height: 35px !important;
  }
  .lh-40-sm {
    line-height: 40px !important;
  }
  .lh-45-sm {
    line-height: 45px !important;
  }
  .lh-50-sm {
    line-height: 50px !important;
  }
  .lh-55-sm {
    line-height: 55px !important;
  }
  .lh-60-sm {
    line-height: 60px !important;
  }
  .lh-65-sm {
    line-height: 65px !important;
  }
  .lh-70-sm {
    line-height: 70px !important;
  }
  .lh-75-sm {
    line-height: 75px !important;
  }
  .lh-80-sm {
    line-height: 80px !important;
  }
  .lh-85-sm {
    line-height: 85px !important;
  }
  .lh-90-sm {
    line-height: 90px !important;
  }
  .lh-95-sm {
    line-height: 95px !important;
  }
  .lh-100-sm {
    line-height: 100px !important;
  }
  /* Letter Spacing */
  .ls-0-sm {
    letter-spacing: 0 !important;
  }
  .ls--01-sm {
    letter-spacing: -0.1px !important;
  }
  .ls--02-sm {
    letter-spacing: -0.2px !important;
  }
  .ls--03-sm {
    letter-spacing: -0.3px !important;
  }
  .ls--04-sm {
    letter-spacing: -0.4px !important;
  }
  .ls--05-sm {
    letter-spacing: -0.5px !important;
  }
  .ls--06-sm {
    letter-spacing: -0.6px !important;
  }
  .ls--07-sm {
    letter-spacing: -0.7px !important;
  }
  .ls--08-sm {
    letter-spacing: -0.8px !important;
  }
  .ls--09-sm {
    letter-spacing: -0.9px !important;
  }
  .ls--1-sm {
    letter-spacing: -1px !important;
  }
  .ls--11-sm {
    letter-spacing: -1.1px !important;
  }
  .ls--12-sm {
    letter-spacing: -1.2px !important;
  }
  .ls--13-sm {
    letter-spacing: -1.3px !important;
  }
  .ls--14-sm {
    letter-spacing: -1.4px !important;
  }
  .ls--15-sm {
    letter-spacing: -1.5px !important;
  }
  .ls--16-sm {
    letter-spacing: -1.6px !important;
  }
  .ls--17-sm {
    letter-spacing: -1.7px !important;
  }
  .ls--18-sm {
    letter-spacing: -1.8px !important;
  }
  .ls--19-sm {
    letter-spacing: -1.9px !important;
  }
  .ls--20-sm {
    letter-spacing: -2px !important;
  }
  .ls-01-sm {
    letter-spacing: 0.1px !important;
  }
  .ls-02-sm {
    letter-spacing: 0.2px !important;
  }
  .ls-03-sm {
    letter-spacing: 0.3px !important;
  }
  .ls-04-sm {
    letter-spacing: 0.4px !important;
  }
  .ls-05-sm {
    letter-spacing: 0.5px !important;
  }
  .ls-06-sm {
    letter-spacing: 0.6px !important;
  }
  .ls-07-sm {
    letter-spacing: 0.7px !important;
  }
  .ls-08-sm {
    letter-spacing: 0.8px !important;
  }
  .ls-09-sm {
    letter-spacing: 0.9px !important;
  }
  .ls-1-sm {
    letter-spacing: 1px !important;
  }
  .ls-2-sm {
    letter-spacing: 2px !important;
  }
  .ls-3-sm {
    letter-spacing: 3px !important;
  }
  .ls-4-sm {
    letter-spacing: 4px !important;
  }
  .ls-5-sm {
    letter-spacing: 5px !important;
  }
  .ls-6-sm {
    letter-spacing: 6px !important;
  }
  .ls-7-sm {
    letter-spacing: 7px !important;
  }
  .ls-8-sm {
    letter-spacing: 8px !important;
  }
  .ls-9-sm {
    letter-spacing: 9px !important;
  }
  .ls-10-sm {
    letter-spacing: 10px !important;
  }
  .ls-11-sm {
    letter-spacing: 11px !important;
  }
  .ls-12-sm {
    letter-spacing: 12px !important;
  }
  .ls-13-sm {
    letter-spacing: 13px !important;
  }
  .ls-14-sm {
    letter-spacing: 14px !important;
  }
  .ls-15-sm {
    letter-spacing: 15px !important;
  }
  .ls-20-sm {
    letter-spacing: 20px !important;
  }
  /* Positioning */
  .top-0-sm {
    top: 0px !important;
  }
  .top-1-sm {
    top: 1px !important;
  }
  .top-2-sm {
    top: 2px !important;
  }
  .top-3-sm {
    top: 3px !important;
  }
  .top-4-sm {
    top: 4px !important;
  }
  .top-5-sm {
    top: 5px !important;
  }
  .top-10-sm {
    top: 10px !important;
  }
  .top-15-sm {
    top: 15px !important;
  }
  .top-20-sm {
    top: 20px !important;
  }
  .top-25-sm {
    top: 25px !important;
  }
  .top-30-sm {
    top: 30px !important;
  }
  .top-35-sm {
    top: 35px !important;
  }
  .top-40-sm {
    top: 40px !important;
  }
  .top-45-sm {
    top: 45px !important;
  }
  .top-50-sm {
    top: 50px !important;
  }
  .top-55-sm {
    top: 55px !important;
  }
  .top-60-sm {
    top: 60px !important;
  }
  .top-65-sm {
    top: 65px !important;
  }
  .top-70-sm {
    top: 70px !important;
  }
  .top-75-sm {
    top: 75px !important;
  }
  .top-80-sm {
    top: 80px !important;
  }
  .top-85-sm {
    top: 85px !important;
  }
  .top-90-sm {
    top: 90px !important;
  }
  .top-95-sm {
    top: 95px !important;
  }
  .top-100-sm {
    top: 100px !important;
  }
  .top-110-sm {
    top: 110px !important;
  }
  .top-120-sm {
    top: 120px !important;
  }
  .top-130-sm {
    top: 130px !important;
  }
  .top-140-sm {
    top: 140px !important;
  }
  .top-150-sm {
    top: 150px !important;
  }
  .right-0-sm {
    right: 0px !important;
  }
  .right-1-sm {
    right: 1px !important;
  }
  .right-2-sm {
    right: 2px !important;
  }
  .right-3-sm {
    right: 3px !important;
  }
  .right-4-sm {
    right: 4px !important;
  }
  .right-5-sm {
    right: 5px !important;
  }
  .right-10-sm {
    right: 10px !important;
  }
  .right-15-sm {
    right: 15px !important;
  }
  .right-20-sm {
    right: 20px !important;
  }
  .right-25-sm {
    right: 25px !important;
  }
  .right-30-sm {
    right: 30px !important;
  }
  .right-35-sm {
    right: 35px !important;
  }
  .right-40-sm {
    right: 40px !important;
  }
  .right-45-sm {
    right: 45px !important;
  }
  .right-50-sm {
    right: 50px !important;
  }
  .right-55-sm {
    right: 55px !important;
  }
  .right-60-sm {
    right: 60px !important;
  }
  .right-65-sm {
    right: 65px !important;
  }
  .right-70-sm {
    right: 70px !important;
  }
  .right-75-sm {
    right: 75px !important;
  }
  .right-80-sm {
    right: 80px !important;
  }
  .right-85-sm {
    right: 85px !important;
  }
  .right-90-sm {
    right: 90px !important;
  }
  .right-95-sm {
    right: 95px !important;
  }
  .right-100-sm {
    right: 100px !important;
  }
  .right-110-sm {
    right: 110px !important;
  }
  .right-120-sm {
    right: 120px !important;
  }
  .right-130-sm {
    right: 130px !important;
  }
  .right-140-sm {
    right: 140px !important;
  }
  .right-150-sm {
    right: 150px !important;
  }
  .bottom-0-sm {
    bottom: 0px !important;
  }
  .bottom-1-sm {
    bottom: 1px !important;
  }
  .bottom-2-sm {
    bottom: 2px !important;
  }
  .bottom-3-sm {
    bottom: 3px !important;
  }
  .bottom-4-sm {
    bottom: 4px !important;
  }
  .bottom-5-sm {
    bottom: 5px !important;
  }
  .bottom-10-sm {
    bottom: 10px !important;
  }
  .bottom-15-sm {
    bottom: 15px !important;
  }
  .bottom-20-sm {
    bottom: 20px !important;
  }
  .bottom-25-sm {
    bottom: 25px !important;
  }
  .bottom-30-sm {
    bottom: 30px !important;
  }
  .bottom-35-sm {
    bottom: 35px !important;
  }
  .bottom-40-sm {
    bottom: 40px !important;
  }
  .bottom-45-sm {
    bottom: 45px !important;
  }
  .bottom-50-sm {
    bottom: 50px !important;
  }
  .bottom-55-sm {
    bottom: 55px !important;
  }
  .bottom-60-sm {
    bottom: 60px !important;
  }
  .bottom-65-sm {
    bottom: 65px !important;
  }
  .bottom-70-sm {
    bottom: 70px !important;
  }
  .bottom-75-sm {
    bottom: 75px !important;
  }
  .bottom-80-sm {
    bottom: 80px !important;
  }
  .bottom-85-sm {
    bottom: 85px !important;
  }
  .bottom-90-sm {
    bottom: 90px !important;
  }
  .bottom-95-sm {
    bottom: 95px !important;
  }
  .bottom-100-sm {
    bottom: 100px !important;
  }
  .bottom-110-sm {
    bottom: 110px !important;
  }
  .bottom-120-sm {
    bottom: 120px !important;
  }
  .bottom-130-sm {
    bottom: 130px !important;
  }
  .bottom-140-sm {
    bottom: 140px !important;
  }
  .bottom-150-sm {
    bottom: 150px !important;
  }
  .left-0-sm {
    left: 0px !important;
  }
  .left-1-sm {
    left: 1px !important;
  }
  .left-2-sm {
    left: 2px !important;
  }
  .left-3-sm {
    left: 3px !important;
  }
  .left-4-sm {
    left: 4px !important;
  }
  .left-5-sm {
    left: 5px !important;
  }
  .left-10-sm {
    left: 10px !important;
  }
  .left-15-sm {
    left: 15px !important;
  }
  .left-20-sm {
    left: 20px !important;
  }
  .left-25-sm {
    left: 25px !important;
  }
  .left-30-sm {
    left: 30px !important;
  }
  .left-35-sm {
    left: 35px !important;
  }
  .left-40-sm {
    left: 40px !important;
  }
  .left-45-sm {
    left: 45px !important;
  }
  .left-50-sm {
    left: 50px !important;
  }
  .left-55-sm {
    left: 55px !important;
  }
  .left-60-sm {
    left: 60px !important;
  }
  .left-65-sm {
    left: 65px !important;
  }
  .left-70-sm {
    left: 70px !important;
  }
  .left-75-sm {
    left: 75px !important;
  }
  .left-80-sm {
    left: 80px !important;
  }
  .left-85-sm {
    left: 85px !important;
  }
  .left-90-sm {
    left: 90px !important;
  }
  .left-95-sm {
    left: 95px !important;
  }
  .left-100-sm {
    left: 100px !important;
  }
  .left-110-sm {
    left: 110px !important;
  }
  .left-120-sm {
    left: 120px !important;
  }
  .left-130-sm {
    left: 130px !important;
  }
  .left-140-sm {
    left: 140px !important;
  }
  .left-150-sm {
    left: 150px !important;
  }
  /* Width */
  .fullwidth-sm {
    width: 100% !important;
  }
  .width-full-sm {
    width: 100% !important;
  }
  .width-auto-sm {
    width: auto !important;
  }
  .width-0-sm {
    width: 0px !important;
  }
  .width-1-sm {
    width: 1px !important;
  }
  .width-2-sm {
    width: 2px !important;
  }
  .width-3-sm {
    width: 3px !important;
  }
  .width-4-sm {
    width: 4px !important;
  }
  .width-5-sm {
    width: 5px !important;
  }
  .width-6-sm {
    width: 6px !important;
  }
  .width-7-sm {
    width: 7px !important;
  }
  .width-8-sm {
    width: 8px !important;
  }
  .width-9-sm {
    width: 9px !important;
  }
  .width-10-sm {
    width: 10px !important;
  }
  .width-11-sm {
    width: 11px !important;
  }
  .width-12-sm {
    width: 12px !important;
  }
  .width-13-sm {
    width: 13px !important;
  }
  .width-14-sm {
    width: 14px !important;
  }
  .width-15-sm {
    width: 15px !important;
  }
  .width-16-sm {
    width: 16px !important;
  }
  .width-17-sm {
    width: 17px !important;
  }
  .width-18-sm {
    width: 18px !important;
  }
  .width-19-sm {
    width: 19px !important;
  }
  .width-20-sm {
    width: 20px !important;
  }
  .width-21-sm {
    width: 21px !important;
  }
  .width-22-sm {
    width: 22px !important;
  }
  .width-23-sm {
    width: 23px !important;
  }
  .width-24-sm {
    width: 24px !important;
  }
  .width-25-sm {
    width: 25px !important;
  }
  .width-26-sm {
    width: 26px !important;
  }
  .width-27-sm {
    width: 27px !important;
  }
  .width-28-sm {
    width: 28px !important;
  }
  .width-29-sm {
    width: 29px !important;
  }
  .width-30-sm {
    width: 30px !important;
  }
  .width-31-sm {
    width: 31px !important;
  }
  .width-32-sm {
    width: 32px !important;
  }
  .width-33-sm {
    width: 33px !important;
  }
  .width-34-sm {
    width: 34px !important;
  }
  .width-35-sm {
    width: 35px !important;
  }
  .width-36-sm {
    width: 36px !important;
  }
  .width-37-sm {
    width: 37px !important;
  }
  .width-38-sm {
    width: 38px !important;
  }
  .width-39-sm {
    width: 39px !important;
  }
  .width-40-sm {
    width: 40px !important;
  }
  .width-41-sm {
    width: 41px !important;
  }
  .width-42-sm {
    width: 42px !important;
  }
  .width-43-sm {
    width: 43px !important;
  }
  .width-44-sm {
    width: 44px !important;
  }
  .width-45-sm {
    width: 45px !important;
  }
  .width-46-sm {
    width: 46px !important;
  }
  .width-47-sm {
    width: 47px !important;
  }
  .width-48-sm {
    width: 48px !important;
  }
  .width-49-sm {
    width: 49px !important;
  }
  .width-50-sm {
    width: 50px !important;
  }
  .width-55-sm {
    width: 55px !important;
  }
  .width-60-sm {
    width: 60px !important;
  }
  .width-65-sm {
    width: 65px !important;
  }
  .width-70-sm {
    width: 70px !important;
  }
  .width-75-sm {
    width: 75px !important;
  }
  .width-80-sm {
    width: 80px !important;
  }
  .width-85-sm {
    width: 85px !important;
  }
  .width-90-sm {
    width: 90px !important;
  }
  .width-95-sm {
    width: 95px !important;
  }
  .width-100-sm {
    width: 100px !important;
  }
  .width-110-sm {
    width: 110px !important;
  }
  .width-120-sm {
    width: 120px !important;
  }
  .width-130-sm {
    width: 130px !important;
  }
  .width-140-sm {
    width: 140px !important;
  }
  .width-150-sm {
    width: 150px !important;
  }
  .width-200-sm {
    width: 200px !important;
  }
  .width-percent-0-sm {
    width: 0;
  }
  .width-percent-5-sm {
    width: 5% !important;
  }
  .width-percent-10-sm {
    width: 10% !important;
  }
  .width-percent-15-sm {
    width: 15% !important;
  }
  .width-percent-20-sm {
    width: 20% !important;
  }
  .width-percent-25-sm {
    width: 25% !important;
  }
  .width-percent-30-sm {
    width: 30% !important;
  }
  .width-percent-35-sm {
    width: 35% !important;
  }
  .width-percent-40-sm {
    width: 40% !important;
  }
  .width-percent-45-sm {
    width: 45% !important;
  }
  .width-percent-50-sm {
    width: 50% !important;
  }
  .width-percent-55-sm {
    width: 55% !important;
  }
  .width-percent-60-sm {
    width: 60% !important;
  }
  .width-percent-65-sm {
    width: 65% !important;
  }
  .width-percent-70-sm {
    width: 70% !important;
  }
  .width-percent-75-sm {
    width: 75% !important;
  }
  .width-percent-80-sm {
    width: 80% !important;
  }
  .width-percent-80-sm {
    width: 80% !important;
  }
  .width-percent-85-sm {
    width: 85% !important;
  }
  .width-percent-90-sm {
    width: 90% !important;
  }
  .width-percent-95-sm {
    width: 95% !important;
  }
  .width-percent-100-sm {
    width: 100% !important;
  }
  .width-5vw-sm {
    width: 5vw !important;
  }
  .width-10vw-sm {
    width: 10vw !important;
  }
  .width-15vw-sm {
    width: 15vw !important;
  }
  .width-20vw-sm {
    width: 20vw !important;
  }
  .width-25vw-sm {
    width: 25vw !important;
  }
  .width-30vw-sm {
    width: 30vw !important;
  }
  .width-35vw-sm {
    width: 35vw !important;
  }
  .width-40vw-sm {
    width: 40vw !important;
  }
  .width-45vw-sm {
    width: 45vw !important;
  }
  .width-50vw-sm {
    width: 50vw !important;
  }
  .width-55vw-sm {
    width: 55vw !important;
  }
  .width-60vw-sm {
    width: 60vw !important;
  }
  .width-65vw-sm {
    width: 65vw !important;
  }
  .width-70vw-sm {
    width: 70vw !important;
  }
  .width-75vw-sm {
    width: 75vw !important;
  }
  .width-80vw-sm {
    width: 80vw !important;
  }
  .width-85vw-sm {
    width: 85vw !important;
  }
  .width-90vw-sm {
    width: 90vw !important;
  }
  .width-95vw-sm {
    width: 95vw !important;
  }
  /* Height */
  .fullheight-sm {
    height: 100% !important;
  }
  .height-full-sm {
    height: 100vw !important;
  }
  .height-auto-sm {
    height: auto !important;
  }
  .height-0-sm {
    height: 0px !important;
  }
  .height-1-sm {
    height: 1px !important;
  }
  .height-2-sm {
    height: 2px !important;
  }
  .height-3-sm {
    height: 3px !important;
  }
  .height-4-sm {
    height: 4px !important;
  }
  .height-5-sm {
    height: 5px !important;
  }
  .height-6-sm {
    height: 6px !important;
  }
  .height-7-sm {
    height: 7px !important;
  }
  .height-8-sm {
    height: 8px !important;
  }
  .height-9-sm {
    height: 9px !important;
  }
  .height-10-sm {
    height: 10px !important;
  }
  .height-11-sm {
    height: 11px !important;
  }
  .height-12-sm {
    height: 12px !important;
  }
  .height-13-sm {
    height: 13px !important;
  }
  .height-14-sm {
    height: 14px !important;
  }
  .height-15-sm {
    height: 15px !important;
  }
  .height-16-sm {
    height: 16px !important;
  }
  .height-17-sm {
    height: 17px !important;
  }
  .height-18-sm {
    height: 18px !important;
  }
  .height-19-sm {
    height: 19px !important;
  }
  .height-20-sm {
    height: 20px !important;
  }
  .height-21-sm {
    height: 21px !important;
  }
  .height-22-sm {
    height: 22px !important;
  }
  .height-23-sm {
    height: 23px !important;
  }
  .height-24-sm {
    height: 24px !important;
  }
  .height-25-sm {
    height: 25px !important;
  }
  .height-26-sm {
    height: 26px !important;
  }
  .height-27-sm {
    height: 27px !important;
  }
  .height-28-sm {
    height: 28px !important;
  }
  .height-29-sm {
    height: 29px !important;
  }
  .height-30-sm {
    height: 30px !important;
  }
  .height-31-sm {
    height: 31px !important;
  }
  .height-32-sm {
    height: 32px !important;
  }
  .height-33-sm {
    height: 33px !important;
  }
  .height-34-sm {
    height: 34px !important;
  }
  .height-35-sm {
    height: 35px !important;
  }
  .height-36-sm {
    height: 36px !important;
  }
  .height-37-sm {
    height: 37px !important;
  }
  .height-38-sm {
    height: 38px !important;
  }
  .height-39-sm {
    height: 39px !important;
  }
  .height-40-sm {
    height: 40px !important;
  }
  .height-41-sm {
    height: 41px !important;
  }
  .height-42-sm {
    height: 42px !important;
  }
  .height-43-sm {
    height: 43px !important;
  }
  .height-44-sm {
    height: 44px !important;
  }
  .height-45-sm {
    height: 45px !important;
  }
  .height-46-sm {
    height: 46px !important;
  }
  .height-47-sm {
    height: 47px !important;
  }
  .height-48-sm {
    height: 48px !important;
  }
  .height-49-sm {
    height: 49px !important;
  }
  .height-50-sm {
    height: 50px !important;
  }
  .height-55-sm {
    height: 55px !important;
  }
  .height-60-sm {
    height: 60px !important;
  }
  .height-65-sm {
    height: 65px !important;
  }
  .height-70-sm {
    height: 70px !important;
  }
  .height-75-sm {
    height: 75px !important;
  }
  .height-80-sm {
    height: 80px !important;
  }
  .height-85-sm {
    height: 85px !important;
  }
  .height-90-sm {
    height: 90px !important;
  }
  .height-95-sm {
    height: 95px !important;
  }
  .height-100-sm {
    height: 100px !important;
  }
  .height-110-sm {
    height: 110px !important;
  }
  .height-120-sm {
    height: 120px !important;
  }
  .height-130-sm {
    height: 130px !important;
  }
  .height-140-sm {
    height: 140px !important;
  }
  .height-150-sm {
    height: 150px !important;
  }
  .height-200-sm {
    height: 200px !important;
  }
  .height-250-sm {
    height: 250px !important;
  }
  .height-300-sm {
    height: 300px !important;
  }
  .height-350-sm {
    height: 350px !important;
  }
  .height-400-sm {
    height: 400px !important;
  }
  .height-450-sm {
    height: 450px !important;
  }
  .height-500-sm {
    height: 500px !important;
  }
  .height-percent-0-sm {
    height: 0;
  }
  .height-percent-5-sm {
    height: 5% !important;
  }
  .height-percent-10-sm {
    height: 10% !important;
  }
  .height-percent-15-sm {
    height: 15% !important;
  }
  .height-percent-20-sm {
    height: 20% !important;
  }
  .height-percent-25-sm {
    height: 25% !important;
  }
  .height-percent-30-sm {
    height: 30% !important;
  }
  .height-percent-35-sm {
    height: 35% !important;
  }
  .height-percent-40-sm {
    height: 40% !important;
  }
  .height-percent-45-sm {
    height: 45% !important;
  }
  .height-percent-50-sm {
    height: 50% !important;
  }
  .height-percent-55-sm {
    height: 55% !important;
  }
  .height-percent-60-sm {
    height: 60% !important;
  }
  .height-percent-65-sm {
    height: 65% !important;
  }
  .height-percent-70-sm {
    height: 70% !important;
  }
  .height-percent-75-sm {
    height: 75% !important;
  }
  .height-percent-80-sm {
    height: 80% !important;
  }
  .height-percent-80-sm {
    height: 80% !important;
  }
  .height-percent-85-sm {
    height: 85% !important;
  }
  .height-percent-90-sm {
    height: 90% !important;
  }
  .height-percent-95-sm {
    height: 95% !important;
  }
  .height-percent-100-sm {
    height: 100% !important;
  }
  .height-5vh-sm {
    height: 5vh !important;
  }
  .height-10vh-sm {
    height: 10vh !important;
  }
  .height-15vh-sm {
    height: 15vh !important;
  }
  .height-20vh-sm {
    height: 20vh !important;
  }
  .height-25vh-sm {
    height: 25vh !important;
  }
  .height-30vh-sm {
    height: 30vh !important;
  }
  .height-35vh-sm {
    height: 35vh !important;
  }
  .height-40vh-sm {
    height: 40vh !important;
  }
  .height-45vh-sm {
    height: 45vh !important;
  }
  .height-50vh-sm {
    height: 50vh !important;
  }
  .height-55vh-sm {
    height: 55vh !important;
  }
  .height-60vh-sm {
    height: 60vh !important;
  }
  .height-65vh-sm {
    height: 65vh !important;
  }
  .height-70vh-sm {
    height: 70vh !important;
  }
  .height-75vh-sm {
    height: 75vh !important;
  }
  .height-80vh-sm {
    height: 80vh !important;
  }
  .height-85vh-sm {
    height: 85vh !important;
  }
  .height-90vh-sm {
    height: 90vh !important;
  }
  .height-95vh-sm {
    height: 95vh !important;
  }
  /* Max & Min Width */
  .mxw-inherit-sm {
    max-width: inherit !important;
  }
  .mxw-full-sm, .mxw-percent-100-sm {
    max-width: 100% !important;
  }
  .mxw-none-sm {
    max-width: none !important
  }
  .mxw-0-sm, .mxw-percent-0-sm {
    max-width: 0px !important;
  }
  .mxw-1-sm {
    max-width: 1px !important;
  }
  .mxw-2-sm {
    max-width: 2px !important;
  }
  .mxw-3-sm {
    max-width: 3px !important;
  }
  .mxw-4-sm {
    max-width: 4px !important;
  }
  .mxw-5-sm {
    max-width: 5px !important;
  }
  .mxw-10-sm {
    max-width: 10px !important;
  }
  .mxw-15-sm {
    max-width: 15px !important;
  }
  .mxw-20-sm {
    max-width: 20px !important;
  }
  .mxw-30-sm {
    max-width: 30px !important;
  }
  .mxw-35-sm {
    max-width: 35px !important;
  }
  .mxw-40-sm {
    max-width: 40px !important;
  }
  .mxw-45-sm {
    max-width: 45px !important;
  }
  .mxw-50-sm {
    max-width: 50px !important;
  }
  .mxw-55-sm {
    max-width: 55px !important;
  }
  .mxw-60-sm {
    max-width: 60px !important;
  }
  .mxw-65-sm {
    max-width: 65px !important;
  }
  .mxw-70-sm {
    max-width: 70px !important;
  }
  .mxw-75-sm {
    max-width: 75px !important;
  }
  .mxw-80-sm {
    max-width: 80px !important;
  }
  .mxw-85-sm {
    max-width: 85px !important;
  }
  .mxw-90-sm {
    max-width: 90px !important;
  }
  .mxw-95-sm {
    max-width: 95px !important;
  }
  .mxw-100-sm {
    max-width: 100px !important;
  }
  .mxw-150-sm {
    max-width: 150px !important;
  }
  .mxw-200-sm {
    max-width: 200px !important;
  }
  .mxw-250-sm {
    max-width: 250px !important;
  }
  .mxw-300-sm {
    max-width: 300px !important;
  }
  .mxw-350-sm {
    max-width: 350px !important;
  }
  .mxw-400-sm {
    max-width: 400px !important;
  }
  .mxw-450-sm {
    max-width: 450px !important;
  }
  .mxw-500-sm {
    max-width: 500px !important;
  }
  .mxw-5vw-sm {
    max-width: 5vw !important;
  }
  .mxw-10vw-sm {
    max-width: 10vw !important;
  }
  .mxw-15vw-sm {
    max-width: 15vw !important;
  }
  .mxw-20vw-sm {
    max-width: 20vw !important;
  }
  .mxw-25vw-sm {
    max-width: 25vw !important;
  }
  .mxw-30vw-sm {
    max-width: 30vw !important;
  }
  .mxw-35vw-sm {
    max-width: 35vw !important;
  }
  .mxw-40vw-sm {
    max-width: 40vw !important;
  }
  .mxw-45vw-sm {
    max-width: 45vw !important;
  }
  .mxw-50vw-sm {
    max-width: 50vw !important;
  }
  .mxw-55vw-sm {
    max-width: 55vw !important;
  }
  .mxw-60vw-sm {
    max-width: 60vw !important;
  }
  .mxw-65vw-sm {
    max-width: 65vw !important;
  }
  .mxw-70vw-sm {
    max-width: 70vw !important;
  }
  .mxw-75vw-sm {
    max-width: 75vw !important;
  }
  .mxw-80vw-sm {
    max-width: 80vw !important;
  }
  .mxw-85vw-sm {
    max-width: 85vw !important;
  }
  .mxw-90vw-sm {
    max-width: 90vw !important;
  }
  .mxw-95vw-sm {
    max-width: 95vw !important;
  }
  .mxw-100vw-sm {
    max-width: 100% !important;
  }
  .mnw-inherit-sm {
    min-width: inherit !important;
  }
  .mnw-full-sm, .mnw-percent-100-sm {
    min-width: 100% !important;
  }
  .mnw-none-sm, .mnw-auto-sm {
    min-width: auto !important
  }
  .mnw-0-sm, .mnw-percent-0-sm {
    min-width: 0px !important;
  }
  .mnw-1-sm {
    min-width: 1px !important;
  }
  .mnw-2-sm {
    min-width: 2px !important;
  }
  .mnw-3-sm {
    min-width: 3px !important;
  }
  .mnw-4-sm {
    min-width: 4px !important;
  }
  .mnw-5-sm {
    min-width: 5px !important;
  }
  .mnw-10-sm {
    min-width: 10px !important;
  }
  .mnw-15-sm {
    min-width: 15px !important;
  }
  .mnw-20-sm {
    min-width: 20px !important;
  }
  .mnw-30-sm {
    min-width: 30px !important;
  }
  .mnw-35-sm {
    min-width: 35px !important;
  }
  .mnw-40-sm {
    min-width: 40px !important;
  }
  .mnw-45-sm {
    min-width: 45px !important;
  }
  .mnw-50-sm {
    min-width: 50px !important;
  }
  .mnw-55-sm {
    min-width: 55px !important;
  }
  .mnw-60-sm {
    min-width: 60px !important;
  }
  .mnw-65-sm {
    min-width: 65px !important;
  }
  .mnw-70-sm {
    min-width: 70px !important;
  }
  .mnw-75-sm {
    min-width: 75px !important;
  }
  .mnw-80-sm {
    min-width: 80px !important;
  }
  .mnw-85-sm {
    min-width: 85px !important;
  }
  .mnw-90-sm {
    min-width: 90px !important;
  }
  .mnw-95-sm {
    min-width: 95px !important;
  }
  .mnw-100-sm {
    min-width: 100px !important;
  }
  .mnw-150-sm {
    min-width: 150px !important;
  }
  .mnw-200-sm {
    min-width: 200px !important;
  }
  .mnw-250-sm {
    min-width: 250px !important;
  }
  .mnw-300-sm {
    min-width: 300px !important;
  }
  .mnw-350-sm {
    min-width: 350px !important;
  }
  .mnw-400-sm {
    min-width: 400px !important;
  }
  .mnw-450-sm {
    min-width: 450px !important;
  }
  .mnw-500-sm {
    min-width: 500px !important;
  }
  .mnw-5vw-sm {
    min-width: 5vw !important;
  }
  .mnw-10vw-sm {
    min-width: 10vw !important;
  }
  .mnw-15vw-sm {
    min-width: 15vw !important;
  }
  .mnw-20vw-sm {
    min-width: 20vw !important;
  }
  .mnw-25vw-sm {
    min-width: 25vw !important;
  }
  .mnw-30vw-sm {
    min-width: 30vw !important;
  }
  .mnw-35vw-sm {
    min-width: 35vw !important;
  }
  .mnw-40vw-sm {
    min-width: 40vw !important;
  }
  .mnw-45vw-sm {
    min-width: 45vw !important;
  }
  .mnw-50vw-sm {
    min-width: 50vw !important;
  }
  .mnw-55vw-sm {
    min-width: 55vw !important;
  }
  .mnw-60vw-sm {
    min-width: 60vw !important;
  }
  .mnw-65vw-sm {
    min-width: 65vw !important;
  }
  .mnw-70vw-sm {
    min-width: 70vw !important;
  }
  .mnw-75vw-sm {
    min-width: 75vw !important;
  }
  .mnw-80vw-sm {
    min-width: 80vw !important;
  }
  .mnw-85vw-sm {
    min-width: 85vw !important;
  }
  .mnw-90vw-sm {
    min-width: 90vw !important;
  }
  .mnw-95vw-sm {
    min-width: 95vw !important;
  }
  .mnw-100vw-sm {
    min-width: 100% !important;
  }
  /* Max & Min Height */
  .mxh-inherit-sm {
    max-height: inherit !important;
  }
  .mxh-full-sm, .mxh-percent-100-sm {
    max-height: 100% !important;
  }
  .mxh-none-sm {
    max-height: none !important
  }
  .mxh-0-sm, .mxh-percent-0-sm {
    max-height: 0px !important;
  }
  .mxh-1-sm {
    max-height: 1px !important;
  }
  .mxh-2-sm {
    max-height: 2px !important;
  }
  .mxh-3-sm {
    max-height: 3px !important;
  }
  .mxh-4-sm {
    max-height: 4px !important;
  }
  .mxh-5-sm {
    max-height: 5px !important;
  }
  .mxh-10-sm {
    max-height: 10px !important;
  }
  .mxh-15-sm {
    max-height: 15px !important;
  }
  .mxh-20-sm {
    max-height: 20px !important;
  }
  .mxh-30-sm {
    max-height: 30px !important;
  }
  .mxh-35-sm {
    max-height: 35px !important;
  }
  .mxh-40-sm {
    max-height: 40px !important;
  }
  .mxh-45-sm {
    max-height: 45px !important;
  }
  .mxh-50-sm {
    max-height: 50px !important;
  }
  .mxh-55-sm {
    max-height: 55px !important;
  }
  .mxh-60-sm {
    max-height: 60px !important;
  }
  .mxh-65-sm {
    max-height: 65px !important;
  }
  .mxh-70-sm {
    max-height: 70px !important;
  }
  .mxh-75-sm {
    max-height: 75px !important;
  }
  .mxh-80-sm {
    max-height: 80px !important;
  }
  .mxh-85-sm {
    max-height: 85px !important;
  }
  .mxh-90-sm {
    max-height: 90px !important;
  }
  .mxh-95-sm {
    max-height: 95px !important;
  }
  .mxh-100-sm {
    max-height: 100px !important;
  }
  .mxh-150-sm {
    max-height: 150px !important;
  }
  .mxh-200-sm {
    max-height: 200px !important;
  }
  .mxh-250-sm {
    max-height: 250px !important;
  }
  .mxh-300-sm {
    max-height: 300px !important;
  }
  .mxh-350-sm {
    max-height: 350px !important;
  }
  .mxh-400-sm {
    max-height: 400px !important;
  }
  .mxh-450-sm {
    max-height: 450px !important;
  }
  .mxh-500-sm {
    max-height: 500px !important;
  }
  .mxh-5vh-sm {
    max-height: 5vh !important;
  }
  .mxh-10vh-sm {
    max-height: 10vh !important;
  }
  .mxh-15vh-sm {
    max-height: 15vh !important;
  }
  .mxh-20vh-sm {
    max-height: 20vh !important;
  }
  .mxh-25vh-sm {
    max-height: 25vh !important;
  }
  .mxh-30vh-sm {
    max-height: 30vh !important;
  }
  .mxh-35vh-sm {
    max-height: 35vh !important;
  }
  .mxh-40vh-sm {
    max-height: 40vh !important;
  }
  .mxh-45vh-sm {
    max-height: 45vh !important;
  }
  .mxh-50vh-sm {
    max-height: 50vh !important;
  }
  .mxh-55vh-sm {
    max-height: 55vh !important;
  }
  .mxh-60vh-sm {
    max-height: 60vh !important;
  }
  .mxh-65vh-sm {
    max-height: 65vh !important;
  }
  .mxh-70vh-sm {
    max-height: 70vh !important;
  }
  .mxh-75vh-sm {
    max-height: 75vh !important;
  }
  .mxh-80vh-sm {
    max-height: 80vh !important;
  }
  .mxh-85vh-sm {
    max-height: 85vh !important;
  }
  .mxh-90vh-sm {
    max-height: 90vh !important;
  }
  .mxh-95vh-sm {
    max-height: 95vh !important;
  }
  .mxh-100vh-sm {
    max-height: 100vh !important;
  }
  .mnh-inherit-sm {
    min-height: inherit !important;
  }
  .mnh-full-sm, .mnh-percent-100-sm {
    min-height: 100% !important;
  }
  .mnh-none-sm, .mnh-auto-sm {
    min-height: auto !important
  }
  .mnh-0-sm, .mnh-percent-0-sm {
    min-height: 0px !important;
  }
  .mnh-1-sm {
    min-height: 1px !important;
  }
  .mnh-2-sm {
    min-height: 2px !important;
  }
  .mnh-3-sm {
    min-height: 3px !important;
  }
  .mnh-4-sm {
    min-height: 4px !important;
  }
  .mnh-5-sm {
    min-height: 5px !important;
  }
  .mnh-10-sm {
    min-height: 10px !important;
  }
  .mnh-15-sm {
    min-height: 15px !important;
  }
  .mnh-20-sm {
    min-height: 20px !important;
  }
  .mnh-30-sm {
    min-height: 30px !important;
  }
  .mnh-35-sm {
    min-height: 35px !important;
  }
  .mnh-40-sm {
    min-height: 40px !important;
  }
  .mnh-45-sm {
    min-height: 45px !important;
  }
  .mnh-50-sm {
    min-height: 50px !important;
  }
  .mnh-55-sm {
    min-height: 55px !important;
  }
  .mnh-60-sm {
    min-height: 60px !important;
  }
  .mnh-65-sm {
    min-height: 65px !important;
  }
  .mnh-70-sm {
    min-height: 70px !important;
  }
  .mnh-75-sm {
    min-height: 75px !important;
  }
  .mnh-80-sm {
    min-height: 80px !important;
  }
  .mnh-85-sm {
    min-height: 85px !important;
  }
  .mnh-90-sm {
    min-height: 90px !important;
  }
  .mnh-95-sm {
    min-height: 95px !important;
  }
  .mnh-100-sm {
    min-height: 100px !important;
  }
  .mnh-150-sm {
    min-height: 150px !important;
  }
  .mnh-200-sm {
    min-height: 200px !important;
  }
  .mnh-250-sm {
    min-height: 250px !important;
  }
  .mnh-300-sm {
    min-height: 300px !important;
  }
  .mnh-350-sm {
    min-height: 350px !important;
  }
  .mnh-400-sm {
    min-height: 400px !important;
  }
  .mnh-450-sm {
    min-height: 450px !important;
  }
  .mnh-500-sm {
    min-height: 500px !important;
  }
  .mnh-5vh-sm {
    min-height: 5vh !important;
  }
  .mnh-10vh-sm {
    min-height: 10vh !important;
  }
  .mnh-15vh-sm {
    min-height: 15vh !important;
  }
  .mnh-20vh-sm {
    min-height: 20vh !important;
  }
  .mnh-25vh-sm {
    min-height: 25vh !important;
  }
  .mnh-30vh-sm {
    min-height: 30vh !important;
  }
  .mnh-35vh-sm {
    min-height: 35vh !important;
  }
  .mnh-40vh-sm {
    min-height: 40vh !important;
  }
  .mnh-45vh-sm {
    min-height: 45vh !important;
  }
  .mnh-50vh-sm {
    min-height: 50vh !important;
  }
  .mnh-55vh-sm {
    min-height: 55vh !important;
  }
  .mnh-60vh-sm {
    min-height: 60vh !important;
  }
  .mnh-65vh-sm {
    min-height: 65vh !important;
  }
  .mnh-70vh-sm {
    min-height: 70vh !important;
  }
  .mnh-75vh-sm {
    min-height: 75vh !important;
  }
  .mnh-80vh-sm {
    min-height: 80vh !important;
  }
  .mnh-85vh-sm {
    min-height: 85vh !important;
  }
  .mnh-90vh-sm {
    min-height: 90vh !important;
  }
  .mnh-95vh-sm {
    min-height: 95vh !important;
  }
  .mnh-100vh-sm {
    min-height: 100vh !important;
  }
  /* Padding */
  .pt-0-sm, .py-0-sm, .p-0-sm, .pm-0-sm {
    padding-top: 0px !important;
  }
  .pt-1-sm, .py-1-sm {
    padding-top: 1px !important;
  }
  .pt-2-sm, .py-2-sm {
    padding-top: 2px !important;
  }
  .pt-3-sm, .py-3-sm {
    padding-top: 3px !important;
  }
  .pt-4-sm, .py-4-sm {
    padding-top: 4px !important;
  }
  .pt-5-sm, .py-5-sm {
    padding-top: 5px !important;
  }
  .pt-10-sm, .py-10-sm {
    padding-top: 10px !important;
  }
  .pt-15-sm, .py-15-sm {
    padding-top: 15px !important;
  }
  .pt-20-sm, .py-20-sm {
    padding-top: 20px !important;
  }
  .pt-25-sm, .py-25-sm {
    padding-top: 25px !important;
  }
  .pt-30-sm, .py-30-sm {
    padding-top: 30px !important;
  }
  .pt-35-sm, .py-35-sm {
    padding-top: 35px !important;
  }
  .pt-40-sm, .py-40-sm {
    padding-top: 40px !important;
  }
  .pt-45-sm, .py-45-sm {
    padding-top: 45px !important;
  }
  .pt-50-sm, .py-50-sm {
    padding-top: 50px !important;
  }
  .pt-55-sm, .py-55-sm {
    padding-top: 55px !important;
  }
  .pt-60-sm, .py-60-sm {
    padding-top: 60px !important;
  }
  .pt-65-sm, .py-65-sm {
    padding-top: 65px !important;
  }
  .pt-70-sm, .py-70-sm {
    padding-top: 70px !important;
  }
  .pt-75-sm, .py-75-sm {
    padding-top: 75px !important;
  }
  .pt-80-sm, .py-80-sm {
    padding-top: 80px !important;
  }
  .pt-85-sm, .py-85-sm {
    padding-top: 85px !important;
  }
  .pt-90-sm, .py-90-sm {
    padding-top: 90px !important;
  }
  .pt-95-sm, .py-95-sm {
    padding-top: 95px !important;
  }
  .pt-100-sm, .py-100-sm {
    padding-top: 100px !important;
  }
  .pt-110-sm, .py-110-sm {
    padding-top: 110px !important;
  }
  .pt-120-sm, .py-120-sm {
    padding-top: 120px !important;
  }
  .pt-130-sm, .py-130-sm {
    padding-top: 130px !important;
  }
  .pt-140-sm, .py-140-sm {
    padding-top: 140px !important;
  }
  .pt-150-sm, .py-150-sm {
    padding-top: 150px !important;
  }
  .pt-200-sm, .py-200-sm {
    padding-top: 200px !important;
  }
  .pr-0-sm, .px-0-sm, .p-0-sm, .pm-0-sm {
    padding-right: 0px !important;
  }
  .pr-1-sm, .px-1-sm {
    padding-right: 1px !important;
  }
  .pr-2-sm, .px-2-sm {
    padding-right: 2px !important;
  }
  .pr-3-sm, .px-3-sm {
    padding-right: 3px !important;
  }
  .pr-4-sm, .px-4-sm {
    padding-right: 4px !important;
  }
  .pr-5-sm, .px-5-sm {
    padding-right: 5px !important;
  }
  .pr-10-sm, .px-10-sm {
    padding-right: 10px !important;
  }
  .pr-15-sm, .px-15-sm {
    padding-right: 15px !important;
  }
  .pr-20-sm, .px-20-sm {
    padding-right: 20px !important;
  }
  .pr-25-sm, .px-25-sm {
    padding-right: 25px !important;
  }
  .pr-30-sm, .px-30-sm {
    padding-right: 30px !important;
  }
  .pr-35-sm, .px-35-sm {
    padding-right: 35px !important;
  }
  .pr-40-sm, .px-40-sm {
    padding-right: 40px !important;
  }
  .pr-45-sm, .px-45-sm {
    padding-right: 45px !important;
  }
  .pr-50-sm, .px-50-sm {
    padding-right: 50px !important;
  }
  .pr-55-sm, .px-55-sm {
    padding-right: 55px !important;
  }
  .pr-60-sm, .px-60-sm {
    padding-right: 60px !important;
  }
  .pr-65-sm, .px-65-sm {
    padding-right: 65px !important;
  }
  .pr-70-sm, .px-70-sm {
    padding-right: 70px !important;
  }
  .pr-75-sm, .px-75-sm {
    padding-right: 75px !important;
  }
  .pr-80-sm, .px-80-sm {
    padding-right: 80px !important;
  }
  .pr-85-sm, .px-85-sm {
    padding-right: 85px !important;
  }
  .pr-90-sm, .px-90-sm {
    padding-right: 90px !important;
  }
  .pr-95-sm, .px-95-sm {
    padding-right: 95px !important;
  }
  .pr-100-sm, .px-100-sm {
    padding-right: 100px !important;
  }
  .pr-110-sm, .px-110-sm {
    padding-right: 110px !important;
  }
  .pr-120-sm, .px-120-sm {
    padding-right: 120px !important;
  }
  .pr-130-sm, .px-130-sm {
    padding-right: 130px !important;
  }
  .pr-140-sm, .px-140-sm {
    padding-right: 140px !important;
  }
  .pr-150-sm, .px-150-sm {
    padding-right: 150px !important;
  }
  .pr-200-sm, .px-200-sm {
    padding-right: 200px !important;
  }
  .pb-0-sm, .py-0-sm, .p-0-sm, .pm-0-sm {
    padding-bottom: 0px !important;
  }
  .pb-1-sm, .py-1-sm {
    padding-bottom: 1px !important;
  }
  .pb-2-sm, .py-2-sm {
    padding-bottom: 2px !important;
  }
  .pb-3-sm, .py-3-sm {
    padding-bottom: 3px !important;
  }
  .pb-4-sm, .py-4-sm {
    padding-bottom: 4px !important;
  }
  .pb-5-sm, .py-5-sm {
    padding-bottom: 5px !important;
  }
  .pb-10-sm, .py-10-sm {
    padding-bottom: 10px !important;
  }
  .pb-15-sm, .py-15-sm {
    padding-bottom: 15px !important;
  }
  .pb-20-sm, .py-20-sm {
    padding-bottom: 20px !important;
  }
  .pb-25-sm, .py-25-sm {
    padding-bottom: 25px !important;
  }
  .pb-30-sm, .py-30-sm {
    padding-bottom: 30px !important;
  }
  .pb-35-sm, .py-35-sm {
    padding-bottom: 35px !important;
  }
  .pb-40-sm, .py-40-sm {
    padding-bottom: 40px !important;
  }
  .pb-45-sm, .py-45-sm {
    padding-bottom: 45px !important;
  }
  .pb-50-sm, .py-50-sm {
    padding-bottom: 50px !important;
  }
  .pb-55-sm, .py-55-sm {
    padding-bottom: 55px !important;
  }
  .pb-60-sm, .py-60-sm {
    padding-bottom: 60px !important;
  }
  .pb-65-sm, .py-65-sm {
    padding-bottom: 65px !important;
  }
  .pb-70-sm, .py-70-sm {
    padding-bottom: 70px !important;
  }
  .pb-75-sm, .py-75-sm {
    padding-bottom: 75px !important;
  }
  .pb-80-sm, .py-80-sm {
    padding-bottom: 80px !important;
  }
  .pb-85-sm, .py-85-sm {
    padding-bottom: 85px !important;
  }
  .pb-90-sm, .py-90-sm {
    padding-bottom: 90px !important;
  }
  .pb-95-sm, .py-95-sm {
    padding-bottom: 95px !important;
  }
  .pb-100-sm, .py-100-sm {
    padding-bottom: 100px !important;
  }
  .pb-110-sm, .py-110-sm {
    padding-bottom: 110px !important;
  }
  .pb-120-sm, .py-120-sm {
    padding-bottom: 120px !important;
  }
  .pb-130-sm, .py-130-sm {
    padding-bottom: 130px !important;
  }
  .pb-140-sm, .py-140-sm {
    padding-bottom: 140px !important;
  }
  .pb-150-sm, .py-150-sm {
    padding-bottom: 150px !important;
  }
  .pb-200-sm, .py-200-sm {
    padding-bottom: 200px !important;
  }
  .pl-0-sm, .px-0-sm, .p-0-sm, .pm-0-sm {
    padding-left: 0px !important;
  }
  .pl-1-sm, .px-1-sm {
    padding-left: 1px !important;
  }
  .pl-2-sm, .px-2-sm {
    padding-left: 2px !important;
  }
  .pl-3-sm, .px-3-sm {
    padding-left: 3px !important;
  }
  .pl-4-sm, .px-4-sm {
    padding-left: 4px !important;
  }
  .pl-5-sm, .px-5-sm {
    padding-left: 5px !important;
  }
  .pl-10-sm, .px-10-sm {
    padding-left: 10px !important;
  }
  .pl-15-sm, .px-15-sm {
    padding-left: 15px !important;
  }
  .pl-20-sm, .px-20-sm {
    padding-left: 20px !important;
  }
  .pl-25-sm, .px-25-sm {
    padding-left: 25px !important;
  }
  .pl-30-sm, .px-30-sm {
    padding-left: 30px !important;
  }
  .pl-35-sm, .px-35-sm {
    padding-left: 35px !important;
  }
  .pl-40-sm, .px-40-sm {
    padding-left: 40px !important;
  }
  .pl-45-sm, .px-45-sm {
    padding-left: 45px !important;
  }
  .pl-50-sm, .px-50-sm {
    padding-left: 50px !important;
  }
  .pl-55-sm, .px-55-sm {
    padding-left: 55px !important;
  }
  .pl-60-sm, .px-60-sm {
    padding-left: 60px !important;
  }
  .pl-65-sm, .px-65-sm {
    padding-left: 65px !important;
  }
  .pl-70-sm, .px-70-sm {
    padding-left: 70px !important;
  }
  .pl-75-sm, .px-75-sm {
    padding-left: 75px !important;
  }
  .pl-80-sm, .px-80-sm {
    padding-left: 80px !important;
  }
  .pl-85-sm, .px-85-sm {
    padding-left: 85px !important;
  }
  .pl-90-sm, .px-90-sm {
    padding-left: 90px !important;
  }
  .pl-95-sm, .px-95-sm {
    padding-left: 95px !important;
  }
  .pl-100-sm, .px-100-sm {
    padding-left: 100px !important;
  }
  .pl-110-sm, .px-110-sm {
    padding-left: 110px !important;
  }
  .pl-120-sm, .px-120-sm {
    padding-left: 120px !important;
  }
  .pl-130-sm, .px-130-sm {
    padding-left: 130px !important;
  }
  .pl-140-sm, .px-140-sm {
    padding-left: 140px !important;
  }
  .pl-150-sm, .px-150-sm {
    padding-left: 150px !important;
  }
  .pl-200-sm, .px-200-sm {
    padding-left: 200px !important;
  }
  /* Gaps */
  .gap-0-sm > * {
    padding: 0px !important;
  }
  .gap-5-sm > * {
    padding: 5px !important;
  }
  .gap-10-sm > * {
    padding: 10px !important;
  }
  /* Margin */
  .mt-auto-sm, .my-auto-sm {
    margin-top: auto !important;
  }
  .mt-0-sm, .my-0-sm, .m-0-sm, .pm-0-sm {
    margin-top: 0px !important;
  }
  .mt-1-sm, .my-1-sm {
    margin-top: 1px !important;
  }
  .mt-2-sm, .my-2-sm {
    margin-top: 2px !important;
  }
  .mt-3-sm, .my-3-sm {
    margin-top: 3px !important;
  }
  .mt-4-sm, .my-4-sm {
    margin-top: 4px !important;
  }
  .mt-5-sm, .my-5-sm {
    margin-top: 5px !important;
  }
  .mt-10-sm, .my-10-sm {
    margin-top: 10px !important;
  }
  .mt-15-sm, .my-15-sm {
    margin-top: 15px !important;
  }
  .mt-20-sm, .my-20-sm {
    margin-top: 20px !important;
  }
  .mt-25-sm, .my-25-sm {
    margin-top: 25px !important;
  }
  .mt-30-sm, .my-30-sm {
    margin-top: 30px !important;
  }
  .mt-35-sm, .my-35-sm {
    margin-top: 35px !important;
  }
  .mt-40-sm, .my-40-sm {
    margin-top: 40px !important;
  }
  .mt-45-sm, .my-45-sm {
    margin-top: 45px !important;
  }
  .mt-50-sm, .my-50-sm {
    margin-top: 50px !important;
  }
  .mt-55-sm, .my-55-sm {
    margin-top: 55px !important;
  }
  .mt-60-sm, .my-60-sm {
    margin-top: 60px !important;
  }
  .mt-65-sm, .my-65-sm {
    margin-top: 65px !important;
  }
  .mt-70-sm, .my-70-sm {
    margin-top: 70px !important;
  }
  .mt-75-sm, .my-75-sm {
    margin-top: 75px !important;
  }
  .mt-80-sm, .my-80-sm {
    margin-top: 80px !important;
  }
  .mt-85-sm, .my-85-sm {
    margin-top: 85px !important;
  }
  .mt-90-sm, .my-90-sm {
    margin-top: 90px !important;
  }
  .mt-95-sm, .my-95-sm {
    margin-top: 95px !important;
  }
  .mt-100-sm, .my-100-sm {
    margin-top: 100px !important;
  }
  .mt-110-sm, .my-110-sm {
    margin-top: 110px !important;
  }
  .mt-120-sm, .my-120-sm {
    margin-top: 120px !important;
  }
  .mt-130-sm, .my-130-sm {
    margin-top: 130px !important;
  }
  .mt-140-sm, .my-140-sm {
    margin-top: 140px !important;
  }
  .mt-150-sm, .my-150-sm {
    margin-top: 150px !important;
  }
  .mt-200-sm, .my-200-sm {
    margin-top: 200px !important;
  }
  .mr-auto-sm, .mx-auto-sm {
    margin-right: auto !important;
  }
  .mr-0-sm, .mx-0-sm, .m-0-sm, .pm-0-sm {
    margin-right: 0px !important;
  }
  .mr-1-sm, .mx-1-sm {
    margin-right: 1px !important;
  }
  .mr-2-sm, .mx-2-sm {
    margin-right: 2px !important;
  }
  .mr-3-sm, .mx-3-sm {
    margin-right: 3px !important;
  }
  .mr-4-sm, .mx-4-sm {
    margin-right: 4px !important;
  }
  .mr-5-sm, .mx-5-sm {
    margin-right: 5px !important;
  }
  .mr-10-sm, .mx-10-sm {
    margin-right: 10px !important;
  }
  .mr-15-sm, .mx-15-sm {
    margin-right: 15px !important;
  }
  .mr-20-sm, .mx-20-sm {
    margin-right: 20px !important;
  }
  .mr-25-sm, .mx-25-sm {
    margin-right: 25px !important;
  }
  .mr-30-sm, .mx-30-sm {
    margin-right: 30px !important;
  }
  .mr-35-sm, .mx-35-sm {
    margin-right: 35px !important;
  }
  .mr-40-sm, .mx-40-sm {
    margin-right: 40px !important;
  }
  .mr-45-sm, .mx-45-sm {
    margin-right: 45px !important;
  }
  .mr-50-sm, .mx-50-sm {
    margin-right: 50px !important;
  }
  .mr-55-sm, .mx-55-sm {
    margin-right: 55px !important;
  }
  .mr-60-sm, .mx-60-sm {
    margin-right: 60px !important;
  }
  .mr-65-sm, .mx-65-sm {
    margin-right: 65px !important;
  }
  .mr-70-sm, .mx-70-sm {
    margin-right: 70px !important;
  }
  .mr-75-sm, .mx-75-sm {
    margin-right: 75px !important;
  }
  .mr-80-sm, .mx-80-sm {
    margin-right: 80px !important;
  }
  .mr-85-sm, .mx-85-sm {
    margin-right: 85px !important;
  }
  .mr-90-sm, .mx-90-sm {
    margin-right: 90px !important;
  }
  .mr-95-sm, .mx-95-sm {
    margin-right: 95px !important;
  }
  .mr-100-sm, .mx-100-sm {
    margin-right: 100px !important;
  }
  .mr-110-sm, .mx-110-sm {
    margin-right: 110px !important;
  }
  .mr-120-sm, .mx-120-sm {
    margin-right: 120px !important;
  }
  .mr-130-sm, .mx-130-sm {
    margin-right: 130px !important;
  }
  .mr-140-sm, .mx-140-sm {
    margin-right: 140px !important;
  }
  .mr-150-sm, .mx-150-sm {
    margin-right: 150px !important;
  }
  .mr-200-sm, .mx-200-sm {
    margin-right: 200px !important;
  }
  .mb-auto-sm, .my-auto-sm {
    margin-bottom: auto !important;
  }
  .mb-0-sm, .my-0-sm, .m-0-sm, .pm-0-sm {
    margin-bottom: 0px !important;
  }
  .mb-1-sm, .my-1-sm {
    margin-bottom: 1px !important;
  }
  .mb-2-sm, .my-2-sm {
    margin-bottom: 2px !important;
  }
  .mb-3-sm, .my-3-sm {
    margin-bottom: 3px !important;
  }
  .mb-4-sm, .my-4-sm {
    margin-bottom: 4px !important;
  }
  .mb-5-sm, .my-5-sm {
    margin-bottom: 5px !important;
  }
  .mb-10-sm, .my-10-sm {
    margin-bottom: 10px !important;
  }
  .mb-15-sm, .my-15-sm {
    margin-bottom: 15px !important;
  }
  .mb-20-sm, .my-20-sm {
    margin-bottom: 20px !important;
  }
  .mb-25-sm, .my-25-sm {
    margin-bottom: 25px !important;
  }
  .mb-30-sm, .my-30-sm {
    margin-bottom: 30px !important;
  }
  .mb-35-sm, .my-35-sm {
    margin-bottom: 35px !important;
  }
  .mb-40-sm, .my-40-sm {
    margin-bottom: 40px !important;
  }
  .mb-45-sm, .my-45-sm {
    margin-bottom: 45px !important;
  }
  .mb-50-sm, .my-50-sm {
    margin-bottom: 50px !important;
  }
  .mb-55-sm, .my-55-sm {
    margin-bottom: 55px !important;
  }
  .mb-60-sm, .my-60-sm {
    margin-bottom: 60px !important;
  }
  .mb-65-sm, .my-65-sm {
    margin-bottom: 65px !important;
  }
  .mb-70-sm, .my-70-sm {
    margin-bottom: 70px !important;
  }
  .mb-75-sm, .my-75-sm {
    margin-bottom: 75px !important;
  }
  .mb-80-sm, .my-80-sm {
    margin-bottom: 80px !important;
  }
  .mb-85-sm, .my-85-sm {
    margin-bottom: 85px !important;
  }
  .mb-90-sm, .my-90-sm {
    margin-bottom: 90px !important;
  }
  .mb-95-sm, .my-95-sm {
    margin-bottom: 95px !important;
  }
  .mb-100-sm, .my-100-sm {
    margin-bottom: 100px !important;
  }
  .mb-110-sm, .my-110-sm {
    margin-bottom: 110px !important;
  }
  .mb-120-sm, .my-120-sm {
    margin-bottom: 120px !important;
  }
  .mb-130-sm, .my-130-sm {
    margin-bottom: 130px !important;
  }
  .mb-140-sm, .my-140-sm {
    margin-bottom: 140px !important;
  }
  .mb-150-sm, .my-150-sm {
    margin-bottom: 150px !important;
  }
  .mb-200-sm, .my-200-sm {
    margin-bottom: 200px !important;
  }
  .ml-auto-sm, .my-auto-sm {
    margin-left: auto !important;
  }
  .ml-0-sm, .mx-0-sm, .m-0-sm, .pm-0-sm {
    margin-left: 0px !important;
  }
  .ml-1-sm, .mx-1-sm {
    margin-left: 1px !important;
  }
  .ml-2-sm, .mx-2-sm {
    margin-left: 2px !important;
  }
  .ml-3-sm, .mx-3-sm {
    margin-left: 3px !important;
  }
  .ml-4-sm, .mx-4-sm {
    margin-left: 4px !important;
  }
  .ml-5-sm, .mx-5-sm {
    margin-left: 5px !important;
  }
  .ml-10-sm, .mx-10-sm {
    margin-left: 10px !important;
  }
  .ml-15-sm, .mx-15-sm {
    margin-left: 15px !important;
  }
  .ml-20-sm, .mx-20-sm {
    margin-left: 20px !important;
  }
  .ml-25-sm, .mx-25-sm {
    margin-left: 25px !important;
  }
  .ml-30-sm, .mx-30-sm {
    margin-left: 30px !important;
  }
  .ml-35-sm, .mx-35-sm {
    margin-left: 35px !important;
  }
  .ml-40-sm, .mx-40-sm {
    margin-left: 40px !important;
  }
  .ml-45-sm, .mx-45-sm {
    margin-left: 45px !important;
  }
  .ml-50-sm, .mx-50-sm {
    margin-left: 50px !important;
  }
  .ml-55-sm, .mx-55-sm {
    margin-left: 55px !important;
  }
  .ml-60-sm, .mx-60-sm {
    margin-left: 60px !important;
  }
  .ml-65-sm, .mx-65-sm {
    margin-left: 65px !important;
  }
  .ml-70-sm, .mx-70-sm {
    margin-left: 70px !important;
  }
  .ml-75-sm, .mx-75-sm {
    margin-left: 75px !important;
  }
  .ml-80-sm, .mx-80-sm {
    margin-left: 80px !important;
  }
  .ml-85-sm, .mx-85-sm {
    margin-left: 85px !important;
  }
  .ml-90-sm, .mx-90-sm {
    margin-left: 90px !important;
  }
  .ml-95-sm, .mx-95-sm {
    margin-left: 95px !important;
  }
  .ml-100-sm, .mx-100-sm {
    margin-left: 100px !important;
  }
  .ml-110-sm, .mx-110-sm {
    margin-left: 110px !important;
  }
  .ml-120-sm, .mx-120-sm {
    margin-left: 120px !important;
  }
  .ml-130-sm, .mx-130-sm {
    margin-left: 130px !important;
  }
  .ml-140-sm, .mx-140-sm {
    margin-left: 140px !important;
  }
  .ml-150-sm, .mx-150-sm {
    margin-left: 150px !important;
  }
  .ml-200-sm, .mx-200-sm {
    margin-left: 200px !important;
  }
  /* Background position */
  .bg-left-sm {
    background-position: left !important;
  }
  .bg-right-sm {
    background-position: right !important;
  }
  .bg-top-sm {
    background-position: top !important;
  }
  .bg-bottom-sm {
    background-position: bottom !important;
  }
  .bg-lefttop-sm {
    background-position: left top !important;
  }
  .bg-leftbottom-sm {
    background-position: left bottom !important;
  }
  .bg-righttop-sm {
    background-position: right top !important;
  }
  .bg-rightbottom-sm {
    background-position: right bottom !important;
  }
  .bg-center-sm {
    background-position: center center !important;
  }
  .bg-none-sm {
    background-image: none !important;
  }
  .bg-cover-sm {
    background-size: cover !important;
  }
  .no-border-sm, .b-none-sm, .b-0-sm {
    border: none !important;
  }
  /* Radius options on mobile */
  .no-radius-sm, .no-radius-hover-sm:hover, .radius-0-hover-sm:hover {
    border-radius: 0 !important;
  }
  .radius-sm-sm, .radius-sm-hover-sm:hover {
    border-radius: 3px !important;
  }
  .radius-sm, .radius-hover-sm:hover {
    border-radius: 6px !important;
  }
  .radius-md-sm, .radius-md-hover-sm:hover {
    border-radius: 12px !important;
  }
  .radius-lg-sm, .radius-lg-hover-sm:hover {
    border-radius: 30px !important;
  }
  .radius-xl-sm, .radius-xl-hover-sm:hover {
    border-radius: 100px !important;
  }
  .radius-inherit-sm {
    border-radius: inherit !important;
  }
  .radius-no-sm, .radius-0-sm {
    border-radius: 0px !important;
  }
  .radius-no-lt-sm {
    border-top-left-radius: 0px !important;
  }
  .radius-no-rt-sm {
    border-top-right-radius: 0px !important;
  }
  .radius-no-lb-sm {
    border-bottom-left-radius: 0px !important;
  }
  .radius-no-rb-sm {
    border-bottom-right-radius: 0px !important;
  }
  .radius-no-right-sm {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .radius-no-left-sm {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
  }
  .radius-no-bottom-sm {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .radius-no-top-sm {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  /* Buttons on mobile */
  .btn-xs {
    padding: 10px 20px 9px;
    font-size: 12px;
  }
  .btn-sm {
    padding: 12px 24px 11px;
    font-size: 13px;
  }
  .btn-md {
    padding: 14px 31px 13px;
    font-size: 14px;
  }
  .btn-lg {
    padding: 16px 38px 15px;
    font-size: 15px;
  }
  .btn-xl {
    padding: 18px 44px 17px;
    font-size: 15px;
  }
}