/**************************************************************************************************************************************************************
	* ARNO SYSTEM v4.0.0. - Bootsrap 5.2.0.
**************************************************************************************************************************************************************/

@import "css/hover.css";
@import "css/animate.css";
@import "css/magnific-popup.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css";

@import "arno-plugin.css";
@import "arno-theme.css";

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

@font-face {
  font-family: "Basic Sans";
  src: url("font/basic-sans-alt-cnd-regular.woff2") format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: "Basic Sans";
  src: url("font/basic-sans-alt-cnd-black.woff2") format("woff2");
  font-weight: 700;
}

@font-face {
  font-family: "Intro Cond";
  src: url("font/intro-cond-clack-light.woff2") format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: "Intro Cond";
  src: url("font/intro-cond-clack-bold.woff2") format("woff2");
  font-weight: 700;
}

:root {
  --size-default: clamp(16px, 3vw, 20px); /*576px felett 20px, alatta 16px*/
  --size-lead: clamp(20px, 3vw, 26px); /*576px felett 26px, alatta 20px*/

  --font-default: "Open Sans", arial;
  --font-sec: "Intro Cond", arial;
  --font-thi: "Basic Sans", arial;
  --text: #23254f;

  --bc01: #4f9bac;
  --bc02: #23254f;
  --bc03: #75a737;
  --bc04: #00e7e7;
  --bc05: #19e194;
  --bc06: #ffc401;

  --blue: #0d6efd;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #d63384;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #198754;
  --sea: #20c997;
  --cyan: #0dcaf0;
  --gold: #d4af37;
  --bronze: #97632f;
  --silver: #676974;

  --black: #000000;
  --gray: #363636;
  --gray90: #292929;
  --gray80: #545454;
  --gray70: #696969;
  --gray60: #7f7f7f;
  --gray50: #949494;
  --gray40: #a9a9a9;
  --gray30: #bebebe;
  --gray20: #d4d4d4;
  --gray10: #e9e9e9;
  --gray5: #f4f4f4;
  --white: #fff;

  --bp-xs: 0px;
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 992px;
  --bp-xl: 1200px;
  --bp-xxl: 1400px;
}

/* ÚJ SZÍN SABLON*/
/*
.btn.line-COLORXXX,
.color-COLORXXX {
  color: var(--COLORXXX) !important;
}

.bg-COLORXXX,
.btn-COLORXXX,
.line-COLORXXX.btn:hover {
  background: var(--COLORXXX) !important;
}

.border-COLORXXX,
.line-COLORXXX {
  border-color: var(--COLORXXX) !important;
}
*/

.btn.line-bc01,
.color-bc01 {
  color: var(--bc01) !important;
}

.bg-bc01,
.btn-bc01,
.line-bc01.btn:hover {
  background: var(--bc01) !important;
}

.border-bc01,
.line-bc01 {
  border-color: var(--bc01) !important;
}

.btn.line-bc02,
.color-bc02 {
  color: var(--bc02) !important;
}

.bg-bc02,
.btn-bc02,
.line-bc02.btn:hover {
  background: var(--bc02) !important;
}

.border-bc02,
.line-bc02 {
  border-color: var(--bc02) !important;
}

.btn.line-bc03,
.color-bc03 {
  color: var(--bc03) !important;
}

.bg-bc03,
.btn-bc03,
.line-bc03.btn:hover {
  background: var(--bc03) !important;
}

.border-bc03,
.line-bc03 {
  border-color: var(--bc03) !important;
}

.btn.line-bc04,
.color-bc04 {
  color: var(--bc04) !important;
}

.bg-bc04,
.btn-bc04,
.line-bc04.btn:hover {
  background: var(--bc04) !important;
}

.border-bc04,
.line-bc04 {
  border-color: var(--bc04) !important;
}

.btn.line-bc05,
.color-bc05 {
  color: var(--bc05) !important;
}

.bg-bc05,
.btn-bc05,
.line-bc05.btn:hover {
  background: var(--bc05) !important;
}

.border-bc05,
.line-bc05 {
  border-color: var(--bc05) !important;
}

.btn.line-bc06,
.color-bc06 {
  color: var(--bc06) !important;
}

.bg-bc06,
.btn-bc06,
.line-bc06.btn:hover {
  background: var(--bc06) !important;
}

.border-bc06,
.line-bc06 {
  border-color: var(--bc06) !important;
}

.btn.line-blue,
.color-blue {
  color: var(--blue) !important;
}

.bg-blue,
.btn-blue,
.line-blue.btn:hover {
  background: var(--blue) !important;
}

.border-blue,
.line-blue {
  border-color: var(--blue) !important;
}
.btn.line-indigo,
.color-indigo {
  color: var(--indigo) !important;
}

.bg-indigo,
.btn-indigo,
.line-indigo.btn:hover {
  background: var(--indigo) !important;
}

.border-indigo,
.line-indigo {
  border-color: var(--indigo) !important;
}
.btn.line-purple,
.color-purple {
  color: var(--purple) !important;
}

.bg-purple,
.btn-purple,
.line-purple.btn:hover {
  background: var(--purple) !important;
}

.border-purple,
.line-purple {
  border-color: var(--purple) !important;
}
.btn.line-pink,
.color-pink {
  color: var(--pink) !important;
}

.bg-pink,
.btn-pink,
.line-pink.btn:hover {
  background: var(--pink) !important;
}

.border-pink,
.line-pink {
  border-color: var(--pink) !important;
}
.btn.line-red,
.color-red {
  color: var(--red) !important;
}

.bg-red,
.btn-red,
.line-red.btn:hover {
  background: var(--red) !important;
}

.border-red,
.line-red {
  border-color: var(--red) !important;
}
.btn.line-orange,
.color-orange {
  color: var(--orange) !important;
}

.bg-orange,
.btn-orange,
.line-orange.btn:hover {
  background: var(--orange) !important;
}

.border-orange,
.line-orange {
  border-color: var(--orange) !important;
}
.btn.line-yellow,
.color-yellow {
  color: var(--yellow) !important;
}

.bg-yellow,
.btn-yellow,
.line-yellow.btn:hover {
  background: var(--yellow) !important;
}

.border-yellow,
.line-yellow {
  border-color: var(--yellow) !important;
}
.btn.line-green,
.color-green {
  color: var(--green) !important;
}

.bg-green,
.btn-green,
.line-green.btn:hover {
  background: var(--green) !important;
}

.border-green,
.line-green {
  border-color: var(--green) !important;
}
.btn.line-sea,
.color-sea {
  color: var(--sea) !important;
}

.bg-sea,
.btn-sea,
.line-sea.btn:hover {
  background: var(--sea) !important;
}

.border-sea,
.line-sea {
  border-color: var(--sea) !important;
}
.btn.line-cyan,
.color-cyan {
  color: var(--cyan) !important;
}

.bg-cyan,
.btn-cyan,
.line-cyan.btn:hover {
  background: var(--cyan) !important;
}

.border-cyan,
.line-cyan {
  border-color: var(--cyan) !important;
}

.btn.line-gold,
.color-gold {
  color: var(--gold) !important;
}

.bg-gold,
.btn-gold,
.line-gold.btn:hover {
  background: var(--gold) !important;
}

.border-gold,
.line-gold {
  border-color: var(--gold) !important;
}
.btn.line-bronze,
.color-bronze {
  color: var(--bronze) !important;
}

.bg-bronze,
.btn-bronze,
.line-bronze.btn:hover {
  background: var(--bronze) !important;
}

.border-bronze,
.line-bronze {
  border-color: var(--bronze) !important;
}
.btn.line-silver,
.color-silver {
  color: var(--silver) !important;
}

.bg-silver,
.btn-silver,
.line-silver.btn:hover {
  background: var(--silver) !important;
}

.border-silver,
.line-silver {
  border-color: var(--silver) !important;
}
.btn.line-black,
.color-black {
  color: var(--black) !important;
}

.bg-black,
.btn-black,
.line-black.btn:hover {
  background: var(--black) !important;
}

.border-black,
.line-black {
  border-color: var(--black) !important;
}
.btn.line-gray,
.color-gray {
  color: var(--gray) !important;
}

.bg-gray,
.btn-gray,
.line-gray.btn:hover {
  background: var(--gray) !important;
}

.border-gray,
.line-gray {
  border-color: var(--gray) !important;
}
.btn.line-gray90,
.color-gray90 {
  color: var(--gray90) !important;
}

.bg-gray90,
.btn-gray90,
.line-gray90.btn:hover {
  background: var(--gray90) !important;
}

.border-gray90,
.line-gray90 {
  border-color: var(--gray90) !important;
}
.btn.line-gray80,
.color-gray80 {
  color: var(--gray80) !important;
}

.bg-gray80,
.btn-gray80,
.line-gray80.btn:hover {
  background: var(--gray80) !important;
}

.border-gray80,
.line-gray80 {
  border-color: var(--gray80) !important;
}
.btn.line-gray70,
.color-gray70 {
  color: var(--gray70) !important;
}

.bg-gray70,
.btn-gray70,
.line-gray70.btn:hover {
  background: var(--gray70) !important;
}

.border-gray70,
.line-gray70 {
  border-color: var(--gray70) !important;
}
.btn.line-gray60,
.color-gray60 {
  color: var(--gray60) !important;
}

.bg-gray60,
.btn-gray60,
.line-gray60.btn:hover {
  background: var(--gray60) !important;
}

.border-gray60,
.line-gray60 {
  border-color: var(--gray60) !important;
}
.btn.line-gray50,
.color-gray50 {
  color: var(--gray50) !important;
}

.bg-gray50,
.btn-gray50,
.line-gray50.btn:hover {
  background: var(--gray50) !important;
}

.border-gray50,
.line-gray50 {
  border-color: var(--gray50) !important;
}
.btn.line-gray40,
.color-gray40 {
  color: var(--gray40) !important;
}

.bg-gray40,
.btn-gray40,
.line-gray40.btn:hover {
  background: var(--gray40) !important;
}

.border-gray40,
.line-gray40 {
  border-color: var(--gray40) !important;
}
.btn.line-gray30,
.color-gray30 {
  color: var(--gray30) !important;
}

.bg-gray30,
.btn-gray30,
.line-gray30.btn:hover {
  background: var(--gray30) !important;
}

.border-gray30,
.line-gray30 {
  border-color: var(--gray30) !important;
}
.btn.line-gray20,
.color-gray20 {
  color: var(--gray20) !important;
}

.bg-gray20,
.btn-gray20,
.line-gray20.btn:hover {
  background: var(--gray20) !important;
}

.border-gray20,
.line-gray20 {
  border-color: var(--gray20) !important;
}
.btn.line-gray10,
.color-gray10 {
  color: var(--gray10) !important;
}

.bg-gray10,
.btn-gray10,
.line-gray10.btn:hover {
  background: var(--gray10) !important;
}

.border-gray10,
.line-gray10 {
  border-color: var(--gray10) !important;
}
.btn.line-gray5,
.color-gray5 {
  color: var(--gray5) !important;
}

.bg-gray5,
.btn-gray5,
.line-gray5.btn:hover {
  background: var(--gray5) !important;
}

.border-gray5,
.line-gray5 {
  border-color: var(--gray5) !important;
}
.btn.line-white,
.color-white {
  color: var(--white) !important;
}

.bg-white,
.btn-white,
.line-white.btn:hover {
  background: var(--white) !important;
}

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

/* ============================================================
HTML / BODY
============================================================ */
/* html {
  scroll-behavior: smooth;
  overflow-x: hidden;
} */

body {
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

/* ============================================================
	TEXT AND PARAGRAPHS / LINKS
============================================================ */

.font-def {
  font-family: var(--font-default) !important;
}
.font-sec {
  font-family: var(--font-sec) !important;
}

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

p,
p.lead {
  font-family: var(--font-default) !important;
  color: var(--text);
  font-weight: 400;
  line-height: 1.45;
}

p {
  font-size: var(--size-default);
}

p.lead {
  font-size: var(--size-lead);
}

p + p {
  margin: 25px 0;
}

a {
  text-decoration: none !important;
}

p > a {
  text-decoration: none !important;
  color: inherit !important;
  font-weight: inherit !important;
}

p > a:hover {
  opacity: 0.55;
}

p > a,
a.line-link {
  text-decoration: underline !important;
}
.link-blue a,
a.link-blue {
  color: #0054ff !important;
}
.link-blue a:hover,
a:hover.link-blue {
  color: #092e79 !important;
}

label a {
  color: #e1e1e1;
  text-decoration: underline !important;
}
label a:hover {
  color: #e1e1e1;
  opacity: 0.55;
}

b {
  font-weight: 600;
}

p > b {
  font-weight: 600;
  color: color: var(--text);
}
strong {
  font-weight: 800;
  color: var(--gray50);
}

/* ============================================================
	H1, H2, H3, H4, H5, H6 / TEXT STYLE
============================================================ */

/* HOSSZU SZAVAK ELVÁLASZTÁSA: ­ vagy ‐ */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  /*Hyphens: automatikus elválasztás*/
  color: var(--text) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-sec) !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
  margin-top: 15px;
}

h1,
h2,
h3 {
  font-weight: 800 !important;
  margin-bottom: 30px;
}
h4,
h5,
h6 {
  font-weight: 600 !important;
  margin-bottom: 15px;
}

h1,
.h1 {
  /* font-size: clamp(75px, 3vw, 85px); */
  font-size: calc(45px + (75 - 60) * ((100vw - 300px) / (1600 - 300)));
}
h2,
.h2 {
  /* font-size: clamp(65px, 1vw, 70px); */
  font-size: calc(35px + (65 - 50) * ((100vw - 300px) / (1600 - 300)));
}
h3,
.h3 {
  /* font-size: clamp(55px, 3vw, 60px); */
  font-size: calc(28px + (55 - 43) * ((100vw - 300px) / (1600 - 300)));
}
h4,
.h4 {
  /* font-size: clamp(35px, 3vw, 40px); */
  font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
}
h5,
.h5 {
  /* font-size: clamp(28px, 3vw, 35px); */
  font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300)));
}
h6,
.h6 {
  /* font-size: clamp(24px, 3vw, 28px); */
  font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
}

.no-transform,
h1.no-transform,
h2.no-transform,
h3.no-transform,
h4.no-transform,
h5.no-transform,
h6.no-transform {
  text-transform: none !important;
}

.uc-transform,
h1.uc-transform,
h2.uc-transform,
h3.uc-transform,
h4.uc-transform,
h5.uc-transform,
h6.uc-transform {
  text-transform: uppercase !important;
}

.f-100 {
  font-weight: 100 !important;
}
.f-200 {
  font-weight: 200 !important;
}
.f-300 {
  font-weight: 300 !important;
}
.f-400 {
  font-weight: 400 !important;
}
.f-500 {
  font-weight: 500 !important;
}
.f-600 {
  font-weight: 600 !important;
}
.f-700 {
  font-weight: 700 !important;
}
.f-800 {
  font-weight: 800 !important;
}
.f-900 {
  font-weight: 900 !important;
}

p.fs-10,
.fs-10 {
  font-size: 10px !important;
}
p.fs-12,
.fs-12 {
  font-size: 12px !important;
}
p.fs-14,
.fs-14 {
  font-size: 14px !important;
}
p.fs-16,
.fs-16 {
  font-size: 16px !important;
}
p.fs-18,
.fs-18 {
  font-size: 18px !important;
}
p.fs-20,
.fs-20 {
  font-size: 20px !important;
}
p.fs-22,
.fs-22 {
  font-size: 22px !important;
}
p.fs-24,
.fs-24 {
  font-size: 24px !important;
}
p.fs-26,
.fs-26 {
  font-size: 26px !important;
}
p.fs-28,
.fs-28 {
  font-size: 28px !important;
}
p.fs-30,
.fs-30 {
  font-size: 30px !important;
}
p.fs-32,
.fs-32 {
  font-size: 32px !important;
}
p.fs-34,
.fs-34 {
  font-size: 34px !important;
}
p.fs-36,
.fs-36 {
  font-size: 36px !important;
}
p.fs-38,
.fs-38 {
  font-size: 38px !important;
}
p.fs-40,
.fs-40 {
  font-size: 40px !important;
}
p.fs-42,
.fs-42 {
  font-size: 42px !important;
}
p.fs-44,
.fs-44 {
  font-size: 44px !important;
}
p.fs-46,
.fs-46 {
  font-size: 46px !important;
}
p.fs-48,
.fs-48 {
  font-size: 48px !important;
}
p.fs-50,
.fs-50 {
  font-size: 50px !important;
}

p.lh-06,
.lh-06 {
  line-height: 0.6 !important;
}
p.lh-08,
.lh-08 {
  line-height: 0.8 !important;
}
p.lh-1,
.lh-1 {
  line-height: 1 !important;
}
p.lh-11,
.lh-11 {
  line-height: 1.1 !important;
}
p.lh-12,
.lh-12 {
  line-height: 1.2 !important;
}
p.lh-13,
.lh-13 {
  line-height: 1.3 !important;
}
p.lh-14,
.lh-14 {
  line-height: 1.4 !important;
}
p.lh-15,
.lh-15 {
  line-height: 1.5 !important;
}
p.lh-16,
.lh-16 {
  line-height: 1.6 !important;
}
p.lh-17,
.lh-17 {
  line-height: 1.7 !important;
}
p.lh-18,
.lh-18 {
  line-height: 1.8 !important;
}
p.lh-19,
.lh-19 {
  line-height: 1.9 !important;
}
p.lh-20,
.lh-20 {
  line-height: 2 !important;
}

blockquote {
  border-left: 5px solid var(--forest);
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.025);
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6,
blockquote p,
blockquote small {
  color: var(--gray40);
  font-style: italic;
  line-height: 1.4;
}

blockquote p {
  font-size: 18px;
}
blockquote small {
  font-size: 15px;
}

/* ============================================================
	BTN / LINKS transition
============================================================ */

a,
.btn,
button,
.icon,
h1,
h2,
h3,
h4,
h5,
h6,
button:after,
button:before,
a > img,
.anim-link {
  -webkit-transition: all 0.25s !important;
  -moz-transition: all 0.25s !important;
  -o-transition: all 0.25s !important;
  transition: all 0.25s !important;
}

a:hover,
.btn:hover,
button:hover,
button:hover:after,
button:hover:before,
a:hover > img,
.anim-link:hover {
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

/* ============================================================
	BTN / GOMBOK
============================================================ */

.radius-5,
.btn-r5 {
  border-radius: 5px !important;
}
.radius-10,
.btn-r10 {
  border-radius: 10px !important;
}
.radius-15,
.btn-r15 {
  border-radius: 15px !important;
}
.radius-20,
.btn-r20 {
  border-radius: 20px !important;
}
.radius-25,
.btn-r25 {
  border-radius: 25px !important;
}
.radius-30,
.btn-r30 {
  border-radius: 30px !important;
}
.radius-35,
.btn-r35 {
  border-radius: 35px !important;
}
.radius-40,
.btn-r40 {
  border-radius: 40px !important;
}
.radius-45,
.btn-r45 {
  border-radius: 45px !important;
}
.radius-50,
.btn-r50 {
  border-radius: 50px !important;
}
.btn-r {
  border-radius: 100px !important;
}

.btn {
  font-size: 15px;
  font-weight: 400;
  font-family: var(--font-default);
  line-height: 1.4;
  text-align: center;
  color: var(--white);
  padding: 10px 35px !important;
  margin: 0;
  margin-bottom: 5px;
  background-image: none;
  border: none;
  border-radius: 0px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  outline: none;

  border: 2px solid transparent;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;

  -webkit-transform: perspective(0) translateZ(0);
  transform: perspective(0px) translateZ(0);
}

.btn-line {
  font-weight: 500;
}
.btn.btn-white {
  color: #292929 !important;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 15px 45px !important;
  font-size: 18px;
}

.btn-md,
.btn-default,
.btn-group-md > .btn {
  padding: 10px 35px !important;
  font-size: 15px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 8px 25px !important;
  font-size: 12px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 5px 15px !important;
  font-size: 11px;
}

.btn:hover {
  text-decoration: none;
  outline: 0;
  border: 2px solid rgba(0, 0, 0, 0.35) !important;
  -webkit-transition-duration: 0.1s !important;
  transition-duration: 0.1s !important;
  color: var(--white);
}

.btn span {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  animation: ripple 1s;
  opacity: 0;
  color: transparent;
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(12);
  }
}

.btn:after,
.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;

  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);

  -webkit-transition-property: transform;
  transition-property: transform;

  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.btn:after {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background: rgba(0, 0, 0, 0.2);
}

.btn:before {
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  background: rgba(0, 0, 0, 0.1);
}

.btn:hover:after,
.btn:hover:before {
  -webkit-transform: scale(12);
  transform: scale(12);
}

.btn:active,
.btn.active,
.btn:focus,
.btn.focus {
  outline: 0 !important;
  filter: brightness(125%) !important;
  -webkit-filter: brightness(135%) !important;
  box-shadow: none !important;
}

.btn-line.btn:active,
.btn-line.btn.active,
.btn-line.btn:focus,
.btn-line.btn.focus {
  outline: 0 !important;
  filter: brightness(100%) !important;
  -webkit-filter: brightness(100%) !important;
  box-shadow: none !important;
}

.btn-line.btn:hover {
  color: #fff !important;

  -webkit-transition: all 0.25s !important;
  -moz-transition: all 0.25s !important;
  -o-transition: all 0.25s !important;
  transition: all 0.25s !important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

.btn-link {
  font-size: 14px;
  font-family: var(--font-default);
  color: #898989 !important;
  text-decoration: underline !important;
  border: 0;
  background: transparent;
  padding: 3px 15px 7px !important;
}

.btn-link:hover {
  opacity: 0.6;
}

.btn-play {
  width: 60px !important;
  height: 60px !important;
  padding: 15px !important;
  margin: 0px;
  font-size: 13px;
  line-height: 28px !important;
  color: var(--forest);
  border: 2px solid rgba(var(--forest-rgb), 0.75);
}

/* ============================================================
   HELPING
============================================================ */
.tb-o {
  border: 1px solid orange !important;
}
.tb-i {
  border: 1px solid indigo !important;
}
.tb-m {
  border: 1px solid magenta !important;
}
.tb-r {
  border: 1px solid red !important;
}
.tb-c {
  border: 1px solid cyan !important;
}
.tb-g {
  border: 1px solid gold !important;
}
.tb-l {
  border: 1px solid lime !important;
}
.tb-p {
  border: 1px solid pink !important;
}
.tb-b {
  border: 1px solid blue !important;
}
.tb-t {
  border: 1px solid transparent !important;
}

.ht-100 {
  height: 100px;
}
.ht-200 {
  height: 200px;
}
.ht-300 {
  height: 300px;
}
.ht-400 {
  height: 400px;
}
.ht-500 {
  height: 500px;
}
.ht-600 {
  height: 600px;
}
.ht-700 {
  height: 700px;
}
.ht-800 {
  height: 800px;
}
.ht-900 {
  height: 900px;
}

.help {
  width: 30px;
  height: 60px;
  z-index: 999999;
  position: fixed;
  float: left;
  bottom: 15px;
  border-right: 15px solid rgba(0, 0, 0, 0.25);
  opacity: 0.75;
  text-align: center !important;
}
.help::before {
  font-size: 15px;
  font-family: "Arial";
  text-align: center !important;
  font-weight: 400;
}
.help::after {
  content: "";
  width: 30px;
  height: 60px;
  background: rgba(0, 0, 0, 0.25);
  border-left: 15px solid rgba(0, 0, 0, 0.15);
  position: fixed;
  right: 0;
  bottom: 15px;
}

/* XS */
@media (min-width: 0px) {
  .help {
    background: pink;
  }
  .help::before {
    content: "XS";
  }
}
/* SM */
@media (min-width: 576px) {
  .help {
    background: red;
  }
  .help::before {
    content: "SM";
  }
}
/* MD */
@media (min-width: 768px) {
  .help {
    background: gold;
  }
  .help::before {
    content: "MD";
  }
}
/* LG */
@media (min-width: 992px) {
  .help {
    background: lime;
  }
  .help::before {
    content: "LG";
  }
}
/* XL */
@media (min-width: 1200px) {
  .help {
    background: cyan;
  }
  .help::before {
    content: "XL";
  }
}
/* XXL */
@media (min-width: 1400px) {
  .help {
    background: orange;
  }
  .help::before {
    content: "XXL";
  }
}

/* ============================================================
	SECTION PADDING / MARGIN
============================================================ */

.section-my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.section-my-30,
.section-my-60,
.section-my-90,
.section-my-120 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.section-py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.section-py-30,
.section-py-60,
.section-py-90,
.section-py-120 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-mx-15,
.section-mx-30,
.section-mx-60,
.section-mx-90,
.section-mx-120 {
  margin-left: 15px;
  margin-right: 15px;
}

.section-px-15,
.section-px-30,
.section-px-60,
.section-px-90,
.section-px-120 {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .section-my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .section-my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .section-my-60 {
    margin-top: calc(60px / 1.25);
    margin-bottom: calc(60px / 1.25);
  }
  .section-my-90 {
    margin-top: calc(90px / 1.5);
    margin-bottom: calc(90px / 1.5);
  }
  .section-my-120 {
    margin-top: calc(120px / 1.75);
    margin-bottom: calc(120px / 1.75);
  }

  .section-py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-py-60 {
    padding-top: calc(60px / 1.25);
    padding-bottom: calc(60px / 1.25);
  }
  .section-py-90 {
    padding-top: calc(90px / 1.5);
    padding-bottom: calc(90px / 1.5);
  }
  .section-py-120 {
    padding-top: calc(120px / 1.75);
    padding-bottom: calc(120px / 1.75);
  }

  .section-mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .section-mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .section-mx-60 {
    margin-left: calc(60px / 1.25);
    margin-right: calc(60px / 1.25);
  }
  .section-mx-90 {
    margin-left: calc(90px / 1.5);
    margin-right: calc(90px / 1.5);
  }
  .section-mx-120 {
    margin-left: calc(120px / 1.75);
    margin-right: calc(120px / 1.75);
  }

  .section-px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section-px-30 {
    padding-left: 30px !important;
    padding-right: 30px;
  }
  .section-px-60 {
    padding-left: calc(60px / 1.25);
    padding-right: calc(60px / 1.25);
  }
  .section-px-90 {
    padding-left: calc(90px / 1.5);
    padding-right: calc(90px / 1.5);
  }
  .section-px-120 {
    padding-left: calc(120px / 1.75);
    padding-right: calc(120px / 1.75);
  }
}

@media (min-width: 991px) {
  .section-my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .section-my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .section-my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .section-my-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .section-my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .section-py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section-mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .section-mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .section-mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .section-mx-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .section-mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .section-px-15 {
    padding-left: 15px;
    padding-right: 15px !important;
  }
  .section-px-30 {
    padding-left: 30px;
    padding-right: 30px !important;
  }
  .section-px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .section-px-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .section-px-120 {
    padding-left: 120px;
    padding-right: 120px !important;
  }
}

/* ============================================================
	TEXT container
============================================================ */

.text-p-l {
  padding-left: 8% !important;
  padding-right: 0 !important;
}
.text-p-r {
  padding-left: 0 !important;
  padding-right: 8% !important;
}

@media (max-width: 768px) {
  .text-p-l,
  .text-p-r {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/* ============================================================
	PADDING, MARGIN, TEXT CENTER, ETC.
============================================================ */

/* PADDING */
.p-0 {
  padding: 0px !important;
}
.pt-0,
.py-0 {
  padding-top: 0px !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0px !important;
}
.pr-0,
.px-0 {
  padding-right: 0px !important;
}
.pl-0,
.px-0 {
  padding-left: 0px !important;
}

.p-5 {
  padding: 5px !important;
}
.pt-5,
.py-5 {
  padding-top: 5px !important;
}
.pb-5,
.py-5 {
  padding-bottom: 5px !important;
}
.pr-5,
.px-5 {
  padding-right: 5px !important;
}
.pl-5,
.px-5 {
  padding-left: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.pt-10,
.py-10 {
  padding-top: 10px !important;
}
.pb-10,
.py-10 {
  padding-bottom: 10px !important;
}
.pr-10,
.px-10 {
  padding-right: 10px !important;
}
.pl-10,
.px-10 {
  padding-left: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.pt-15,
.py-15 {
  padding-top: 15px !important;
}
.pb-15,
.py-15 {
  padding-bottom: 15px !important;
}
.pr-15,
.px-15 {
  padding-right: 15px !important;
}
.pl-15,
.px-15 {
  padding-left: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.pt-20,
.py-20 {
  padding-top: 20px !important;
}
.pb-20,
.py-20 {
  padding-bottom: 20px !important;
}
.pr-20,
.px-20 {
  padding-right: 20px !important;
}
.pl-20,
.px-20 {
  padding-left: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.pt-25,
.py-25 {
  padding-top: 25px !important;
}
.pb-25,
.py-25 {
  padding-bottom: 25px !important;
}
.pr-25,
.px-25 {
  padding-right: 25px !important;
}
.pl-25,
.px-25 {
  padding-left: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.pt-30,
.py-30 {
  padding-top: 30px !important;
}
.pb-30,
.py-30 {
  padding-bottom: 30px !important;
}
.pr-30,
.px-30 {
  padding-right: 30px !important;
}
.pl-30,
.px-30 {
  padding-left: 30px !important;
}
.p-35 {
  padding: 35px !important;
}
.pt-35,
.py-35 {
  padding-top: 35px !important;
}
.pb-35,
.py-35 {
  padding-bottom: 35px !important;
}
.pr-35,
.px-35 {
  padding-right: 35px !important;
}
.pl-35,
.px-35 {
  padding-left: 35px !important;
  padding: 40px !important;
}
.pt-40,
.py-40 {
  padding-top: 40px !important;
}
.pb-40,
.py-40 {
  padding-bottom: 40px !important;
}
.pr-40,
.px-40 {
  padding-right: 40px !important;
}
.pl-40,
.px-40 {
  padding-left: 40px !important;
}
.p-45 {
  padding: 45px !important;
}
.pt-45,
.py-45 {
  padding-top: 45px !important;
}
.pb-45,
.py-45 {
  padding-bottom: 45px !important;
}
.pr-45,
.px-45 {
  padding-right: 45px !important;
}
.pl-45,
.px-45 {
  padding-left: 45px !important;
}
.p-50 {
  padding: 50px !important;
}
.pt-50,
.py-50 {
  padding-top: 50px !important;
}
.pb-50,
.py-50 {
  padding-bottom: 50px !important;
}
.pr-50,
.px-50 {
  padding-right: 50px !important;
}
.pl-50,
.px-50 {
  padding-left: 50px !important;
}
.p-55 {
  padding: 55px !important;
}
.pt-55,
.py-55 {
  padding-top: 55px !important;
}
.pb-55,
.py-55 {
  padding-bottom: 55px !important;
}
.pr-55,
.px-55 {
  padding-right: 55px !important;
}
.pl-55,
.px-55 {
  padding-left: 55px !important;
}
.p-60 {
  padding: 60px !important;
}
.pt-60,
.py-60 {
  padding-top: 60px !important;
}
.pb-60,
.py-60 {
  padding-bottom: 60px !important;
}
.pr-60,
.px-60 {
  padding-right: 60px !important;
}
.pl-60,
.px-60 {
  padding-left: 60px !important;
}
.p-65 {
  padding: 65px !important;
}
.pt-65,
.py-65 {
  padding-top: 65px !important;
}
.pb-65,
.py-65 {
  padding-bottom: 65px !important;
}
.pr-65,
.px-65 {
  padding-right: 65px !important;
}
.pl-65,
.px-65 {
  padding-left: 65px !important;
}
.p-70 {
  padding: 70px !important;
}
.pt-70,
.py-70 {
  padding-top: 70px !important;
}
.pb-70,
.py-70 {
  padding-bottom: 70px !important;
}
.pr-70,
.px-70 {
  padding-right: 70px !important;
}
.pl-70,
.px-70 {
  padding-left: 70px !important;
}
.p-75 {
  padding: 75px !important;
}
.pt-75,
.py-75 {
  padding-top: 75px !important;
}
.pb-75,
.py-75 {
  padding-bottom: 75px !important;
}
.pr-75,
.px-75 {
  padding-right: 75px !important;
}
.pl-75,
.px-75 {
  padding-left: 75px !important;
}
.p-80 {
  padding: 80px !important;
}
.pt-80,
.py-80 {
  padding-top: 80px !important;
}
.pb-80,
.py-80 {
  padding-bottom: 80px !important;
}
.pr-80,
.px-80 {
  padding-right: 80px !important;
}
.pl-80,
.px-80 {
  padding-left: 80px !important;
}
.p-85 {
  padding: 85px !important;
}
.pt-85,
.py-85 {
  padding-top: 85px !important;
}
.pb-85,
.py-85 {
  padding-bottom: 85px !important;
}
.pr-85,
.px-85 {
  padding-right: 85px !important;
}
.pl-85,
.px-85 {
  padding-left: 85px !important;
}
.p-90 {
  padding: 90px !important;
}
.pt-90,
.py-90 {
  padding-top: 90px !important;
}
.pb-90,
.py-90 {
  padding-bottom: 90px !important;
}
.pr-90,
.px-90 {
  padding-right: 90px !important;
}
.pl-90,
.px-90 {
  padding-left: 90px !important;
}
.p-95 {
  padding: 95px !important;
}
.pt-95,
.py-95 {
  padding-top: 95px !important;
}
.pb-95,
.py-95 {
  padding-bottom: 95px !important;
}
.pr-95,
.px-95 {
  padding-right: 95px !important;
}
.pl-95,
.px-95 {
  padding-left: 95px !important;
}
.p-100 {
  padding: 100px !important;
}
.pt-100,
.py-100 {
  padding-top: 100px !important;
}
.pb-100,
.py-100 {
  padding-bottom: 100px !important;
}
.pr-100,
.px-100 {
  padding-right: 100px !important;
}
.pl-100,
.px-100 {
  padding-left: 100px !important;
}
.p-120 {
  padding: 120px !important;
}
.pt-120,
.py-120 {
  padding-top: 120px !important;
}
.pb-120,
.py-120 {
  padding-bottom: 120px !important;
}
.pr-120,
.px-120 {
  padding-right: 120px !important;
}
.pl-120,
.px-120 {
  padding-left: 120px !important;
}
.p-140 {
  padding: 140px !important;
}
.pt-140,
.py-140 {
  padding-top: 140px !important;
}
.pb-140,
.py-140 {
  padding-bottom: 140px !important;
}
.pr-140,
.px-140 {
  padding-right: 140px !important;
}
.pl-140,
.px-140 {
  padding-left: 140px !important;
}
.p-160 {
  padding: 160px !important;
}
.pt-160,
.py-160 {
  padding-top: 160px !important;
}
.pb-160,
.py-160 {
  padding-bottom: 160px !important;
}
.pr-160,
.px-160 {
  padding-right: 160px !important;
}
.pl-160,
.px-160 {
  padding-left: 160px !important;
}

/* MARGIN */
.m-0 {
  margin: 0px !important;
}
.mt-0,
.my-0 {
  margin-top: 0px !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0px !important;
}
.mr-0,
.mx-0 {
  margin-right: 0px !important;
}
.ml-0,
.mx-0 {
  margin-left: 0px !important;
}

.m-5 {
  margin: 5px !important;
}
.mt-5,
.my-5 {
  margin-top: 5px !important;
}
.mb-5,
.my-5 {
  margin-bottom: 5px !important;
}
.mr-5,
.mx-5 {
  margin-right: 5px !important;
}
.ml-5,
.mx-5 {
  margin-left: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.mt-10,
.my-10 {
  margin-top: 10px !important;
}
.mb-10,
.my-10 {
  margin-bottom: 10px !important;
}
.mr-10,
.mx-10 {
  margin-right: 10px !important;
}
.ml-10,
.mx-10 {
  margin-left: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.mt-15,
.my-15 {
  margin-top: 15px !important;
}
.mb-15,
.my-15 {
  margin-bottom: 15px !important;
}
.mr-15,
.mx-15 {
  margin-right: 15px !important;
}
.ml-15,
.mx-15 {
  margin-left: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.mt-20,
.my-20 {
  margin-top: 20px !important;
}
.mb-20,
.my-20 {
  margin-bottom: 20px !important;
}
.mr-20,
.mx-20 {
  margin-right: 20px !important;
}
.ml-20,
.mx-20 {
  margin-left: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.mt-25,
.my-25 {
  margin-top: 25px !important;
}
.mb-25,
.my-25 {
  margin-bottom: 25px !important;
}
.mr-25,
.mx-25 {
  margin-right: 25px !important;
}
.ml-25,
.mx-25 {
  margin-left: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.mt-30,
.my-30 {
  margin-top: 30px !important;
}
.mb-30,
.my-30 {
  margin-bottom: 30px !important;
}
.mr-30,
.mx-30 {
  margin-right: 30px !important;
}
.ml-30,
.mx-30 {
  margin-left: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.mt-35,
.my-35 {
  margin-top: 35px !important;
}
.mb-35,
.my-35 {
  margin-bottom: 35px !important;
}
.mr-35,
.mx-35 {
  margin-right: 35px !important;
}
.ml-35,
.mx-35 {
  margin-left: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.mt-40,
.my-40 {
  margin-top: 40px !important;
}
.mb-40,
.my-40 {
  margin-bottom: 40px !important;
}
.mr-40,
.mx-40 {
  margin-right: 40px !important;
}
.ml-40,
.mx-40 {
  margin-left: 40px !important;
}
.m-45 {
  margin: 45px !important;
}
.mt-45,
.my-45 {
  margin-top: 45px !important;
}
.mb-45,
.my-45 {
  margin-bottom: 45px !important;
}
.mr-45,
.mx-45 {
  margin-right: 45px !important;
}
.ml-45,
.mx-45 {
  margin-left: 45px !important;
}
.m-50 {
  margin: 50px !important;
}
.mt-50,
.my-50 {
  margin-top: 50px !important;
}
.mb-50,
.my-50 {
  margin-bottom: 50px !important;
}
.mr-50,
.mx-50 {
  margin-right: 50px !important;
}
.ml-50,
.mx-50 {
  margin-left: 50px !important;
}
.m-55 {
  margin: 55px !important;
}
.mt-55,
.my-55 {
  margin-top: 55px !important;
}
.mb-55,
.my-55 {
  margin-bottom: 55px !important;
}
.mr-55,
.mx-55 {
  margin-right: 55px !important;
}
.ml-55,
.mx-55 {
  margin-left: 55px !important;
}
.m-60 {
  margin: 60px !important;
}
.mt-60,
.my-60 {
  margin-top: 60px !important;
}
.mb-60,
.my-60 {
  margin-bottom: 60px !important;
}
.mr-60,
.mx-60 {
  margin-right: 60px !important;
}
.ml-60,
.mx-60 {
  margin-left: 60px !important;
}
.m-65 {
  margin: 65px !important;
}
.mt-65,
.my-65 {
  margin-top: 65px !important;
}
.mb-65,
.my-65 {
  margin-bottom: 65px !important;
}
.mr-65,
.mx-65 {
  margin-right: 65px !important;
}
.ml-65,
.mx-65 {
  margin-left: 65px !important;
}
.m-70 {
  margin: 70px !important;
}
.mt-70,
.my-70 {
  margin-top: 70px !important;
}
.mb-70,
.my-70 {
  margin-bottom: 70px !important;
}
.mr-70,
.mx-70 {
  margin-right: 70px !important;
}
.ml-70,
.mx-70 {
  margin-left: 70px !important;
}
.m-75 {
  margin: 75px !important;
}
.mt-75,
.my-75 {
  margin-top: 75px !important;
}
.mb-75,
.my-75 {
  margin-bottom: 75px !important;
}
.mr-75,
.mx-75 {
  margin-right: 75px !important;
}
.ml-75,
.mx-75 {
  margin-left: 75px !important;
}
.m-80 {
  margin: 80px !important;
}
.mt-80,
.my-80 {
  margin-top: 80px !important;
}
.mb-80,
.my-80 {
  margin-bottom: 80px !important;
}
.mr-80,
.mx-80 {
  margin-right: 80px !important;
}
.ml-80,
.mx-80 {
  margin-left: 80px !important;
}
.m-85 {
  margin: 85px !important;
}
.mt-85,
.my-85 {
  margin-top: 85px !important;
}
.mb-85,
.my-85 {
  margin-bottom: 85px !important;
}
.mr-85,
.mx-85 {
  margin-right: 85px !important;
}
.ml-85,
.mx-85 {
  margin-left: 85px !important;
}
.m-90 {
  margin: 90px !important;
}
.mt-90,
.my-90 {
  margin-top: 90px !important;
}
.mb-90,
.my-90 {
  margin-bottom: 90px !important;
}
.mr-90,
.mx-90 {
  margin-right: 90px !important;
}
.ml-90,
.mx-90 {
  margin-left: 90px !important;
}
.m-95 {
  margin: 95px !important;
}
.mt-95,
.my-95 {
  margin-top: 95px !important;
}
.mb-95,
.my-95 {
  margin-bottom: 95px !important;
}
.mr-95,
.mx-95 {
  margin-right: 95px !important;
}
.ml-95,
.mx-95 {
  margin-left: 95px !important;
}
.m-100 {
  margin: 100px !important;
}
.mt-100,
.my-100 {
  margin-top: 100px !important;
}
.mb-100,
.my-100 {
  margin-bottom: 100px !important;
}
.mr-100,
.mx-100 {
  margin-right: 100px !important;
}
.ml-100,
.mx-100 {
  margin-left: 100px !important;
}
.m-120 {
  margin: 120px !important;
}
.mt-120,
.my-120 {
  margin-top: 120px !important;
}
.mb-120,
.my-120 {
  margin-bottom: 120px !important;
}
.mr-120,
.mx-120 {
  margin-right: 120px !important;
}
.ml-120,
.mx-120 {
  margin-left: 120px !important;
}
.m-140 {
  margin: 140px !important;
}
.mt-140,
.my-140 {
  margin-top: 140px !important;
}
.mb-140,
.my-140 {
  margin-bottom: 140px !important;
}
.mr-140,
.mx-140 {
  margin-right: 140px !important;
}
.ml-140,
.mx-140 {
  margin-left: 140px !important;
}
.m-160 {
  margin: 160px !important;
}
.mt-160,
.my-160 {
  margin-top: 160px !important;
}
.mb-160,
.my-160 {
  margin-bottom: 160px !important;
}
.mr-160,
.mx-160 {
  margin-right: 160px !important;
}
.ml-160,
.mx-160 {
  margin-left: 160px !important;
}

.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}

.center-col {
  float: none;
  margin-left: auto;
  margin-right: auto !important;
}
.right-col {
  float: right;
  margin-left: auto;
  margin-right: 0px !important;
}
.left-col {
  float: left;
  margin-left: 0px-;
  margin-right: auto !important;
}

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

.inherit {
  position: inherit !important;
}
.initial {
  position: initial !important;
}
.relative {
  position: relative !important;
  z-index: 5;
}
.absolute {
  position: absolute !important;
}
.fixed {
  position: fixed !important;
}
.static {
  position: static !important;
}

.display-block {
  display: block !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-auto {
  overflow: auto !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-inline {
  display: inline !important;
}
.display-none {
  display: none !important;
}
.display-inherit {
  display: inherit !important;
}
.display-table {
  display: table !important;
}
.display-table-cell {
  display: table-cell !important;
}

.width-10 {
  width: 10%;
}
.width-15 {
  width: 15%;
}
.width-20 {
  width: 20%;
}
.width-25 {
  width: 25%;
}
.width-30 {
  width: 30%;
}
.width-35 {
  width: 35%;
}
.width-40 {
  width: 40%;
}
.width-45 {
  width: 45%;
}
.width-50 {
  width: 50%;
}
.width-55 {
  width: 55%;
}
.width-60 {
  width: 60%;
}
.width-65 {
  width: 65%;
}
.width-70 {
  width: 70%;
}
.width-75 {
  width: 75%;
}
.width-80 {
  width: 80%;
}
.width-85 {
  width: 85%;
}
.width-90 {
  width: 90%;
}
.width-95 {
  width: 95%;
}
.width-100 {
  width: 100%;
}

/*XS*/
@media (max-width: 575px) {
  /* XS PADDING */
  .xs-p-0 {
    padding: 0 !important;
  }
  .xs-pt-0,
  .xs-py-0 {
    padding-top: 0 !important;
  }
  .xs-pb-0,
  .xs-py-0 {
    padding-bottom: 0 !important;
  }
  .xs-pr-0,
  .xs-px-0 {
    padding-right: 0 !important;
  }
  .xs-pl-0,
  .xs-px-0 {
    padding-left: 0 !important;
  }
  .xs-p-5 {
    padding: 5px !important;
  }
  .xs-pt-5,
  .xs-py-5 {
    padding-top: 5px !important;
  }
  .xs-pb-5,
  .xs-py-5 {
    padding-bottom: 5px !important;
  }
  .xs-pr-5,
  .xs-px-5 {
    padding-right: 5px !important;
  }
  .xs-pl-5,
  .xs-px-5 {
    padding-left: 5px !important;
  }
  .xs-p-10 {
    padding: 10px !important;
  }
  .xs-pt-10,
  .xs-py-10 {
    padding-top: 10px !important;
  }
  .xs-pb-10,
  .xs-py-10 {
    padding-bottom: 10px !important;
  }
  .xs-pr-10,
  .xs-px-10 {
    padding-right: 10px !important;
  }
  .xs-pl-10,
  .xs-px-10 {
    padding-left: 10px !important;
  }
  .xs-p-15 {
    padding: 15px !important;
  }
  .xs-pt-15,
  .xs-py-15 {
    padding-top: 15px !important;
  }
  .xs-pb-15,
  .xs-py-15 {
    padding-bottom: 15px !important;
  }
  .xs-pr-15,
  .xs-px-15 {
    padding-right: 15px !important;
  }
  .xs-pl-15,
  .xs-px-15 {
    padding-left: 15px !important;
  }
  .xs-p-20 {
    padding: 20px !important;
  }
  .xs-pt-20,
  .xs-py-20 {
    padding-top: 20px !important;
  }
  .xs-pb-20,
  .xs-py-20 {
    padding-bottom: 20px !important;
  }
  .xs-pr-20,
  .xs-px-20 {
    padding-right: 20px !important;
  }
  .xs-pl-20,
  .xs-px-20 {
    padding-left: 20px !important;
  }
  .xs-p-25 {
    padding: 25px !important;
  }
  .xs-pt-25,
  .xs-py-25 {
    padding-top: 25px !important;
  }
  .xs-pb-25,
  .xs-py-25 {
    padding-bottom: 25px !important;
  }
  .xs-pr-25,
  .xs-px-25 {
    padding-right: 25px !important;
  }
  .xs-pl-25,
  .xs-px-25 {
    padding-left: 25px !important;
  }
  .xs-p-30 {
    padding: 30px !important;
  }
  .xs-pt-30,
  .xs-py-30 {
    padding-top: 30px !important;
  }
  .xs-pb-30,
  .xs-py-30 {
    padding-bottom: 30px !important;
  }
  .xs-pr-30,
  .xs-px-30 {
    padding-right: 30px !important;
  }
  .xs-pl-30,
  .xs-px-30 {
    padding-left: 30px !important;
  }
  .xs-p-35 {
    padding: 35px !important;
  }
  .xs-pt-35,
  .xs-py-35 {
    padding-top: 35px !important;
  }
  .xs-pb-35,
  .xs-py-35 {
    padding-bottom: 35px !important;
  }
  .xs-pr-35,
  .xs-px-35 {
    padding-right: 35px !important;
  }
  .xs-pl-35,
  .xs-px-35 {
    padding-left: 35px !important;
  }
  .xs-p-40 {
    padding: 40px !important;
  }
  .xs-pt-40,
  .xs-py-40 {
    padding-top: 40px !important;
  }
  .xs-pb-40,
  .xs-py-40 {
    padding-bottom: 40px !important;
  }
  .xs-pr-40,
  .xs-px-40 {
    padding-right: 40px !important;
  }
  .xs-pl-40,
  .xs-px-40 {
    padding-left: 40px !important;
  }
  .xs-p-45 {
    padding: 45px !important;
  }
  .xs-pt-45,
  .xs-py-45 {
    padding-top: 45px !important;
  }
  .xs-pb-45,
  .xs-py-45 {
    padding-bottom: 45px !important;
  }
  .xs-pr-45,
  .xs-px-45 {
    padding-right: 45px !important;
  }
  .xs-pl-45,
  .xs-px-45 {
    padding-left: 45px !important;
  }
  .xs-p-50 {
    padding: 50px !important;
  }
  .xs-pt-50,
  .xs-py-50 {
    padding-top: 50px !important;
  }
  .xs-pb-50,
  .xs-py-50 {
    padding-bottom: 50px !important;
  }
  .xs-pr-50,
  .xs-px-50 {
    padding-right: 50px !important;
  }
  .xs-pl-50,
  .xs-px-50 {
    padding-left: 50px !important;
  }
  .xs-p-55 {
    padding: 55px !important;
  }
  .xs-pt-55,
  .xs-py-55 {
    padding-top: 55px !important;
  }
  .xs-pb-55,
  .xs-py-55 {
    padding-bottom: 55px !important;
  }
  .xs-pr-55,
  .xs-px-55 {
    padding-right: 55px !important;
  }
  .xs-pl-55,
  .xs-px-55 {
    padding-left: 55px !important;
  }
  .xs-p-60 {
    padding: 60px !important;
  }
  .xs-pt-60,
  .xs-py-60 {
    padding-top: 60px !important;
  }
  .xs-pb-60,
  .xs-py-60 {
    padding-bottom: 60px !important;
  }
  .xs-pr-60,
  .xs-px-60 {
    padding-right: 60px !important;
  }
  .xs-pl-60,
  .xs-px-60 {
    padding-left: 60px !important;
  }
  .xs-p-65 {
    padding: 65px !important;
  }
  .xs-pt-65,
  .xs-py-65 {
    padding-top: 65px !important;
  }
  .xs-pb-65,
  .xs-py-65 {
    padding-bottom: 65px !important;
  }
  .xs-pr-65,
  .xs-px-65 {
    padding-right: 65px !important;
  }
  .xs-pl-65,
  .xs-px-65 {
    padding-left: 65px !important;
  }
  .xs-p-70 {
    padding: 70px !important;
  }
  .xs-pt-70,
  .xs-py-70 {
    padding-top: 70px !important;
  }
  .xs-pb-70,
  .xs-py-70 {
    padding-bottom: 70px !important;
  }
  .xs-pr-70,
  .xs-px-70 {
    padding-right: 70px !important;
  }
  .xs-pl-70,
  .xs-px-70 {
    padding-left: 70px !important;
  }
  .xs-p-75 {
    padding: 75px !important;
  }
  .xs-pt-75,
  .xs-py-75 {
    padding-top: 75px !important;
  }
  .xs-pb-75,
  .xs-py-75 {
    padding-bottom: 75px !important;
  }
  .xs-pr-75,
  .xs-px-75 {
    padding-right: 75px !important;
  }
  .xs-pl-75,
  .xs-px-75 {
    padding-left: 75px !important;
  }
  .xs-p-80 {
    padding: 80px !important;
  }
  .xs-pt-80,
  .xs-py-80 {
    padding-top: 80px !important;
  }
  .xs-pb-80,
  .xs-py-80 {
    padding-bottom: 80px !important;
  }
  .xs-pr-80,
  .xs-px-80 {
    padding-right: 80px !important;
  }
  .xs-pl-80,
  .xs-px-80 {
    padding-left: 80px !important;
  }
  .xs-p-85 {
    padding: 85px !important;
  }
  .xs-pt-85,
  .xs-py-85 {
    padding-top: 85px !important;
  }
  .xs-pb-85,
  .xs-py-85 {
    padding-bottom: 85px !important;
  }
  .xs-pr-85,
  .xs-px-85 {
    padding-right: 85px !important;
  }
  .xs-pl-85,
  .xs-px-85 {
    padding-left: 85px !important;
  }
  .xs-p-90 {
    padding: 90px !important;
  }
  .xs-pt-90,
  .xs-py-90 {
    padding-top: 90px !important;
  }
  .xs-pb-90,
  .xs-py-90 {
    padding-bottom: 90px !important;
  }
  .xs-pr-90,
  .xs-px-90 {
    padding-right: 90px !important;
  }
  .xs-pl-90,
  .xs-px-90 {
    padding-left: 90px !important;
  }
  .xs-p-95 {
    padding: 95px !important;
  }
  .xs-pt-95,
  .xs-py-95 {
    padding-top: 95px !important;
  }
  .xs-pb-95,
  .xs-py-95 {
    padding-bottom: 95px !important;
  }
  .xs-pr-95,
  .xs-px-95 {
    padding-right: 95px !important;
  }
  .xs-pl-95,
  .xs-px-95 {
    padding-left: 95px !important;
  }
  .xs-p-100 {
    padding: 100px !important;
  }
  .xs-pt-100,
  .xs-py-100 {
    padding-top: 100px !important;
  }
  .xs-pb-100,
  .xs-py-100 {
    padding-bottom: 100px !important;
  }
  .xs-pr-100,
  .xs-px-100 {
    padding-right: 100px !important;
  }
  .xs-pl-100,
  .xs-px-100 {
    padding-left: 100px !important;
  }
  .xs-p-120 {
    padding: 120px !important;
  }
  .xs-pt-120,
  .xs-py-120 {
    padding-top: 120px !important;
  }
  .xs-pb-120,
  .xs-py-120 {
    padding-bottom: 120px !important;
  }
  .xs-pr-120,
  .xs-px-120 {
    padding-right: 120px !important;
  }
  .xs-pl-120,
  .xs-px-120 {
    padding-left: 120px !important;
  }
  .xs-p-140 {
    padding: 140px !important;
  }
  .xs-pt-140,
  .xs-py-140 {
    padding-top: 140px !important;
  }
  .xs-pb-140,
  .xs-py-140 {
    padding-bottom: 140px !important;
  }
  .xs-pr-140,
  .xs-px-140 {
    padding-right: 140px !important;
  }
  .xs-pl-140,
  .xs-px-140 {
    padding-left: 140px !important;
  }
  .xs-p-160 {
    padding: 160px !important;
  }
  .xs-pt-160,
  .xs-py-160 {
    padding-top: 160px !important;
  }
  .xs-pb-160,
  .xs-py-160 {
    padding-bottom: 160px !important;
  }
  .xs-pr-160,
  .xs-px-160 {
    padding-right: 160px !important;
  }
  .xs-pl-160,
  .xs-px-160 {
    padding-left: 160px !important;
  }

  /* XS MARGIN */
  .xs-m-0 {
    margin: 0 !important;
  }
  .xs-mt-0,
  .xs-my-0 {
    margin-top: 0 !important;
  }
  .xs-mb-0,
  .xs-my-0 {
    margin-bottom: 0 !important;
  }
  .xs-mr-0,
  .xs-mx-0 {
    margin-right: 0 !important;
  }
  .xs-ml-0,
  .xs-mx-0 {
    margin-left: 0 !important;
  }
  .xs-m-5 {
    margin: 5px !important;
  }
  .xs-mt-5,
  .xs-my-5 {
    margin-top: 5px !important;
  }
  .xs-mb-5,
  .xs-my-5 {
    margin-bottom: 5px !important;
  }
  .xs-mr-5,
  .xs-mx-5 {
    margin-right: 5px !important;
  }
  .xs-ml-5,
  .xs-mx-5 {
    margin-left: 5px !important;
  }
  .xs-m-10 {
    margin: 10px !important;
  }
  .xs-mt-10,
  .xs-my-10 {
    margin-top: 10px !important;
  }
  .xs-mb-10,
  .xs-my-10 {
    margin-bottom: 10px !important;
  }
  .xs-mr-10,
  .xs-mx-10 {
    margin-right: 10px !important;
  }
  .xs-ml-10,
  .xs-mx-10 {
    margin-left: 10px !important;
  }
  .xs-m-15 {
    margin: 15px !important;
  }
  .xs-mt-15,
  .xs-my-15 {
    margin-top: 15px !important;
  }
  .xs-mb-15,
  .xs-my-15 {
    margin-bottom: 15px !important;
  }
  .xs-mr-15,
  .xs-mx-15 {
    margin-right: 15px !important;
  }
  .xs-ml-15,
  .xs-mx-15 {
    margin-left: 15px !important;
  }
  .xs-m-20 {
    margin: 20px !important;
  }
  .xs-mt-20,
  .xs-my-20 {
    margin-top: 20px !important;
  }
  .xs-mb-20,
  .xs-my-20 {
    margin-bottom: 20px !important;
  }
  .xs-mr-20,
  .xs-mx-20 {
    margin-right: 20px !important;
  }
  .xs-ml-20,
  .xs-mx-20 {
    margin-left: 20px !important;
  }
  .xs-m-25 {
    margin: 25px !important;
  }
  .xs-mt-25,
  .xs-my-25 {
    margin-top: 25px !important;
  }
  .xs-mb-25,
  .xs-my-25 {
    margin-bottom: 25px !important;
  }
  .xs-mr-25,
  .xs-mx-25 {
    margin-right: 25px !important;
  }
  .xs-ml-25,
  .xs-mx-25 {
    margin-left: 25px !important;
  }
  .xs-m-30 {
    margin: 30px !important;
  }
  .xs-mt-30,
  .xs-my-30 {
    margin-top: 30px !important;
  }
  .xs-mb-30,
  .xs-my-30 {
    margin-bottom: 30px !important;
  }
  .xs-mr-30,
  .xs-mx-30 {
    margin-right: 30px !important;
  }
  .xs-ml-30,
  .xs-mx-30 {
    margin-left: 30px !important;
  }
  .xs-m-35 {
    margin: 35px !important;
  }
  .xs-mt-35,
  .xs-my-35 {
    margin-top: 35px !important;
  }
  .xs-mb-35,
  .xs-my-35 {
    margin-bottom: 35px !important;
  }
  .xs-mr-35,
  .xs-mx-35 {
    margin-right: 35px !important;
  }
  .xs-ml-35,
  .xs-mx-35 {
    margin-left: 35px !important;
  }
  .xs-m-40 {
    margin: 40px !important;
  }
  .xs-mt-40,
  .xs-my-40 {
    margin-top: 40px !important;
  }
  .xs-mb-40,
  .xs-my-40 {
    margin-bottom: 40px !important;
  }
  .xs-mr-40,
  .xs-mx-40 {
    margin-right: 40px !important;
  }
  .xs-ml-40,
  .xs-mx-40 {
    margin-left: 40px !important;
  }
  .xs-m-45 {
    margin: 45px !important;
  }
  .xs-mt-45,
  .xs-my-45 {
    margin-top: 45px !important;
  }
  .xs-mb-45,
  .xs-my-45 {
    margin-bottom: 45px !important;
  }
  .xs-mr-45,
  .xs-mx-45 {
    margin-right: 45px !important;
  }
  .xs-ml-45,
  .xs-mx-45 {
    margin-left: 45px !important;
  }
  .xs-m-50 {
    margin: 50px !important;
  }
  .xs-mt-50,
  .xs-my-50 {
    margin-top: 50px !important;
  }
  .xs-mb-50,
  .xs-my-50 {
    margin-bottom: 50px !important;
  }
  .xs-mr-50,
  .xs-mx-50 {
    margin-right: 50px !important;
  }
  .xs-ml-50,
  .xs-mx-50 {
    margin-left: 50px !important;
  }
  .xs-m-55 {
    margin: 55px !important;
  }
  .xs-mt-55,
  .xs-my-55 {
    margin-top: 55px !important;
  }
  .xs-mb-55,
  .xs-my-55 {
    margin-bottom: 55px !important;
  }
  .xs-mr-55,
  .xs-mx-55 {
    margin-right: 55px !important;
  }
  .xs-ml-55,
  .xs-mx-55 {
    margin-left: 55px !important;
  }
  .xs-m-60 {
    margin: 60px !important;
  }
  .xs-mt-60,
  .xs-my-60 {
    margin-top: 60px !important;
  }
  .xs-mb-60,
  .xs-my-60 {
    margin-bottom: 60px !important;
  }
  .xs-mr-60,
  .xs-mx-60 {
    margin-right: 60px !important;
  }
  .xs-ml-60,
  .xs-mx-60 {
    margin-left: 60px !important;
  }
  .xs-m-65 {
    margin: 65px !important;
  }
  .xs-mt-65,
  .xs-my-65 {
    margin-top: 65px !important;
  }
  .xs-mb-65,
  .xs-my-65 {
    margin-bottom: 65px !important;
  }
  .xs-mr-65,
  .xs-mx-65 {
    margin-right: 65px !important;
  }
  .xs-ml-65,
  .xs-mx-65 {
    margin-left: 65px !important;
  }
  .xs-m-70 {
    margin: 70px !important;
  }
  .xs-mt-70,
  .xs-my-70 {
    margin-top: 70px !important;
  }
  .xs-mb-70,
  .xs-my-70 {
    margin-bottom: 70px !important;
  }
  .xs-mr-70,
  .xs-mx-70 {
    margin-right: 70px !important;
  }
  .xs-ml-70,
  .xs-mx-70 {
    margin-left: 70px !important;
  }
  .xs-m-75 {
    margin: 75px !important;
  }
  .xs-mt-75,
  .xs-my-75 {
    margin-top: 75px !important;
  }
  .xs-mb-75,
  .xs-my-75 {
    margin-bottom: 75px !important;
  }
  .xs-mr-75,
  .xs-mx-75 {
    margin-right: 75px !important;
  }
  .xs-ml-75,
  .xs-mx-75 {
    margin-left: 75px !important;
  }
  .xs-m-80 {
    margin: 80px !important;
  }
  .xs-mt-80,
  .xs-my-80 {
    margin-top: 80px !important;
  }
  .xs-mb-80,
  .xs-my-80 {
    margin-bottom: 80px !important;
  }
  .xs-mr-80,
  .xs-mx-80 {
    margin-right: 80px !important;
  }
  .xs-ml-80,
  .xs-mx-80 {
    margin-left: 80px !important;
  }
  .xs-m-85 {
    margin: 85px !important;
  }
  .xs-mt-85,
  .xs-my-85 {
    margin-top: 85px !important;
  }
  .xs-mb-85,
  .xs-my-85 {
    margin-bottom: 85px !important;
  }
  .xs-mr-85,
  .xs-mx-85 {
    margin-right: 85px !important;
  }
  .xs-ml-85,
  .xs-mx-85 {
    margin-left: 85px !important;
  }
  .xs-m-90 {
    margin: 90px !important;
  }
  .xs-mt-90,
  .xs-my-90 {
    margin-top: 90px !important;
  }
  .xs-mb-90,
  .xs-my-90 {
    margin-bottom: 90px !important;
  }
  .xs-mr-90,
  .xs-mx-90 {
    margin-right: 90px !important;
  }
  .xs-ml-90,
  .xs-mx-90 {
    margin-left: 90px !important;
  }
  .xs-m-95 {
    margin: 95px !important;
  }
  .xs-mt-95,
  .xs-my-95 {
    margin-top: 95px !important;
  }
  .xs-mb-95,
  .xs-my-95 {
    margin-bottom: 95px !important;
  }
  .xs-mr-95,
  .xs-mx-95 {
    margin-right: 95px !important;
  }
  .xs-ml-95,
  .xs-mx-95 {
    margin-left: 95px !important;
  }
  .xs-m-100 {
    margin: 100px !important;
  }
  .xs-mt-100,
  .xs-my-100 {
    margin-top: 100px !important;
  }
  .xs-mb-100,
  .xs-my-100 {
    margin-bottom: 100px !important;
  }
  .xs-mr-100,
  .xs-mx-100 {
    margin-right: 100px !important;
  }
  .xs-ml-100,
  .xs-mx-100 {
    margin-left: 100px !important;
  }
  .xs-m-120 {
    margin: 120px !important;
  }
  .xs-mt-120,
  .xs-my-120 {
    margin-top: 120px !important;
  }
  .xs-mb-120,
  .xs-my-120 {
    margin-bottom: 120px !important;
  }
  .xs-mr-120,
  .xs-mx-120 {
    margin-right: 120px !important;
  }
  .xs-ml-120,
  .xs-mx-120 {
    margin-left: 120px !important;
  }
  .xs-m-140 {
    margin: 140px !important;
  }
  .xs-mt-140,
  .xs-my-140 {
    margin-top: 140px !important;
  }
  .xs-mb-140,
  .xs-my-140 {
    margin-bottom: 140px !important;
  }
  .xs-mr-140,
  .xs-mx-140 {
    margin-right: 140px !important;
  }
  .xs-ml-140,
  .xs-mx-140 {
    margin-left: 140px !important;
  }
  .xs-m-160 {
    margin: 160px !important;
  }
  .xs-mt-160,
  .xs-my-160 {
    margin-top: 160px !important;
  }
  .xs-mb-160,
  .xs-my-160 {
    margin-bottom: 160px !important;
  }
  .xs-mr-160,
  .xs-mx-160 {
    margin-right: 160px !important;
  }
  .xs-ml-160,
  .xs-mx-160 {
    margin-left: 160px !important;
  }

  .xs-text-center {
    text-align: center !important;
  }
  .xs-text-left {
    text-align: left !important;
  }
  .xs-text-right {
    text-align: right !important;
  }

  .xs-center-col {
    float: none;
    margin-left: auto;
    margin-right: auto !important;
  }
  .xs-right-col {
    float: right;
    margin-left: auto;
    margin-right: 0px !important;
  }
  .xs-left-col {
    float: left;
    margin-left: 0px-;
    margin-right: auto !important;
  }

  .xs-float-left {
    float: left !important;
  }
  .xs-float-right {
    float: right !important;
  }
  .xs-float-none {
    float: none !important;
  }

  .xs-inherit {
    position: inherit !important;
  }
  .xs-initial {
    position: initial !important;
  }
  .xs-relative {
    position: relative !important;
    z-index: 5;
  }
  .xs-absolute {
    position: absolute !important;
  }
  .xs-fixed {
    position: fixed !important;
  }
  .xs-static {
    position: static !important;
  }

  .xs-display-block {
    display: block !important;
  }
  .xs-overflow-hidden {
    overflow: hidden !important;
  }
  .xs-overflow-auto {
    overflow: auto !important;
  }
  .xs-display-inline-block {
    display: inline-block !important;
  }
  .xs-display-inline {
    display: inline !important;
  }
  .xs-display-none {
    display: none !important;
  }
  .xs-display-inherit {
    display: inherit !important;
  }
  .xs-display-table {
    display: table !important;
  }
  .xs-display-table-cell {
    display: table-cell !important;
  }

  .xs-width-10 {
    width: 10%;
  }
  .xs-width-15 {
    width: 15%;
  }
  .xs-width-20 {
    width: 20%;
  }
  .xs-width-25 {
    width: 25%;
  }
  .xs-width-30 {
    width: 30%;
  }
  .xs-width-35 {
    width: 35%;
  }
  .xs-width-40 {
    width: 40%;
  }
  .xs-width-45 {
    width: 45%;
  }
  .xs-width-50 {
    width: 50%;
  }
  .xs-width-55 {
    width: 55%;
  }
  .xs-width-60 {
    width: 60%;
  }
  .xs-width-65 {
    width: 65%;
  }
  .xs-width-70 {
    width: 70%;
  }
  .xs-width-75 {
    width: 75%;
  }
  .xs-width-80 {
    width: 80%;
  }
  .xs-width-85 {
    width: 85%;
  }
  .xs-width-90 {
    width: 90%;
  }
  .xs-width-95 {
    width: 95%;
  }
  .xs-width-100 {
    width: 100%;
  }
}

/*SM*/
@media (min-width: 576px) {
  /* SM PADDING */
  .sm-p-0 {
    padding: 0 !important;
  }
  .sm-pt-0,
  .sm-py-0 {
    padding-top: 0 !important;
  }
  .sm-pb-0,
  .sm-py-0 {
    padding-bottom: 0 !important;
  }
  .sm-pr-0,
  .sm-px-0 {
    padding-right: 0 !important;
  }
  .sm-pl-0,
  .sm-px-0 {
    padding-left: 0 !important;
  }
  .sm-p-5 {
    padding: 5px !important;
  }
  .sm-pt-5,
  .sm-py-5 {
    padding-top: 5px !important;
  }
  .sm-pb-5,
  .sm-py-5 {
    padding-bottom: 5px !important;
  }
  .sm-pr-5,
  .sm-px-5 {
    padding-right: 5px !important;
  }
  .sm-pl-5,
  .sm-px-5 {
    padding-left: 5px !important;
  }
  .sm-p-10 {
    padding: 10px !important;
  }
  .sm-pt-10,
  .sm-py-10 {
    padding-top: 10px !important;
  }
  .sm-pb-10,
  .sm-py-10 {
    padding-bottom: 10px !important;
  }
  .sm-pr-10,
  .sm-px-10 {
    padding-right: 10px !important;
  }
  .sm-pl-10,
  .sm-px-10 {
    padding-left: 10px !important;
  }
  .sm-p-15 {
    padding: 15px !important;
  }
  .sm-pt-15,
  .sm-py-15 {
    padding-top: 15px !important;
  }
  .sm-pb-15,
  .sm-py-15 {
    padding-bottom: 15px !important;
  }
  .sm-pr-15,
  .sm-px-15 {
    padding-right: 15px !important;
  }
  .sm-pl-15,
  .sm-px-15 {
    padding-left: 15px !important;
  }
  .sm-p-20 {
    padding: 20px !important;
  }
  .sm-pt-20,
  .sm-py-20 {
    padding-top: 20px !important;
  }
  .sm-pb-20,
  .sm-py-20 {
    padding-bottom: 20px !important;
  }
  .sm-pr-20,
  .sm-px-20 {
    padding-right: 20px !important;
  }
  .sm-pl-20,
  .sm-px-20 {
    padding-left: 20px !important;
  }
  .sm-p-25 {
    padding: 25px !important;
  }
  .sm-pt-25,
  .sm-py-25 {
    padding-top: 25px !important;
  }
  .sm-pb-25,
  .sm-py-25 {
    padding-bottom: 25px !important;
  }
  .sm-pr-25,
  .sm-px-25 {
    padding-right: 25px !important;
  }
  .sm-pl-25,
  .sm-px-25 {
    padding-left: 25px !important;
  }
  .sm-p-30 {
    padding: 30px !important;
  }
  .sm-pt-30,
  .sm-py-30 {
    padding-top: 30px !important;
  }
  .sm-pb-30,
  .sm-py-30 {
    padding-bottom: 30px !important;
  }
  .sm-pr-30,
  .sm-px-30 {
    padding-right: 30px !important;
  }
  .sm-pl-30,
  .sm-px-30 {
    padding-left: 30px !important;
  }
  .sm-p-35 {
    padding: 35px !important;
  }
  .sm-pt-35,
  .sm-py-35 {
    padding-top: 35px !important;
  }
  .sm-pb-35,
  .sm-py-35 {
    padding-bottom: 35px !important;
  }
  .sm-pr-35,
  .sm-px-35 {
    padding-right: 35px !important;
  }
  .sm-pl-35,
  .sm-px-35 {
    padding-left: 35px !important;
  }
  .sm-p-40 {
    padding: 40px !important;
  }
  .sm-pt-40,
  .sm-py-40 {
    padding-top: 40px !important;
  }
  .sm-pb-40,
  .sm-py-40 {
    padding-bottom: 40px !important;
  }
  .sm-pr-40,
  .sm-px-40 {
    padding-right: 40px !important;
  }
  .sm-pl-40,
  .sm-px-40 {
    padding-left: 40px !important;
  }
  .sm-p-45 {
    padding: 45px !important;
  }
  .sm-pt-45,
  .sm-py-45 {
    padding-top: 45px !important;
  }
  .sm-pb-45,
  .sm-py-45 {
    padding-bottom: 45px !important;
  }
  .sm-pr-45,
  .sm-px-45 {
    padding-right: 45px !important;
  }
  .sm-pl-45,
  .sm-px-45 {
    padding-left: 45px !important;
  }
  .sm-p-50 {
    padding: 50px !important;
  }
  .sm-pt-50,
  .sm-py-50 {
    padding-top: 50px !important;
  }
  .sm-pb-50,
  .sm-py-50 {
    padding-bottom: 50px !important;
  }
  .sm-pr-50,
  .sm-px-50 {
    padding-right: 50px !important;
  }
  .sm-pl-50,
  .sm-px-50 {
    padding-left: 50px !important;
  }
  .sm-p-55 {
    padding: 55px !important;
  }
  .sm-pt-55,
  .sm-py-55 {
    padding-top: 55px !important;
  }
  .sm-pb-55,
  .sm-py-55 {
    padding-bottom: 55px !important;
  }
  .sm-pr-55,
  .sm-px-55 {
    padding-right: 55px !important;
  }
  .sm-pl-55,
  .sm-px-55 {
    padding-left: 55px !important;
  }
  .sm-p-60 {
    padding: 60px !important;
  }
  .sm-pt-60,
  .sm-py-60 {
    padding-top: 60px !important;
  }
  .sm-pb-60,
  .sm-py-60 {
    padding-bottom: 60px !important;
  }
  .sm-pr-60,
  .sm-px-60 {
    padding-right: 60px !important;
  }
  .sm-pl-60,
  .sm-px-60 {
    padding-left: 60px !important;
  }
  .sm-p-65 {
    padding: 65px !important;
  }
  .sm-pt-65,
  .sm-py-65 {
    padding-top: 65px !important;
  }
  .sm-pb-65,
  .sm-py-65 {
    padding-bottom: 65px !important;
  }
  .sm-pr-65,
  .sm-px-65 {
    padding-right: 65px !important;
  }
  .sm-pl-65,
  .sm-px-65 {
    padding-left: 65px !important;
  }
  .sm-p-70 {
    padding: 70px !important;
  }
  .sm-pt-70,
  .sm-py-70 {
    padding-top: 70px !important;
  }
  .sm-pb-70,
  .sm-py-70 {
    padding-bottom: 70px !important;
  }
  .sm-pr-70,
  .sm-px-70 {
    padding-right: 70px !important;
  }
  .sm-pl-70,
  .sm-px-70 {
    padding-left: 70px !important;
  }
  .sm-p-75 {
    padding: 75px !important;
  }
  .sm-pt-75,
  .sm-py-75 {
    padding-top: 75px !important;
  }
  .sm-pb-75,
  .sm-py-75 {
    padding-bottom: 75px !important;
  }
  .sm-pr-75,
  .sm-px-75 {
    padding-right: 75px !important;
  }
  .sm-pl-75,
  .sm-px-75 {
    padding-left: 75px !important;
  }
  .sm-p-80 {
    padding: 80px !important;
  }
  .sm-pt-80,
  .sm-py-80 {
    padding-top: 80px !important;
  }
  .sm-pb-80,
  .sm-py-80 {
    padding-bottom: 80px !important;
  }
  .sm-pr-80,
  .sm-px-80 {
    padding-right: 80px !important;
  }
  .sm-pl-80,
  .sm-px-80 {
    padding-left: 80px !important;
  }
  .sm-p-85 {
    padding: 85px !important;
  }
  .sm-pt-85,
  .sm-py-85 {
    padding-top: 85px !important;
  }
  .sm-pb-85,
  .sm-py-85 {
    padding-bottom: 85px !important;
  }
  .sm-pr-85,
  .sm-px-85 {
    padding-right: 85px !important;
  }
  .sm-pl-85,
  .sm-px-85 {
    padding-left: 85px !important;
  }
  .sm-p-90 {
    padding: 90px !important;
  }
  .sm-pt-90,
  .sm-py-90 {
    padding-top: 90px !important;
  }
  .sm-pb-90,
  .sm-py-90 {
    padding-bottom: 90px !important;
  }
  .sm-pr-90,
  .sm-px-90 {
    padding-right: 90px !important;
  }
  .sm-pl-90,
  .sm-px-90 {
    padding-left: 90px !important;
  }
  .sm-p-95 {
    padding: 95px !important;
  }
  .sm-pt-95,
  .sm-py-95 {
    padding-top: 95px !important;
  }
  .sm-pb-95,
  .sm-py-95 {
    padding-bottom: 95px !important;
  }
  .sm-pr-95,
  .sm-px-95 {
    padding-right: 95px !important;
  }
  .sm-pl-95,
  .sm-px-95 {
    padding-left: 95px !important;
  }
  .sm-p-100 {
    padding: 100px !important;
  }
  .sm-pt-100,
  .sm-py-100 {
    padding-top: 100px !important;
  }
  .sm-pb-100,
  .sm-py-100 {
    padding-bottom: 100px !important;
  }
  .sm-pr-100,
  .sm-px-100 {
    padding-right: 100px !important;
  }
  .sm-pl-100,
  .sm-px-100 {
    padding-left: 100px !important;
  }
  .sm-p-120 {
    padding: 120px !important;
  }
  .sm-pt-120,
  .sm-py-120 {
    padding-top: 120px !important;
  }
  .sm-pb-120,
  .sm-py-120 {
    padding-bottom: 120px !important;
  }
  .sm-pr-120,
  .sm-px-120 {
    padding-right: 120px !important;
  }
  .sm-pl-120,
  .sm-px-120 {
    padding-left: 120px !important;
  }
  .sm-p-140 {
    padding: 140px !important;
  }
  .sm-pt-140,
  .sm-py-140 {
    padding-top: 140px !important;
  }
  .sm-pb-140,
  .sm-py-140 {
    padding-bottom: 140px !important;
  }
  .sm-pr-140,
  .sm-px-140 {
    padding-right: 140px !important;
  }
  .sm-pl-140,
  .sm-px-140 {
    padding-left: 140px !important;
  }
  .sm-p-160 {
    padding: 160px !important;
  }
  .sm-pt-160,
  .sm-py-160 {
    padding-top: 160px !important;
  }
  .sm-pb-160,
  .sm-py-160 {
    padding-bottom: 160px !important;
  }
  .sm-pr-160,
  .sm-px-160 {
    padding-right: 160px !important;
  }
  .sm-pl-160,
  .sm-px-160 {
    padding-left: 160px !important;
  }

  /* SM MARGIN */
  .sm-m-0 {
    margin: 0 !important;
  }
  .sm-mt-0,
  .sm-my-0 {
    margin-top: 0 !important;
  }
  .sm-mb-0,
  .sm-my-0 {
    margin-bottom: 0 !important;
  }
  .sm-mr-0,
  .sm-mx-0 {
    margin-right: 0 !important;
  }
  .sm-ml-0,
  .sm-mx-0 {
    margin-left: 0 !important;
  }
  .sm-m-5 {
    margin: 5px !important;
  }
  .sm-mt-5,
  .sm-my-5 {
    margin-top: 5px !important;
  }
  .sm-mb-5,
  .sm-my-5 {
    margin-bottom: 5px !important;
  }
  .sm-mr-5,
  .sm-mx-5 {
    margin-right: 5px !important;
  }
  .sm-ml-5,
  .sm-mx-5 {
    margin-left: 5px !important;
  }
  .sm-m-10 {
    margin: 10px !important;
  }
  .sm-mt-10,
  .sm-my-10 {
    margin-top: 10px !important;
  }
  .sm-mb-10,
  .sm-my-10 {
    margin-bottom: 10px !important;
  }
  .sm-mr-10,
  .sm-mx-10 {
    margin-right: 10px !important;
  }
  .sm-ml-10,
  .sm-mx-10 {
    margin-left: 10px !important;
  }
  .sm-m-15 {
    margin: 15px !important;
  }
  .sm-mt-15,
  .sm-my-15 {
    margin-top: 15px !important;
  }
  .sm-mb-15,
  .sm-my-15 {
    margin-bottom: 15px !important;
  }
  .sm-mr-15,
  .sm-mx-15 {
    margin-right: 15px !important;
  }
  .sm-ml-15,
  .sm-mx-15 {
    margin-left: 15px !important;
  }
  .sm-m-20 {
    margin: 20px !important;
  }
  .sm-mt-20,
  .sm-my-20 {
    margin-top: 20px !important;
  }
  .sm-mb-20,
  .sm-my-20 {
    margin-bottom: 20px !important;
  }
  .sm-mr-20,
  .sm-mx-20 {
    margin-right: 20px !important;
  }
  .sm-ml-20,
  .sm-mx-20 {
    margin-left: 20px !important;
  }
  .sm-m-25 {
    margin: 25px !important;
  }
  .sm-mt-25,
  .sm-my-25 {
    margin-top: 25px !important;
  }
  .sm-mb-25,
  .sm-my-25 {
    margin-bottom: 25px !important;
  }
  .sm-mr-25,
  .sm-mx-25 {
    margin-right: 25px !important;
  }
  .sm-ml-25,
  .sm-mx-25 {
    margin-left: 25px !important;
  }
  .sm-m-30 {
    margin: 30px !important;
  }
  .sm-mt-30,
  .sm-my-30 {
    margin-top: 30px !important;
  }
  .sm-mb-30,
  .sm-my-30 {
    margin-bottom: 30px !important;
  }
  .sm-mr-30,
  .sm-mx-30 {
    margin-right: 30px !important;
  }
  .sm-ml-30,
  .sm-mx-30 {
    margin-left: 30px !important;
  }
  .sm-m-35 {
    margin: 35px !important;
  }
  .sm-mt-35,
  .sm-my-35 {
    margin-top: 35px !important;
  }
  .sm-mb-35,
  .sm-my-35 {
    margin-bottom: 35px !important;
  }
  .sm-mr-35,
  .sm-mx-35 {
    margin-right: 35px !important;
  }
  .sm-ml-35,
  .sm-mx-35 {
    margin-left: 35px !important;
  }
  .sm-m-40 {
    margin: 40px !important;
  }
  .sm-mt-40,
  .sm-my-40 {
    margin-top: 40px !important;
  }
  .sm-mb-40,
  .sm-my-40 {
    margin-bottom: 40px !important;
  }
  .sm-mr-40,
  .sm-mx-40 {
    margin-right: 40px !important;
  }
  .sm-ml-40,
  .sm-mx-40 {
    margin-left: 40px !important;
  }
  .sm-m-45 {
    margin: 45px !important;
  }
  .sm-mt-45,
  .sm-my-45 {
    margin-top: 45px !important;
  }
  .sm-mb-45,
  .sm-my-45 {
    margin-bottom: 45px !important;
  }
  .sm-mr-45,
  .sm-mx-45 {
    margin-right: 45px !important;
  }
  .sm-ml-45,
  .sm-mx-45 {
    margin-left: 45px !important;
  }
  .sm-m-50 {
    margin: 50px !important;
  }
  .sm-mt-50,
  .sm-my-50 {
    margin-top: 50px !important;
  }
  .sm-mb-50,
  .sm-my-50 {
    margin-bottom: 50px !important;
  }
  .sm-mr-50,
  .sm-mx-50 {
    margin-right: 50px !important;
  }
  .sm-ml-50,
  .sm-mx-50 {
    margin-left: 50px !important;
  }
  .sm-m-55 {
    margin: 55px !important;
  }
  .sm-mt-55,
  .sm-my-55 {
    margin-top: 55px !important;
  }
  .sm-mb-55,
  .sm-my-55 {
    margin-bottom: 55px !important;
  }
  .sm-mr-55,
  .sm-mx-55 {
    margin-right: 55px !important;
  }
  .sm-ml-55,
  .sm-mx-55 {
    margin-left: 55px !important;
  }
  .sm-m-60 {
    margin: 60px !important;
  }
  .sm-mt-60,
  .sm-my-60 {
    margin-top: 60px !important;
  }
  .sm-mb-60,
  .sm-my-60 {
    margin-bottom: 60px !important;
  }
  .sm-mr-60,
  .sm-mx-60 {
    margin-right: 60px !important;
  }
  .sm-ml-60,
  .sm-mx-60 {
    margin-left: 60px !important;
  }
  .sm-m-65 {
    margin: 65px !important;
  }
  .sm-mt-65,
  .sm-my-65 {
    margin-top: 65px !important;
  }
  .sm-mb-65,
  .sm-my-65 {
    margin-bottom: 65px !important;
  }
  .sm-mr-65,
  .sm-mx-65 {
    margin-right: 65px !important;
  }
  .sm-ml-65,
  .sm-mx-65 {
    margin-left: 65px !important;
  }
  .sm-m-70 {
    margin: 70px !important;
  }
  .sm-mt-70,
  .sm-my-70 {
    margin-top: 70px !important;
  }
  .sm-mb-70,
  .sm-my-70 {
    margin-bottom: 70px !important;
  }
  .sm-mr-70,
  .sm-mx-70 {
    margin-right: 70px !important;
  }
  .sm-ml-70,
  .sm-mx-70 {
    margin-left: 70px !important;
  }
  .sm-m-75 {
    margin: 75px !important;
  }
  .sm-mt-75,
  .sm-my-75 {
    margin-top: 75px !important;
  }
  .sm-mb-75,
  .sm-my-75 {
    margin-bottom: 75px !important;
  }
  .sm-mr-75,
  .sm-mx-75 {
    margin-right: 75px !important;
  }
  .sm-ml-75,
  .sm-mx-75 {
    margin-left: 75px !important;
  }
  .sm-m-80 {
    margin: 80px !important;
  }
  .sm-mt-80,
  .sm-my-80 {
    margin-top: 80px !important;
  }
  .sm-mb-80,
  .sm-my-80 {
    margin-bottom: 80px !important;
  }
  .sm-mr-80,
  .sm-mx-80 {
    margin-right: 80px !important;
  }
  .sm-ml-80,
  .sm-mx-80 {
    margin-left: 80px !important;
  }
  .sm-m-85 {
    margin: 85px !important;
  }
  .sm-mt-85,
  .sm-my-85 {
    margin-top: 85px !important;
  }
  .sm-mb-85,
  .sm-my-85 {
    margin-bottom: 85px !important;
  }
  .sm-mr-85,
  .sm-mx-85 {
    margin-right: 85px !important;
  }
  .sm-ml-85,
  .sm-mx-85 {
    margin-left: 85px !important;
  }
  .sm-m-90 {
    margin: 90px !important;
  }
  .sm-mt-90,
  .sm-my-90 {
    margin-top: 90px !important;
  }
  .sm-mb-90,
  .sm-my-90 {
    margin-bottom: 90px !important;
  }
  .sm-mr-90,
  .sm-mx-90 {
    margin-right: 90px !important;
  }
  .sm-ml-90,
  .sm-mx-90 {
    margin-left: 90px !important;
  }
  .sm-m-95 {
    margin: 95px !important;
  }
  .sm-mt-95,
  .sm-my-95 {
    margin-top: 95px !important;
  }
  .sm-mb-95,
  .sm-my-95 {
    margin-bottom: 95px !important;
  }
  .sm-mr-95,
  .sm-mx-95 {
    margin-right: 95px !important;
  }
  .sm-ml-95,
  .sm-mx-95 {
    margin-left: 95px !important;
  }
  .sm-m-100 {
    margin: 100px !important;
  }
  .sm-mt-100,
  .sm-my-100 {
    margin-top: 100px !important;
  }
  .sm-mb-100,
  .sm-my-100 {
    margin-bottom: 100px !important;
  }
  .sm-mr-100,
  .sm-mx-100 {
    margin-right: 100px !important;
  }
  .sm-ml-100,
  .sm-mx-100 {
    margin-left: 100px !important;
  }
  .sm-m-120 {
    margin: 120px !important;
  }
  .sm-mt-120,
  .sm-my-120 {
    margin-top: 120px !important;
  }
  .sm-mb-120,
  .sm-my-120 {
    margin-bottom: 120px !important;
  }
  .sm-mr-120,
  .sm-mx-120 {
    margin-right: 120px !important;
  }
  .sm-ml-120,
  .sm-mx-120 {
    margin-left: 120px !important;
  }
  .sm-m-140 {
    margin: 140px !important;
  }
  .sm-mt-140,
  .sm-my-140 {
    margin-top: 140px !important;
  }
  .sm-mb-140,
  .sm-my-140 {
    margin-bottom: 140px !important;
  }
  .sm-mr-140,
  .sm-mx-140 {
    margin-right: 140px !important;
  }
  .sm-ml-140,
  .sm-mx-140 {
    margin-left: 140px !important;
  }
  .sm-m-160 {
    margin: 160px !important;
  }
  .sm-mt-160,
  .sm-my-160 {
    margin-top: 160px !important;
  }
  .sm-mb-160,
  .sm-my-160 {
    margin-bottom: 160px !important;
  }
  .sm-mr-160,
  .sm-mx-160 {
    margin-right: 160px !important;
  }
  .sm-ml-160,
  .sm-mx-160 {
    margin-left: 160px !important;
  }

  .sm-text-center {
    text-align: center !important;
  }
  .sm-text-left {
    text-align: left !important;
  }
  .sm-text-right {
    text-align: right !important;
  }

  .sm-center-col {
    float: none;
    margin-left: auto;
    margin-right: auto !important;
  }
  .sm-right-col {
    float: right;
    margin-left: auto;
    margin-right: 0px !important;
  }
  .sm-left-col {
    float: left;
    margin-left: 0px-;
    margin-right: auto !important;
  }

  .sm-float-left {
    float: left !important;
  }
  .sm-float-right {
    float: right !important;
  }
  .sm-float-none {
    float: none !important;
  }

  .sm-inherit {
    position: inherit !important;
  }
  .sm-initial {
    position: initial !important;
  }
  .sm-relative {
    position: relative !important;
    z-index: 5;
  }
  .sm-absolute {
    position: absolute !important;
  }
  .sm-fixed {
    position: fixed !important;
  }
  .sm-static {
    position: static !important;
  }

  .sm-display-block {
    display: block !important;
  }
  .sm-overflow-hidden {
    overflow: hidden !important;
  }
  .sm-overflow-auto {
    overflow: auto !important;
  }
  .sm-display-inline-block {
    display: inline-block !important;
  }
  .sm-display-inline {
    display: inline !important;
  }
  .sm-display-none {
    display: none !important;
  }
  .sm-display-inherit {
    display: inherit !important;
  }
  .sm-display-table {
    display: table !important;
  }
  .sm-display-table-cell {
    display: table-cell !important;
  }

  .sm-width-10 {
    width: 10%;
  }
  .sm-width-15 {
    width: 15%;
  }
  .sm-width-20 {
    width: 20%;
  }
  .sm-width-25 {
    width: 25%;
  }
  .sm-width-30 {
    width: 30%;
  }
  .sm-width-35 {
    width: 35%;
  }
  .sm-width-40 {
    width: 40%;
  }
  .sm-width-45 {
    width: 45%;
  }
  .sm-width-50 {
    width: 50%;
  }
  .sm-width-55 {
    width: 55%;
  }
  .sm-width-60 {
    width: 60%;
  }
  .sm-width-65 {
    width: 65%;
  }
  .sm-width-70 {
    width: 70%;
  }
  .sm-width-75 {
    width: 75%;
  }
  .sm-width-80 {
    width: 80%;
  }
  .sm-width-85 {
    width: 85%;
  }
  .sm-width-90 {
    width: 90%;
  }
  .sm-width-95 {
    width: 95%;
  }
  .sm-width-100 {
    width: 100%;
  }
}

/*MD*/
@media (min-width: 768px) {
  /* MD PADDING */
  .md-p-0 {
    padding: 0 !important;
  }
  .md-pt-0,
  .md-py-0 {
    padding-top: 0 !important;
  }
  .md-pb-0,
  .md-py-0 {
    padding-bottom: 0 !important;
  }
  .md-pr-0,
  .md-px-0 {
    padding-right: 0 !important;
  }
  .md-pl-0,
  .md-px-0 {
    padding-left: 0 !important;
  }
  .md-p-5 {
    padding: 5px !important;
  }
  .md-pt-5,
  .md-py-5 {
    padding-top: 5px !important;
  }
  .md-pb-5,
  .md-py-5 {
    padding-bottom: 5px !important;
  }
  .md-pr-5,
  .md-px-5 {
    padding-right: 5px !important;
  }
  .md-pl-5,
  .md-px-5 {
    padding-left: 5px !important;
  }
  .md-p-10 {
    padding: 10px !important;
  }
  .md-pt-10,
  .md-py-10 {
    padding-top: 10px !important;
  }
  .md-pb-10,
  .md-py-10 {
    padding-bottom: 10px !important;
  }
  .md-pr-10,
  .md-px-10 {
    padding-right: 10px !important;
  }
  .md-pl-10,
  .md-px-10 {
    padding-left: 10px !important;
  }
  .md-p-15 {
    padding: 15px !important;
  }
  .md-pt-15,
  .md-py-15 {
    padding-top: 15px !important;
  }
  .md-pb-15,
  .md-py-15 {
    padding-bottom: 15px !important;
  }
  .md-pr-15,
  .md-px-15 {
    padding-right: 15px !important;
  }
  .md-pl-15,
  .md-px-15 {
    padding-left: 15px !important;
  }
  .md-p-20 {
    padding: 20px !important;
  }
  .md-pt-20,
  .md-py-20 {
    padding-top: 20px !important;
  }
  .md-pb-20,
  .md-py-20 {
    padding-bottom: 20px !important;
  }
  .md-pr-20,
  .md-px-20 {
    padding-right: 20px !important;
  }
  .md-pl-20,
  .md-px-20 {
    padding-left: 20px !important;
  }
  .md-p-25 {
    padding: 25px !important;
  }
  .md-pt-25,
  .md-py-25 {
    padding-top: 25px !important;
  }
  .md-pb-25,
  .md-py-25 {
    padding-bottom: 25px !important;
  }
  .md-pr-25,
  .md-px-25 {
    padding-right: 25px !important;
  }
  .md-pl-25,
  .md-px-25 {
    padding-left: 25px !important;
  }
  .md-p-30 {
    padding: 30px !important;
  }
  .md-p-35 {
    padding: 35px !important;
  }
  .md-pt-35,
  .md-py-35 {
    padding-top: 35px !important;
  }
  .md-pb-35,
  .md-py-35 {
    padding-bottom: 35px !important;
  }
  .md-pr-35,
  .md-px-35 {
    padding-right: 35px !important;
  }
  .md-pl-35,
  .md-px-35 {
    padding-left: 35px !important;
  }
  .md-pt-30,
  .md-py-30 {
    padding-top: 30px !important;
  }
  .md-pb-30,
  .md-py-30 {
    padding-bottom: 30px !important;
  }
  .md-pr-30,
  .md-px-30 {
    padding-right: 30px !important;
  }
  .md-pl-30,
  .md-px-30 {
    padding-left: 30px !important;
  }
  .md-p-40 {
    padding: 40px !important;
  }
  .md-pt-40,
  .md-py-40 {
    padding-top: 40px !important;
  }
  .md-pb-40,
  .md-py-40 {
    padding-bottom: 40px !important;
  }
  .md-pr-40,
  .md-px-40 {
    padding-right: 40px !important;
  }
  .md-pl-40,
  .md-px-40 {
    padding-left: 40px !important;
  }
  .md-p-45 {
    padding: 45px !important;
  }
  .md-pt-45,
  .md-py-45 {
    padding-top: 45px !important;
  }
  .md-pb-45,
  .md-py-45 {
    padding-bottom: 45px !important;
  }
  .md-pr-45,
  .md-px-45 {
    padding-right: 45px !important;
  }
  .md-pl-45,
  .md-px-45 {
    padding-left: 45px !important;
  }
  .md-p-50 {
    padding: 50px !important;
  }
  .md-pt-50,
  .md-py-50 {
    padding-top: 50px !important;
  }
  .md-pb-50,
  .md-py-50 {
    padding-bottom: 50px !important;
  }
  .md-pr-50,
  .md-px-50 {
    padding-right: 50px !important;
  }
  .md-pl-50,
  .md-px-50 {
    padding-left: 50px !important;
  }
  .md-p-55 {
    padding: 55px !important;
  }
  .md-pt-55,
  .md-py-55 {
    padding-top: 55px !important;
  }
  .md-pb-55,
  .md-py-55 {
    padding-bottom: 55px !important;
  }
  .md-pr-55,
  .md-px-55 {
    padding-right: 55px !important;
  }
  .md-pl-55,
  .md-px-55 {
    padding-left: 55px !important;
  }
  .md-p-60 {
    padding: 60px !important;
  }
  .md-pt-60,
  .md-py-60 {
    padding-top: 60px !important;
  }
  .md-pb-60,
  .md-py-60 {
    padding-bottom: 60px !important;
  }
  .md-pr-60,
  .md-px-60 {
    padding-right: 60px !important;
  }
  .md-pl-60,
  .md-px-60 {
    padding-left: 60px !important;
  }
  .md-p-65 {
    padding: 65px !important;
  }
  .md-pt-65,
  .md-py-65 {
    padding-top: 65px !important;
  }
  .md-pb-65,
  .md-py-65 {
    padding-bottom: 65px !important;
  }
  .md-pr-65,
  .md-px-65 {
    padding-right: 65px !important;
  }
  .md-pl-65,
  .md-px-65 {
    padding-left: 65px !important;
  }
  .md-p-70 {
    padding: 70px !important;
  }
  .md-pt-70,
  .md-py-70 {
    padding-top: 70px !important;
  }
  .md-pb-70,
  .md-py-70 {
    padding-bottom: 70px !important;
  }
  .md-pr-70,
  .md-px-70 {
    padding-right: 70px !important;
  }
  .md-pl-70,
  .md-px-70 {
    padding-left: 70px !important;
  }
  .md-p-75 {
    padding: 75px !important;
  }
  .md-pt-75,
  .md-py-75 {
    padding-top: 75px !important;
  }
  .md-pb-75,
  .md-py-75 {
    padding-bottom: 75px !important;
  }
  .md-pr-75,
  .md-px-75 {
    padding-right: 75px !important;
  }
  .md-pl-75,
  .md-px-75 {
    padding-left: 75px !important;
  }
  .md-p-80 {
    padding: 80px !important;
  }
  .md-pt-80,
  .md-py-80 {
    padding-top: 80px !important;
  }
  .md-pb-80,
  .md-py-80 {
    padding-bottom: 80px !important;
  }
  .md-pr-80,
  .md-px-80 {
    padding-right: 80px !important;
  }
  .md-pl-80,
  .md-px-80 {
    padding-left: 80px !important;
  }
  .md-p-85 {
    padding: 85px !important;
  }
  .md-pt-85,
  .md-py-85 {
    padding-top: 85px !important;
  }
  .md-pb-85,
  .md-py-85 {
    padding-bottom: 85px !important;
  }
  .md-pr-85,
  .md-px-85 {
    padding-right: 85px !important;
  }
  .md-pl-85,
  .md-px-85 {
    padding-left: 85px !important;
  }
  .md-p-90 {
    padding: 90px !important;
  }
  .md-pt-90,
  .md-py-90 {
    padding-top: 90px !important;
  }
  .md-pb-90,
  .md-py-90 {
    padding-bottom: 90px !important;
  }
  .md-pr-90,
  .md-px-90 {
    padding-right: 90px !important;
  }
  .md-pl-90,
  .md-px-90 {
    padding-left: 90px !important;
  }
  .md-p-95 {
    padding: 95px !important;
  }
  .md-pt-95,
  .md-py-95 {
    padding-top: 95px !important;
  }
  .md-pb-95,
  .md-py-95 {
    padding-bottom: 95px !important;
  }
  .md-pr-95,
  .md-px-95 {
    padding-right: 95px !important;
  }
  .md-pl-95,
  .md-px-95 {
    padding-left: 95px !important;
  }
  .md-p-100 {
    padding: 100px !important;
  }
  .md-pt-100,
  .md-py-100 {
    padding-top: 100px !important;
  }
  .md-pb-100,
  .md-py-100 {
    padding-bottom: 100px !important;
  }
  .md-pr-100,
  .md-px-100 {
    padding-right: 100px !important;
  }
  .md-pl-100,
  .md-px-100 {
    padding-left: 100px !important;
  }
  .md-p-120 {
    padding: 120px !important;
  }
  .md-pt-120,
  .md-py-120 {
    padding-top: 120px !important;
  }
  .md-pb-120,
  .md-py-120 {
    padding-bottom: 120px !important;
  }
  .md-pr-120,
  .md-px-120 {
    padding-right: 120px !important;
  }
  .md-pl-120,
  .md-px-120 {
    padding-left: 120px !important;
  }
  .md-p-140 {
    padding: 140px !important;
  }
  .md-pt-140,
  .md-py-140 {
    padding-top: 140px !important;
  }
  .md-pb-140,
  .md-py-140 {
    padding-bottom: 140px !important;
  }
  .md-pr-140,
  .md-px-140 {
    padding-right: 140px !important;
  }
  .md-pl-140,
  .md-px-140 {
    padding-left: 140px !important;
  }
  .md-p-160 {
    padding: 160px !important;
  }
  .md-pt-160,
  .md-py-160 {
    padding-top: 160px !important;
  }
  .md-pb-160,
  .md-py-160 {
    padding-bottom: 160px !important;
  }
  .md-pr-160,
  .md-px-160 {
    padding-right: 160px !important;
  }
  .md-pl-160,
  .md-px-160 {
    padding-left: 160px !important;
  }

  /* MD MARGIN */
  .md-m-0 {
    margin: 0 !important;
  }
  .md-mt-0,
  .md-my-0 {
    margin-top: 0 !important;
  }
  .md-mb-0,
  .md-my-0 {
    margin-bottom: 0 !important;
  }
  .md-mr-0,
  .md-mx-0 {
    margin-right: 0 !important;
  }
  .md-ml-0,
  .md-mx-0 {
    margin-left: 0 !important;
  }
  .md-m-5 {
    margin: 5px !important;
  }
  .md-mt-5,
  .md-my-5 {
    margin-top: 5px !important;
  }
  .md-mb-5,
  .md-my-5 {
    margin-bottom: 5px !important;
  }
  .md-mr-5,
  .md-mx-5 {
    margin-right: 5px !important;
  }
  .md-ml-5,
  .md-mx-5 {
    margin-left: 5px !important;
  }
  .md-m-10 {
    margin: 10px !important;
  }
  .md-mt-10,
  .md-my-10 {
    margin-top: 10px !important;
  }
  .md-mb-10,
  .md-my-10 {
    margin-bottom: 10px !important;
  }
  .md-mr-10,
  .md-mx-10 {
    margin-right: 10px !important;
  }
  .md-ml-10,
  .md-mx-10 {
    margin-left: 10px !important;
  }
  .md-m-15 {
    margin: 15px !important;
  }
  .md-mt-15,
  .md-my-15 {
    margin-top: 15px !important;
  }
  .md-mb-15,
  .md-my-15 {
    margin-bottom: 15px !important;
  }
  .md-mr-15,
  .md-mx-15 {
    margin-right: 15px !important;
  }
  .md-ml-15,
  .md-mx-15 {
    margin-left: 15px !important;
  }
  .md-m-20 {
    margin: 20px !important;
  }
  .md-mt-20,
  .md-my-20 {
    margin-top: 20px !important;
  }
  .md-mb-20,
  .md-my-20 {
    margin-bottom: 20px !important;
  }
  .md-mr-20,
  .md-mx-20 {
    margin-right: 20px !important;
  }
  .md-ml-20,
  .md-mx-20 {
    margin-left: 20px !important;
  }
  .md-m-25 {
    margin: 25px !important;
  }
  .md-mt-25,
  .md-my-25 {
    margin-top: 25px !important;
  }
  .md-mb-25,
  .md-my-25 {
    margin-bottom: 25px !important;
  }
  .md-mr-25,
  .md-mx-25 {
    margin-right: 25px !important;
  }
  .md-ml-25,
  .md-mx-25 {
    margin-left: 25px !important;
  }
  .md-m-30 {
    margin: 30px !important;
  }
  .md-mt-30,
  .md-my-30 {
    margin-top: 30px !important;
  }
  .md-mb-30,
  .md-my-30 {
    margin-bottom: 30px !important;
  }
  .md-mr-30,
  .md-mx-30 {
    margin-right: 30px !important;
  }
  .md-ml-30,
  .md-mx-30 {
    margin-left: 30px !important;
  }
  .md-m-35 {
    margin: 35px !important;
  }
  .md-mt-35,
  .md-my-35 {
    margin-top: 35px !important;
  }
  .md-mb-35,
  .md-my-35 {
    margin-bottom: 35px !important;
  }
  .md-mr-35,
  .md-mx-35 {
    margin-right: 35px !important;
  }
  .md-ml-35,
  .md-mx-35 {
    margin-left: 35px !important;
  }
  .md-m-40 {
    margin: 40px !important;
  }
  .md-mt-40,
  .md-my-40 {
    margin-top: 40px !important;
  }
  .md-mb-40,
  .md-my-40 {
    margin-bottom: 40px !important;
  }
  .md-mr-40,
  .md-mx-40 {
    margin-right: 40px !important;
  }
  .md-ml-40,
  .md-mx-40 {
    margin-left: 40px !important;
  }
  .md-m-45 {
    margin: 45px !important;
  }
  .md-mt-45,
  .md-my-45 {
    margin-top: 45px !important;
  }
  .md-mb-45,
  .md-my-45 {
    margin-bottom: 45px !important;
  }
  .md-mr-45,
  .md-mx-45 {
    margin-right: 45px !important;
  }
  .md-ml-45,
  .md-mx-45 {
    margin-left: 45px !important;
  }
  .md-m-50 {
    margin: 50px !important;
  }
  .md-mt-50,
  .md-my-50 {
    margin-top: 50px !important;
  }
  .md-mb-50,
  .md-my-50 {
    margin-bottom: 50px !important;
  }
  .md-mr-50,
  .md-mx-50 {
    margin-right: 50px !important;
  }
  .md-ml-50,
  .md-mx-50 {
    margin-left: 50px !important;
  }
  .md-m-55 {
    margin: 55px !important;
  }
  .md-mt-55,
  .md-my-55 {
    margin-top: 55px !important;
  }
  .md-mb-55,
  .md-my-55 {
    margin-bottom: 55px !important;
  }
  .md-mr-55,
  .md-mx-55 {
    margin-right: 55px !important;
  }
  .md-ml-55,
  .md-mx-55 {
    margin-left: 55px !important;
  }
  .md-m-60 {
    margin: 60px !important;
  }
  .md-mt-60,
  .md-my-60 {
    margin-top: 60px !important;
  }
  .md-mb-60,
  .md-my-60 {
    margin-bottom: 60px !important;
  }
  .md-mr-60,
  .md-mx-60 {
    margin-right: 60px !important;
  }
  .md-ml-60,
  .md-mx-60 {
    margin-left: 60px !important;
  }
  .md-m-65 {
    margin: 65px !important;
  }
  .md-mt-65,
  .md-my-65 {
    margin-top: 65px !important;
  }
  .md-mb-65,
  .md-my-65 {
    margin-bottom: 65px !important;
  }
  .md-mr-65,
  .md-mx-65 {
    margin-right: 65px !important;
  }
  .md-ml-65,
  .md-mx-65 {
    margin-left: 65px !important;
  }
  .md-m-70 {
    margin: 70px !important;
  }
  .md-mt-70,
  .md-my-70 {
    margin-top: 70px !important;
  }
  .md-mb-70,
  .md-my-70 {
    margin-bottom: 70px !important;
  }
  .md-mr-70,
  .md-mx-70 {
    margin-right: 70px !important;
  }
  .md-ml-70,
  .md-mx-70 {
    margin-left: 70px !important;
  }
  .md-m-75 {
    margin: 75px !important;
  }
  .md-mt-75,
  .md-my-75 {
    margin-top: 75px !important;
  }
  .md-mb-75,
  .md-my-75 {
    margin-bottom: 75px !important;
  }
  .md-mr-75,
  .md-mx-75 {
    margin-right: 75px !important;
  }
  .md-ml-75,
  .md-mx-75 {
    margin-left: 75px !important;
  }
  .md-m-80 {
    margin: 80px !important;
  }
  .md-mt-80,
  .md-my-80 {
    margin-top: 80px !important;
  }
  .md-mb-80,
  .md-my-80 {
    margin-bottom: 80px !important;
  }
  .md-mr-80,
  .md-mx-80 {
    margin-right: 80px !important;
  }
  .md-ml-80,
  .md-mx-80 {
    margin-left: 80px !important;
  }
  .md-m-85 {
    margin: 85px !important;
  }
  .md-mt-85,
  .md-my-85 {
    margin-top: 85px !important;
  }
  .md-mb-85,
  .md-my-85 {
    margin-bottom: 85px !important;
  }
  .md-mr-85,
  .md-mx-85 {
    margin-right: 85px !important;
  }
  .md-ml-85,
  .md-mx-85 {
    margin-left: 85px !important;
  }
  .md-m-90 {
    margin: 90px !important;
  }
  .md-mt-90,
  .md-my-90 {
    margin-top: 90px !important;
  }
  .md-mb-90,
  .md-my-90 {
    margin-bottom: 90px !important;
  }
  .md-mr-90,
  .md-mx-90 {
    margin-right: 90px !important;
  }
  .md-ml-90,
  .md-mx-90 {
    margin-left: 90px !important;
  }
  .md-m-95 {
    margin: 95px !important;
  }
  .md-mt-95,
  .md-my-95 {
    margin-top: 95px !important;
  }
  .md-mb-95,
  .md-my-95 {
    margin-bottom: 95px !important;
  }
  .md-mr-95,
  .md-mx-95 {
    margin-right: 95px !important;
  }
  .md-ml-95,
  .md-mx-95 {
    margin-left: 95px !important;
  }
  .md-m-100 {
    margin: 100px !important;
  }
  .md-mt-100,
  .md-my-100 {
    margin-top: 100px !important;
  }
  .md-mb-100,
  .md-my-100 {
    margin-bottom: 100px !important;
  }
  .md-mr-100,
  .md-mx-100 {
    margin-right: 100px !important;
  }
  .md-ml-100,
  .md-mx-100 {
    margin-left: 100px !important;
  }
  .md-m-120 {
    margin: 120px !important;
  }
  .md-mt-120,
  .md-my-120 {
    margin-top: 120px !important;
  }
  .md-mb-120,
  .md-my-120 {
    margin-bottom: 120px !important;
  }
  .md-mr-120,
  .md-mx-120 {
    margin-right: 120px !important;
  }
  .md-ml-120,
  .md-mx-120 {
    margin-left: 120px !important;
  }
  .md-m-140 {
    margin: 140px !important;
  }
  .md-mt-140,
  .md-my-140 {
    margin-top: 140px !important;
  }
  .md-mb-140,
  .md-my-140 {
    margin-bottom: 140px !important;
  }
  .md-mr-140,
  .md-mx-140 {
    margin-right: 140px !important;
  }
  .md-ml-140,
  .md-mx-140 {
    margin-left: 140px !important;
  }
  .md-m-160 {
    margin: 160px !important;
  }
  .md-mt-160,
  .md-my-160 {
    margin-top: 160px !important;
  }
  .md-mb-160,
  .md-my-160 {
    margin-bottom: 160px !important;
  }
  .md-mr-160,
  .md-mx-160 {
    margin-right: 160px !important;
  }
  .md-ml-160,
  .md-mx-160 {
    margin-left: 160px !important;
  }

  .md-text-center {
    text-align: center !important;
  }
  .md-text-left {
    text-align: left !important;
  }
  .md-text-right {
    text-align: right !important;
  }

  .md-center-col {
    float: none;
    margin-left: auto;
    margin-right: auto !important;
  }
  .md-right-col {
    float: right;
    margin-left: auto;
    margin-right: 0px !important;
  }
  .md-left-col {
    float: left;
    margin-left: 0px-;
    margin-right: auto !important;
  }

  .md-float-left {
    float: left !important;
  }
  .md-float-right {
    float: right !important;
  }
  .md-float-none {
    float: none !important;
  }

  .md-inherit {
    position: inherit !important;
  }
  .md-initial {
    position: initial !important;
  }
  .md-relative {
    position: relative !important;
    z-index: 5;
  }
  .md-absolute {
    position: absolute !important;
  }
  .md-fixed {
    position: fixed !important;
  }
  .md-static {
    position: static !important;
  }

  .md-display-block {
    display: block !important;
  }
  .md-overflow-hidden {
    overflow: hidden !important;
  }
  .md-overflow-auto {
    overflow: auto !important;
  }
  .md-display-inline-block {
    display: inline-block !important;
  }
  .md-display-inline {
    display: inline !important;
  }
  .md-display-none {
    display: none !important;
  }
  .md-display-inherit {
    display: inherit !important;
  }
  .md-display-table {
    display: table !important;
  }
  .md-display-table-cell {
    display: table-cell !important;
  }

  .md-width-10 {
    width: 10%;
  }
  .md-width-15 {
    width: 15%;
  }
  .md-width-20 {
    width: 20%;
  }
  .md-width-25 {
    width: 25%;
  }
  .md-width-30 {
    width: 30%;
  }
  .md-width-35 {
    width: 35%;
  }
  .md-width-40 {
    width: 40%;
  }
  .md-width-45 {
    width: 45%;
  }
  .md-width-50 {
    width: 50%;
  }
  .md-width-55 {
    width: 55%;
  }
  .md-width-60 {
    width: 60%;
  }
  .md-width-65 {
    width: 65%;
  }
  .md-width-70 {
    width: 70%;
  }
  .md-width-75 {
    width: 75%;
  }
  .md-width-80 {
    width: 80%;
  }
  .md-width-85 {
    width: 85%;
  }
  .md-width-90 {
    width: 90%;
  }
  .md-width-95 {
    width: 95%;
  }
  .md-width-100 {
    width: 100%;
  }
}

/*LG*/
@media (min-width: 992px) {
  /* LG PADDING */
  .lg-p-0 {
    padding: 0 !important;
  }
  .lg-pt-0,
  .lg-py-0 {
    padding-top: 0 !important;
  }
  .lg-pb-0,
  .lg-py-0 {
    padding-bottom: 0 !important;
  }
  .lg-pr-0,
  .lg-px-0 {
    padding-right: 0 !important;
  }
  .lg-pl-0,
  .lg-px-0 {
    padding-left: 0 !important;
  }
  .lg-p-5 {
    padding: 5px !important;
  }
  .lg-pt-5,
  .lg-py-5 {
    padding-top: 5px !important;
  }
  .lg-pb-5,
  .lg-py-5 {
    padding-bottom: 5px !important;
  }
  .lg-pr-5,
  .lg-px-5 {
    padding-right: 5px !important;
  }
  .lg-pl-5,
  .lg-px-5 {
    padding-left: 5px !important;
  }
  .lg-p-10 {
    padding: 10px !important;
  }
  .lg-pt-10,
  .lg-py-10 {
    padding-top: 10px !important;
  }
  .lg-pb-10,
  .lg-py-10 {
    padding-bottom: 10px !important;
  }
  .lg-pr-10,
  .lg-px-10 {
    padding-right: 10px !important;
  }
  .lg-pl-10,
  .lg-px-10 {
    padding-left: 10px !important;
  }
  .lg-p-15 {
    padding: 15px !important;
  }
  .lg-pt-15,
  .lg-py-15 {
    padding-top: 15px !important;
  }
  .lg-pb-15,
  .lg-py-15 {
    padding-bottom: 15px !important;
  }
  .lg-pr-15,
  .lg-px-15 {
    padding-right: 15px !important;
  }
  .lg-pl-15,
  .lg-px-15 {
    padding-left: 15px !important;
  }
  .lg-p-20 {
    padding: 20px !important;
  }
  .lg-pt-20,
  .lg-py-20 {
    padding-top: 20px !important;
  }
  .lg-pb-20,
  .lg-py-20 {
    padding-bottom: 20px !important;
  }
  .lg-pr-20,
  .lg-px-20 {
    padding-right: 20px !important;
  }
  .lg-pl-20,
  .lg-px-20 {
    padding-left: 20px !important;
  }
  .lg-p-25 {
    padding: 25px !important;
  }
  .lg-pt-25,
  .lg-py-25 {
    padding-top: 25px !important;
  }
  .lg-pb-25,
  .lg-py-25 {
    padding-bottom: 25px !important;
  }
  .lg-pr-25,
  .lg-px-25 {
    padding-right: 25px !important;
  }
  .lg-pl-25,
  .lg-px-25 {
    padding-left: 25px !important;
  }
  .lg-p-30 {
    padding: 30px !important;
  }
  .lg-pt-30,
  .lg-py-30 {
    padding-top: 30px !important;
  }
  .lg-pb-30,
  .lg-py-30 {
    padding-bottom: 30px !important;
  }
  .lg-pr-30,
  .lg-px-30 {
    padding-right: 30px !important;
  }
  .lg-pl-30,
  .lg-px-30 {
    padding-left: 30px !important;
  }
  .lg-p-35 {
    padding: 35px !important;
  }
  .lg-pt-35,
  .lg-py-35 {
    padding-top: 35px !important;
  }
  .lg-pb-35,
  .lg-py-35 {
    padding-bottom: 35px !important;
  }
  .lg-pr-35,
  .lg-px-35 {
    padding-right: 35px !important;
  }
  .lg-pl-35,
  .lg-px-35 {
    padding-left: 35px !important;
  }
  .lg-p-40 {
    padding: 40px !important;
  }
  .lg-pt-40,
  .lg-py-40 {
    padding-top: 40px !important;
  }
  .lg-pb-40,
  .lg-py-40 {
    padding-bottom: 40px !important;
  }
  .lg-pr-40,
  .lg-px-40 {
    padding-right: 40px !important;
  }
  .lg-pl-40,
  .lg-px-40 {
    padding-left: 40px !important;
  }
  .lg-p-45 {
    padding: 45px !important;
  }
  .lg-pt-45,
  .lg-py-45 {
    padding-top: 45px !important;
  }
  .lg-pb-45,
  .lg-py-45 {
    padding-bottom: 45px !important;
  }
  .lg-pr-45,
  .lg-px-45 {
    padding-right: 45px !important;
  }
  .lg-pl-45,
  .lg-px-45 {
    padding-left: 45px !important;
  }
  .lg-p-50 {
    padding: 50px !important;
  }
  .lg-pt-50,
  .lg-py-50 {
    padding-top: 50px !important;
  }
  .lg-pb-50,
  .lg-py-50 {
    padding-bottom: 50px !important;
  }
  .lg-pr-50,
  .lg-px-50 {
    padding-right: 50px !important;
  }
  .lg-pl-50,
  .lg-px-50 {
    padding-left: 50px !important;
  }
  .lg-p-55 {
    padding: 55px !important;
  }
  .lg-pt-55,
  .lg-py-55 {
    padding-top: 55px !important;
  }
  .lg-pb-55,
  .lg-py-55 {
    padding-bottom: 55px !important;
  }
  .lg-pr-55,
  .lg-px-55 {
    padding-right: 55px !important;
  }
  .lg-pl-55,
  .lg-px-55 {
    padding-left: 55px !important;
  }
  .lg-p-60 {
    padding: 60px !important;
  }
  .lg-pt-60,
  .lg-py-60 {
    padding-top: 60px !important;
  }
  .lg-pb-60,
  .lg-py-60 {
    padding-bottom: 60px !important;
  }
  .lg-pr-60,
  .lg-px-60 {
    padding-right: 60px !important;
  }
  .lg-pl-60,
  .lg-px-60 {
    padding-left: 60px !important;
  }
  .lg-p-65 {
    padding: 65px !important;
  }
  .lg-pt-65,
  .lg-py-65 {
    padding-top: 65px !important;
  }
  .lg-pb-65,
  .lg-py-65 {
    padding-bottom: 65px !important;
  }
  .lg-pr-65,
  .lg-px-65 {
    padding-right: 65px !important;
  }
  .lg-pl-65,
  .lg-px-65 {
    padding-left: 65px !important;
  }
  .lg-p-70 {
    padding: 70px !important;
  }
  .lg-pt-70,
  .lg-py-70 {
    padding-top: 70px !important;
  }
  .lg-pb-70,
  .lg-py-70 {
    padding-bottom: 70px !important;
  }
  .lg-pr-70,
  .lg-px-70 {
    padding-right: 70px !important;
  }
  .lg-pl-70,
  .lg-px-70 {
    padding-left: 70px !important;
  }
  .lg-p-75 {
    padding: 75px !important;
  }
  .lg-pt-75,
  .lg-py-75 {
    padding-top: 75px !important;
  }
  .lg-pb-75,
  .lg-py-75 {
    padding-bottom: 75px !important;
  }
  .lg-pr-75,
  .lg-px-75 {
    padding-right: 75px !important;
  }
  .lg-pl-75,
  .lg-px-75 {
    padding-left: 75px !important;
  }
  .lg-p-80 {
    padding: 80px !important;
  }
  .lg-pt-80,
  .lg-py-80 {
    padding-top: 80px !important;
  }
  .lg-pb-80,
  .lg-py-80 {
    padding-bottom: 80px !important;
  }
  .lg-pr-80,
  .lg-px-80 {
    padding-right: 80px !important;
  }
  .lg-pl-80,
  .lg-px-80 {
    padding-left: 80px !important;
  }
  .lg-p-85 {
    padding: 85px !important;
  }
  .lg-pt-85,
  .lg-py-85 {
    padding-top: 85px !important;
  }
  .lg-pb-85,
  .lg-py-85 {
    padding-bottom: 85px !important;
  }
  .lg-pr-85,
  .lg-px-85 {
    padding-right: 85px !important;
  }
  .lg-pl-85,
  .lg-px-85 {
    padding-left: 85px !important;
  }
  .lg-p-90 {
    padding: 90px !important;
  }
  .lg-pt-90,
  .lg-py-90 {
    padding-top: 90px !important;
  }
  .lg-pb-90,
  .lg-py-90 {
    padding-bottom: 90px !important;
  }
  .lg-pr-90,
  .lg-px-90 {
    padding-right: 90px !important;
  }
  .lg-pl-90,
  .lg-px-90 {
    padding-left: 90px !important;
  }
  .lg-p-95 {
    padding: 95px !important;
  }
  .lg-pt-95,
  .lg-py-95 {
    padding-top: 95px !important;
  }
  .lg-pb-95,
  .lg-py-95 {
    padding-bottom: 95px !important;
  }
  .lg-pr-95,
  .lg-px-95 {
    padding-right: 95px !important;
  }
  .lg-pl-95,
  .lg-px-95 {
    padding-left: 95px !important;
  }
  .lg-p-100 {
    padding: 100px !important;
  }
  .lg-pt-100,
  .lg-py-100 {
    padding-top: 100px !important;
  }
  .lg-pb-100,
  .lg-py-100 {
    padding-bottom: 100px !important;
  }
  .lg-pr-100,
  .lg-px-100 {
    padding-right: 100px !important;
  }
  .lg-pl-100,
  .lg-px-100 {
    padding-left: 100px !important;
  }
  .lg-p-120 {
    padding: 120px !important;
  }
  .lg-pt-120,
  .lg-py-120 {
    padding-top: 120px !important;
  }
  .lg-pb-120,
  .lg-py-120 {
    padding-bottom: 120px !important;
  }
  .lg-pr-120,
  .lg-px-120 {
    padding-right: 120px !important;
  }
  .lg-pl-120,
  .lg-px-120 {
    padding-left: 120px !important;
  }
  .lg-p-140 {
    padding: 140px !important;
  }
  .lg-pt-140,
  .lg-py-140 {
    padding-top: 140px !important;
  }
  .lg-pb-140,
  .lg-py-140 {
    padding-bottom: 140px !important;
  }
  .lg-pr-140,
  .lg-px-140 {
    padding-right: 140px !important;
  }
  .lg-pl-140,
  .lg-px-140 {
    padding-left: 140px !important;
  }
  .lg-p-160 {
    padding: 160px !important;
  }
  .lg-pt-160,
  .lg-py-160 {
    padding-top: 160px !important;
  }
  .lg-pb-160,
  .lg-py-160 {
    padding-bottom: 160px !important;
  }
  .lg-pr-160,
  .lg-px-160 {
    padding-right: 160px !important;
  }
  .lg-pl-160,
  .lg-px-160 {
    padding-left: 160px !important;
  }

  /* LG MARGIN */
  .lg-m-0 {
    margin: 0 !important;
  }
  .lg-mt-0,
  .lg-my-0 {
    margin-top: 0 !important;
  }
  .lg-mb-0,
  .lg-my-0 {
    margin-bottom: 0 !important;
  }
  .lg-mr-0,
  .lg-mx-0 {
    margin-right: 0 !important;
  }
  .lg-ml-0,
  .lg-mx-0 {
    margin-left: 0 !important;
  }
  .lg-m-5 {
    margin: 5px !important;
  }
  .lg-mt-5,
  .lg-my-5 {
    margin-top: 5px !important;
  }
  .lg-mb-5,
  .lg-my-5 {
    margin-bottom: 5px !important;
  }
  .lg-mr-5,
  .lg-mx-5 {
    margin-right: 5px !important;
  }
  .lg-ml-5,
  .lg-mx-5 {
    margin-left: 5px !important;
  }
  .lg-m-10 {
    margin: 10px !important;
  }
  .lg-mt-10,
  .lg-my-10 {
    margin-top: 10px !important;
  }
  .lg-mb-10,
  .lg-my-10 {
    margin-bottom: 10px !important;
  }
  .lg-mr-10,
  .lg-mx-10 {
    margin-right: 10px !important;
  }
  .lg-ml-10,
  .lg-mx-10 {
    margin-left: 10px !important;
  }
  .lg-m-15 {
    margin: 15px !important;
  }
  .lg-mt-15,
  .lg-my-15 {
    margin-top: 15px !important;
  }
  .lg-mb-15,
  .lg-my-15 {
    margin-bottom: 15px !important;
  }
  .lg-mr-15,
  .lg-mx-15 {
    margin-right: 15px !important;
  }
  .lg-ml-15,
  .lg-mx-15 {
    margin-left: 15px !important;
  }
  .lg-m-20 {
    margin: 20px !important;
  }
  .lg-mt-20,
  .lg-my-20 {
    margin-top: 20px !important;
  }
  .lg-mb-20,
  .lg-my-20 {
    margin-bottom: 20px !important;
  }
  .lg-mr-20,
  .lg-mx-20 {
    margin-right: 20px !important;
  }
  .lg-ml-20,
  .lg-mx-20 {
    margin-left: 20px !important;
  }
  .lg-m-25 {
    margin: 25px !important;
  }
  .lg-mt-25,
  .lg-my-25 {
    margin-top: 25px !important;
  }
  .lg-mb-25,
  .lg-my-25 {
    margin-bottom: 25px !important;
  }
  .lg-mr-25,
  .lg-mx-25 {
    margin-right: 25px !important;
  }
  .lg-ml-25,
  .lg-mx-25 {
    margin-left: 25px !important;
  }
  .lg-m-30 {
    margin: 30px !important;
  }
  .lg-mt-30,
  .lg-my-30 {
    margin-top: 30px !important;
  }
  .lg-mb-30,
  .lg-my-30 {
    margin-bottom: 30px !important;
  }
  .lg-mr-30,
  .lg-mx-30 {
    margin-right: 30px !important;
  }
  .lg-ml-30,
  .lg-mx-30 {
    margin-left: 30px !important;
  }
  .lg-m-35 {
    margin: 35px !important;
  }
  .lg-mt-35,
  .lg-my-35 {
    margin-top: 35px !important;
  }
  .lg-mb-35,
  .lg-my-35 {
    margin-bottom: 35px !important;
  }
  .lg-mr-35,
  .lg-mx-35 {
    margin-right: 35px !important;
  }
  .lg-ml-35,
  .lg-mx-35 {
    margin-left: 35px !important;
  }
  .lg-m-40 {
    margin: 40px !important;
  }
  .lg-mt-40,
  .lg-my-40 {
    margin-top: 40px !important;
  }
  .lg-mb-40,
  .lg-my-40 {
    margin-bottom: 40px !important;
  }
  .lg-mr-40,
  .lg-mx-40 {
    margin-right: 40px !important;
  }
  .lg-ml-40,
  .lg-mx-40 {
    margin-left: 40px !important;
  }
  .lg-m-45 {
    margin: 45px !important;
  }
  .lg-mt-45,
  .lg-my-45 {
    margin-top: 45px !important;
  }
  .lg-mb-45,
  .lg-my-45 {
    margin-bottom: 45px !important;
  }
  .lg-mr-45,
  .lg-mx-45 {
    margin-right: 45px !important;
  }
  .lg-ml-45,
  .lg-mx-45 {
    margin-left: 45px !important;
  }
  .lg-m-50 {
    margin: 50px !important;
  }
  .lg-mt-50,
  .lg-my-50 {
    margin-top: 50px !important;
  }
  .lg-mb-50,
  .lg-my-50 {
    margin-bottom: 50px !important;
  }
  .lg-mr-50,
  .lg-mx-50 {
    margin-right: 50px !important;
  }
  .lg-ml-50,
  .lg-mx-50 {
    margin-left: 50px !important;
  }
  .lg-m-55 {
    margin: 55px !important;
  }
  .lg-mt-55,
  .lg-my-55 {
    margin-top: 55px !important;
  }
  .lg-mb-55,
  .lg-my-55 {
    margin-bottom: 55px !important;
  }
  .lg-mr-55,
  .lg-mx-55 {
    margin-right: 55px !important;
  }
  .lg-ml-55,
  .lg-mx-55 {
    margin-left: 55px !important;
  }
  .lg-m-60 {
    margin: 60px !important;
  }
  .lg-mt-60,
  .lg-my-60 {
    margin-top: 60px !important;
  }
  .lg-mb-60,
  .lg-my-60 {
    margin-bottom: 60px !important;
  }
  .lg-mr-60,
  .lg-mx-60 {
    margin-right: 60px !important;
  }
  .lg-ml-60,
  .lg-mx-60 {
    margin-left: 60px !important;
  }
  .lg-m-65 {
    margin: 65px !important;
  }
  .lg-mt-65,
  .lg-my-65 {
    margin-top: 65px !important;
  }
  .lg-mb-65,
  .lg-my-65 {
    margin-bottom: 65px !important;
  }
  .lg-mr-65,
  .lg-mx-65 {
    margin-right: 65px !important;
  }
  .lg-ml-65,
  .lg-mx-65 {
    margin-left: 65px !important;
  }
  .lg-m-70 {
    margin: 70px !important;
  }
  .lg-mt-70,
  .lg-my-70 {
    margin-top: 70px !important;
  }
  .lg-mb-70,
  .lg-my-70 {
    margin-bottom: 70px !important;
  }
  .lg-mr-70,
  .lg-mx-70 {
    margin-right: 70px !important;
  }
  .lg-ml-70,
  .lg-mx-70 {
    margin-left: 70px !important;
  }
  .lg-m-75 {
    margin: 75px !important;
  }
  .lg-mt-75,
  .lg-my-75 {
    margin-top: 75px !important;
  }
  .lg-mb-75,
  .lg-my-75 {
    margin-bottom: 75px !important;
  }
  .lg-mr-75,
  .lg-mx-75 {
    margin-right: 75px !important;
  }
  .lg-ml-75,
  .lg-mx-75 {
    margin-left: 75px !important;
  }
  .lg-m-80 {
    margin: 80px !important;
  }
  .lg-mt-80,
  .lg-my-80 {
    margin-top: 80px !important;
  }
  .lg-mb-80,
  .lg-my-80 {
    margin-bottom: 80px !important;
  }
  .lg-mr-80,
  .lg-mx-80 {
    margin-right: 80px !important;
  }
  .lg-ml-80,
  .lg-mx-80 {
    margin-left: 80px !important;
  }
  .lg-m-85 {
    margin: 85px !important;
  }
  .lg-mt-85,
  .lg-my-85 {
    margin-top: 85px !important;
  }
  .lg-mb-85,
  .lg-my-85 {
    margin-bottom: 85px !important;
  }
  .lg-mr-85,
  .lg-mx-85 {
    margin-right: 85px !important;
  }
  .lg-ml-85,
  .lg-mx-85 {
    margin-left: 85px !important;
  }
  .lg-m-90 {
    margin: 90px !important;
  }
  .lg-mt-90,
  .lg-my-90 {
    margin-top: 90px !important;
  }
  .lg-mb-90,
  .lg-my-90 {
    margin-bottom: 90px !important;
  }
  .lg-mr-90,
  .lg-mx-90 {
    margin-right: 90px !important;
  }
  .lg-ml-90,
  .lg-mx-90 {
    margin-left: 90px !important;
  }
  .lg-m-95 {
    margin: 95px !important;
  }
  .lg-mt-95,
  .lg-my-95 {
    margin-top: 95px !important;
  }
  .lg-mb-95,
  .lg-my-95 {
    margin-bottom: 95px !important;
  }
  .lg-mr-95,
  .lg-mx-95 {
    margin-right: 95px !important;
  }
  .lg-ml-95,
  .lg-mx-95 {
    margin-left: 95px !important;
  }
  .lg-m-100 {
    margin: 100px !important;
  }
  .lg-mt-100,
  .lg-my-100 {
    margin-top: 100px !important;
  }
  .lg-mb-100,
  .lg-my-100 {
    margin-bottom: 100px !important;
  }
  .lg-mr-100,
  .lg-mx-100 {
    margin-right: 100px !important;
  }
  .lg-ml-100,
  .lg-mx-100 {
    margin-left: 100px !important;
  }
  .lg-m-120 {
    margin: 120px !important;
  }
  .lg-mt-120,
  .lg-my-120 {
    margin-top: 120px !important;
  }
  .lg-mb-120,
  .lg-my-120 {
    margin-bottom: 120px !important;
  }
  .lg-mr-120,
  .lg-mx-120 {
    margin-right: 120px !important;
  }
  .lg-ml-120,
  .lg-mx-120 {
    margin-left: 120px !important;
  }
  .lg-m-140 {
    margin: 140px !important;
  }
  .lg-mt-140,
  .lg-my-140 {
    margin-top: 140px !important;
  }
  .lg-mb-140,
  .lg-my-140 {
    margin-bottom: 140px !important;
  }
  .lg-mr-140,
  .lg-mx-140 {
    margin-right: 140px !important;
  }
  .lg-ml-140,
  .lg-mx-140 {
    margin-left: 140px !important;
  }
  .lg-m-160 {
    margin: 160px !important;
  }
  .lg-mt-160,
  .lg-my-160 {
    margin-top: 160px !important;
  }
  .lg-mb-160,
  .lg-my-160 {
    margin-bottom: 160px !important;
  }
  .lg-mr-160,
  .lg-mx-160 {
    margin-right: 160px !important;
  }
  .lg-ml-160,
  .lg-mx-160 {
    margin-left: 160px !important;
  }

  .lg-text-center {
    text-align: center !important;
  }
  .lg-text-left {
    text-align: left !important;
  }
  .lg-text-right {
    text-align: right !important;
  }

  .lg-center-col {
    float: none;
    margin-left: auto;
    margin-right: auto !important;
  }
  .lg-right-col {
    float: right;
    margin-left: auto;
    margin-right: 0px !important;
  }
  .lg-left-col {
    float: left;
    margin-left: 0px-;
    margin-right: auto !important;
  }

  .lg-float-left {
    float: left !important;
  }
  .lg-float-right {
    float: right !important;
  }
  .lg-float-none {
    float: none !important;
  }

  .lg-inherit {
    position: inherit !important;
  }
  .lg-initial {
    position: initial !important;
  }
  .lg-relative {
    position: relative !important;
    z-index: 5;
  }
  .lg-absolute {
    position: absolute !important;
  }
  .lg-fixed {
    position: fixed !important;
  }

  .lg-display-block {
    display: block !important;
  }
  .lg-overflow-hidden {
    overflow: hidden !important;
  }
  .lg-overflow-auto {
    overflow: auto !important;
  }
  .lg-display-inline-block {
    display: inline-block !important;
  }
  .lg-display-inline {
    display: inline !important;
  }
  .lg-display-none {
    display: none !important;
  }
  .lg-display-inherit {
    display: inherit !important;
  }
  .lg-display-table {
    display: table !important;
  }
  .lg-display-table-cell {
    display: table-cell !important;
  }

  .lg-width-10 {
    width: 10%;
  }
  .lg-width-15 {
    width: 15%;
  }
  .lg-width-20 {
    width: 20%;
  }
  .lg-width-25 {
    width: 25%;
  }
  .lg-width-30 {
    width: 30%;
  }
  .lg-width-35 {
    width: 35%;
  }
  .lg-width-40 {
    width: 40%;
  }
  .lg-width-45 {
    width: 45%;
  }
  .lg-width-50 {
    width: 50%;
  }
  .lg-width-55 {
    width: 55%;
  }
  .lg-width-60 {
    width: 60%;
  }
  .lg-width-65 {
    width: 65%;
  }
  .lg-width-70 {
    width: 70%;
  }
  .lg-width-75 {
    width: 75%;
  }
  .lg-width-80 {
    width: 80%;
  }
  .lg-width-85 {
    width: 85%;
  }
  .lg-width-90 {
    width: 90%;
  }
  .lg-width-95 {
    width: 95%;
  }
  .lg-width-100 {
    width: 100%;
  }
}

/* ============================================================
	UNROW
============================================================ */
.unrow {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.unrow-15 {
  margin-right: -15px !important;
  margin-left: -15px !important;
}
.unrow-30 {
  margin-right: -30px !important;
  margin-left: -30px !important;
}

/* ============================================================
	VERTICAL CENTER
============================================================ */

.middle em {
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}
.middle-item {
  vertical-align: middle;
  display: inline-block;
}

.row-same-height {
  display: table;
  width: calc(100% + 25px);
}
.row-same-height.img-responsive {
  width: 100% !important;
  max-width: 100% !important;
}

.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

/* ============================================================
	AZONOS MAGASSAGÚ OSZLOPOK
============================================================ */

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.col-content {
  height: 100%;
  padding: 0;
}

@media (max-width: 768px) {
  .row-flex > [class*="col-"] {
    margin-bottom: 30px;
  }

  .row-flex {
    display: block;
    flex-wrap: nowrap;
  }
}

*:focus,
.form-control:focus {
  outline: 0 none !important;
}

/* ============================================================
	LINE'S
============================================================ */
hr {
  margin: 40px 0 !important;
}
hr.center {
  margin: 40px auto !important;
}

hr {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
hr.dashed {
  border-top: 1px dashed rgba(0, 0, 0, 0.125);
}

hr.decor-line-50 {
  width: 50px;
}
hr.decor-line-100 {
  width: 100px;
}
hr.decor-line-150 {
  width: 150px;
}
hr.decor-line-200 {
  width: 200px;
}
hr.decor-line-250 {
  width: 250px;
}
hr.decor-line-300 {
  width: 300px;
}
hr.decor-line-400 {
  width: 400px;
}
hr.decor-line-500 {
  width: 500px;
}
hr.decor-line-600 {
  width: 600px;
}

hr.border-1 {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
hr.border-2 {
  border-top: 2px solid rgba(0, 0, 0, 0.125);
}
hr.border-3 {
  border-top: 3px solid rgba(0, 0, 0, 0.125);
}
hr.border-4 {
  border-top: 4px solid rgba(0, 0, 0, 0.125);
}
hr.border-5 {
  border-top: 5px solid rgba(0, 0, 0, 0.125);
}

hr.hr-margin-5 {
  margin: 5px auto !important;
}
hr.hr-margin-10 {
  margin: 10px auto !important;
}
hr.hr-margin-15 {
  margin: 15px auto !important;
}
hr.hr-margin-20 {
  margin: 20px auto !important;
}
hr.hr-margin-25 {
  margin: 25px auto !important;
}
hr.hr-margin-30 {
  margin: 30px auto !important;
}
hr.hr-margin-35 {
  margin: 35px auto !important;
}

/* ============================================================
	BORDERS
============================================================ */
.solid-border-1 {
  border: 1px solid transparent;
}
.solid-border-2 {
  border: 2px solid transparent;
}
.solid-border-3 {
  border: 3px solid transparent;
}
.solid-border-4 {
  border: 4px solid transparent;
}
.solid-border-5 {
  border: 5px solid transparent;
}

/* ============================================================
	IMG-width
============================================================ */
img.img-width-10 {
  width: 10%;
}
img.img-width-15 {
  width: 15%;
}
img.img-width-20 {
  width: 20%;
}
img.img-width-25 {
  width: 25%;
}
img.img-width-30 {
  width: 30%;
}
img.img-width-35 {
  width: 35%;
}
img.img-width-40 {
  width: 40%;
}
img.img-width-45 {
  width: 45%;
}
img.img-width-50 {
  width: 50%;
}
img.img-width-55 {
  width: 55%;
}
img.img-width-60 {
  width: 60%;
}
img.img-width-65 {
  width: 65%;
}
img.img-width-70 {
  width: 70%;
}
img.img-width-75 {
  width: 75%;
}
img.img-width-80 {
  width: 80%;
}
img.img-width-85 {
  width: 85%;
}
img.img-width-90 {
  width: 90%;
}
img.img-width-95 {
  width: 95%;
}
img.img-width-100 {
  width: 100%;
}

@media (max-width: 480px) {
  img.img-width-10,
  img.img-width-15,
  img.img-width-20,
  img.img-width-25,
  img.img-width-30,
  img.img-width-35,
  img.img-width-40,
  img.img-width-45,
  img.img-width-50,
  img.img-width-55,
  img.img-width-60,
  img.img-width-65,
  img.img-width-70,
  img.img-width-75,
  img.img-width-80,
  img.img-width-85,
  img.img-width-90,
  img.img-width-95,
  img.img-width-100 {
    width: 100%;
  }
}

/* ============================================================
	FELSOROLAS
============================================================ */
ol.fa-ul,
ul.fa-ul,
dl.fa-ul {
  margin-bottom: 0;
}

ol.fa-ul.ml-0,
ul.fa-ul.ml-0,
dl.fa-ul.ml-0 {
  margin-left: 24px !important;
}

ul.fa-ul i,
ul.fa-ul.felsorolas i {
  font-size: 16px !important;
  padding: 0;
  margin-top: 1.5px !important;
}

ul.fa-ul li,
ul.fa-ul.felsorolas li {
  font-size: var(--size-default) !important;
  line-height: 1.4;
  color: var(--text) !important;
}

ul.fa-ul li + li {
  margin-top: 5px;
}
ul.fa-ul.felsorolas li + li {
  margin-top: 15px;
}

ul.fa-ul a:hover {
  color: #b3b3b3;
}
ul.fa-ul a:hover > .fa {
  color: #5f3c1a !important;
}

/* ============================================================
	SITE TARTALOM
============================================================ */

.site-wrapper {
  position: relative;
  /* background: rgb(174, 194, 209);
  background: linear-gradient(
    145deg,
    rgba(174, 194, 209, 1) 20%,
    rgba(255, 255, 255, 1) 100%
  ); */
  background: url("img/Bacska-2030-web-bg.webp") no-repeat center center fixed;
  background-size: cover;
}

@media (max-width: 991px) {
  .site-wrapper {
    top: 0px;
  }
}

/* ============================================================
	PARALLAX 
============================================================ */

.parallax {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed;
}

/* ============================================================
	BG position / BG effects / BG PATTERN 
============================================================ */

.bg-cover {
  background-size: cover;
}
.bg-contain {
  background-size: contain;
}
.bg-auto {
  background-size: auto;
}

.bg-position-5 {
  background-position: center 5% !important;
}
.bg-position-10 {
  background-position: center 10% !important;
}
.bg-position-15 {
  background-position: center 15% !important;
}
.bg-position-20 {
  background-position: center 20% !important;
}
.bg-position-25 {
  background-position: center 25% !important;
}
.bg-position-30 {
  background-position: center 30% !important;
}
.bg-position-35 {
  background-position: center 35% !important;
}
.bg-position-40 {
  background-position: center 40% !important;
}
.bg-position-45 {
  background-position: center 45% !important;
}
.bg-position-50 {
  background-position: center 50% !important;
}
.bg-position-55 {
  background-position: center 55% !important;
}
.bg-position-60 {
  background-position: center 60% !important;
}
.bg-position-65 {
  background-position: center 65% !important;
}
.bg-position-70 {
  background-position: center 70% !important;
}
.bg-position-75 {
  background-position: center 75% !important;
}
.bg-position-80 {
  background-position: center 80% !important;
}
.bg-position-85 {
  background-position: center 85% !important;
}
.bg-position-90 {
  background-position: center 90% !important;
}
.bg-position-95 {
  background-position: center 95% !important;
}
.bg-position-100 {
  background-position: center 100% !important;
}

/* EFFECTS */

.bg-opacity-100,
.bg-opacity-95,
.bg-opacity-90,
.bg-opacity-85,
.bg-opacity-80,
.bg-opacity-75,
.bg-opacity-70,
.bg-opacity-65,
.bg-opacity-60,
.bg-opacity-55,
.bg-opacity-50,
.bg-opacity-45,
.bg-opacity-40,
.bg-opacity-35,
.bg-opacity-30,
.bg-opacity-25,
.bg-opacity-20,
.bg-opacity-15,
.bg-opacity-10,
.bg-opacity-05,
.bg-opacity-00 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.bg-opacity-100,
.opacity-100 {
  opacity: 1;
}
.bg-opacity-95,
.opacity-95 {
  opacity: 0.95;
}
.bg-opacity-90,
.opacity-90 {
  opacity: 0.9;
}
.bg-opacity-85,
.opacity-85 {
  opacity: 0.85;
}
.bg-opacity-80,
.opacity-80 {
  opacity: 0.8;
}
.bg-opacity-75,
.opacity-75 {
  opacity: 0.75;
}
.bg-opacity-70,
.opacity-70 {
  opacity: 0.7;
}
.bg-opacity-65,
.opacity-65 {
  opacity: 0.65;
}
.bg-opacity-60,
.opacity-60 {
  opacity: 0.6;
}
.bg-opacity-55,
.opacity-55 {
  opacity: 0.55;
}
.bg-opacity-50,
.opacity-50 {
  opacity: 0.5;
}
.bg-opacity-45,
.opacity-45 {
  opacity: 0.45;
}
.bg-opacity-40,
.opacity-40 {
  opacity: 0.4;
}
.bg-opacity-35,
.opacity-35 {
  opacity: 0.35;
}
.bg-opacity-30,
.opacity-30 {
  opacity: 0.3;
}
.bg-opacity-25,
.opacity-25 {
  opacity: 0.25;
}
.bg-opacity-20,
.opacity-20 {
  opacity: 0.2;
}
.bg-opacity-15,
.opacity-15 {
  opacity: 0.15;
}
.bg-opacity-10,
.opacity-10 {
  opacity: 0.1;
}
.bg-opacity-05,
.opacity-05 {
  opacity: 0.05;
}
.bg-opacity-00,
.opacity-00 {
  opacity: 0;
}

.bg-pattern {
  background-image: url("img/pattern.png");
}

/* ============================================================
	ARNO
============================================================ */

.arno-fullscreen {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #0f1112;
  z-index: 0;
}

.arno-fullscreen [class*="bg-opacity"] {
  z-index: 2;
}

.arno-fullscreen-fixed {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  .arno-video {
    top: 0 !important;
  }
}

.arno-video video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1 !important;
  transform: translateX(-50%) translateY(-50%);
  background-repeat: no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

/* ============================================================
	LAZYSIZES
============================================================ */
.lazyload,
.lazyloading {
  opacity: 0;
  filter: blur(5px);
}
.lazyloaded {
  opacity: 1;
  transition: all 600ms ease-in;
  filter: blur(0px);
}
img.lazyload:not([src]) {
  visibility: hidden;
} /* HA NINCS KÉP, NEM JELENIK MEG A KÉP */

/* ============================================================
	Z-INDEX
============================================================ */
.z-index-0 {
  z-index: 0 !important;
}
.z-index-2 {
  z-index: 2 !important;
}
.z-index-3 {
  z-index: 3 !important;
}
.z-index-4 {
  z-index: 4 !important;
}
.z-index-5 {
  z-index: 5 !important;
}
.z-index-6 {
  z-index: 6 !important;
}
.z-index-7 {
  z-index: 7 !important;
}
.z-index-8 {
  z-index: 8 !important;
}
.z-index-9 {
  z-index: 9 !important;
}
.z-index-99 {
  z-index: 99 !important;
}
.z-index-999 {
  z-index: 999 !important;
}
.z-index-9999 {
  z-index: 9999 !important;
}
.z-index-99999 {
  z-index: 99999 !important;
}
.z-index-999999 {
  z-index: 999999 !important;
}

/* =============================================================
	FORM / INPUT
============================================================= */

.form-control,
.custom-select {
  background: transparent;
  border: 1px solid var(--silver);
  color: #959595 !important;
  height: 45px;
}

.form-control::placeholder {
  color: var(--silver) !important;
  opacity: 1;
  text-transform: uppercase;
}

.form-control:focus {
  color: #000000;
  background-color: rgba(52, 58, 64, 0.08);
  border-color: var(--forest);
  outline: 0;
  box-shadow: none !important;
}

.custom-select:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 9px;
  position: absolute;
  right: 15px;
  height: 45px;
  line-height: 42px;
  color: var(--forest);
  z-index: -1;
}

.custom-select select {
  border: 0px solid transparent !important;
}

.custom-select option {
  font: 400 13px/1.3 sans-serif;
  -webkit-appearance: none;
  appearance: none;
  color: #464646;
}

.custom-select optgroup {
  font: 400 15px/1.3 sans-serif;
  -webkit-appearance: none;
  appearance: none;
  color: #252525;
}

.has-error .form-control {
  border-color: var(--red);
}
.has-success .form-control {
  border-color: var(--green);
}

textarea.form-control {
  min-height: 90px;
}

/* ============================================================
	TOOLTIP
============================================================ */

.custom-tooltip {
  font-size: 15px;
  color: var(--forest);
  margin: 0;
  background: transparent;
  border: 0;
}

.tooltip-inner {
  max-width: 300px;
  padding: 10px;
  color: var(--gray30);
  text-align: center;
  background-color: var(--black);
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--black);
}

@media screen and (max-width: 991px) {
  .tooltip-inner {
    max-width: 300px;
    margin: 0 15px;
  }
}

/* ============================================================
	ACCORDING - COLLAPSED
============================================================ */

/* COLLAPSED DEFAULT*/
.panel button.panel-title p {
  width: 90%;
  padding: 0;
  margin: 0;
}

.collapsed-default .panel + .panel {
  margin-top: 0px;
}

.collapsed-default .panel .panel-body p {
  font-size: 17px;
}

.collapsed-default .panel .panel-body p.lead {
  font-size: 21px;
}

.collapsed-default .panel button.panel-title.collapsed {
  background: rgba(255, 255, 255, 0.25);
  color: var(--gray);
  border: 0px;
  border-top: 1px solid var(--gray10);
  border-bottom: 1px solid transparent;
}

.collapsed-default .panel:last-child button.panel-title.collapsed {
  border-bottom: 1px solid var(--gray10);
}

.collapsed-default .panel button.panel-title {
  background: rgba(0, 0, 0, 0.025);
  color: var(--gray) !important;
  font-size: 22px;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: left;
  display: block;
  width: 100%;
  border: 0;
  border-top: 1px solid var(--green);
  padding: 20px 25px;
}

.collapsed-default .panel button.panel-title:hover.collapsed {
  background: rgba(var(--green-rgb), 0.035);
  color: var(--green);
  border-top: 1px solid var(--green);
  border-bottom: 1px solid var(--green);
}

.collapsed-default .panel button.panel-title.collapsed:before {
  content: url(img/assets/bottom-arrow.svg);
}

.collapsed-default .panel button.panel-title:not(.collapsed):before {
  content: url(img/assets/top-arrow-green.svg);
  transform: rotate(360deg);
  transform-origin: center center;
}

.collapsed-default .panel button.panel-title.collapsed:before,
.collapsed-default .panel button.panel-title:not(.collapsed):before {
  width: 30px;
  height: 30px;
  float: right;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  border: 2px solid #b7b7b7;
  transition: all 0.3s ease-in-out !important;
}

.collapsed-default .panel button.panel-title:not(.collapsed):before,
.collapsed-default .panel button.panel-title:hover.collapsed:before {
  border: 2px solid var(--green);
}

.collapsed-default .panel button.panel-title:hover.collapsed:before {
  content: url(img/assets/bottom-arrow-green.svg);
}

.collapsed-default .panel .panel-body {
  border: 0;
  border-bottom: 1px solid var(--green);
  padding: 15px 15px 0;
}

/* COLLAPSED SUB (small) */

.collapsed-sub {
  margin-bottom: 15px;
}

.collapsed-sub .panel + .panel {
  margin-top: 1px;
}

.collapsed-sub .panel .panel-body {
  background: rgba(var(--green-rgb), 0.1);
  border: 0;
  padding-bottom: 1px;
}

.collapsed-sub .panel button.panel-title.collapsed {
  background: rgba(255, 255, 255, 0.25);
  color: var(--gray);
  border: 1px solid var(--gray10);
}

.collapsed-sub .panel button.panel-title {
  background: #fff;
  color: var(--gray) !important;
  font-size: 17px;
  line-height: 1.1;
  text-transform: none;
  text-align: left;
  display: block;
  width: 100%;
  border: 0;
  border-top: 1px solid var(--green);
  padding: 10px 15px;
}
.collapsed-sub .panel button.panel-title p {
  font-size: 17px;
  font-weight: 600 !important;
  line-height: 1.1;
}

.collapsed-sub .panel button.panel-title:hover.collapsed {
  background: rgba(var(--green-rgb), 0.035);
  color: var(--green);
  border: 1px solid var(--gray10);
}

.collapsed-sub .panel button.panel-title.collapsed:before,
.collapsed-sub .panel button.panel-title:not(.collapsed):before {
  width: 22px;
  height: 22px;
  float: right;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  border: 2px solid #b7b7b7;
  transition: all 0.3s ease-in-out !important;
}

.collapsed-sub .panel button.panel-title:not(.collapsed),
.collapsed-sub .panel button.panel-title:hover.collapsed {
  border: 1px solid var(--gray10);
}

.collapsed-sub .panel button.panel-title:not(.collapsed):before,
.collapsed-sub .panel button.panel-title:hover.collapsed:before {
  border: 2px solid var(--green);
  background: #fff;
}

.collapsed-sub .panel button.panel-title.collapsed:before {
  content: url(img/assets/bottom-arrow-small.svg);
}

.collapsed-sub .panel button.panel-title:not(.collapsed):before {
  content: url(img/assets/top-arrow-small-green.svg);
  transform: rotate(360deg);
  transform-origin: center center;
}

.collapsed-sub .panel button.panel-title:hover.collapsed:before {
  content: url(img/assets/bottom-arrow-small-green.svg);
}

/* ============================================================
POSITIONS
============================================================ */
.absolute-middle-center {
  left: 50%;
  top: 50%;
  position: absolute;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  min-width: 50%;
}

@media (max-width: 768px) {
  .absolute-middle-center {
    min-width: 95%;
    min-height: 95%;
  }
}

/* ============================================================
PROGRESS
============================================================ */

.progress-container {
  margin-top: 10px;
}

.progress-container p {
  display: block;
  font-size: 14px !important;
  margin: 10px 0 3px;
  padding: 0;
}

/*220525*/

.sticker-container {
  position: absolute;
  background: var(--green);
  padding: auto 0;
  line-height: 1;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  border: 5px solid #f4f4f4;
  left: -50px;
  bottom: -25px;
  z-index: 99 !important;
}

.sticker-container p {
  color: #fff !important;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  width: 100%;
}

.sticker-container em {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  margin-top: 5px;
}

.sticker-container em > b {
  font-weight: 800;
  font-size: 24px;
}

@media (max-width: 768px) {
  .sticker-container {
    position: absolute;
    background: var(--green);
    padding: auto 0;
    line-height: 1;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 5px solid #f4f4f4;
    left: 20px;
    top: -40px;
  }

  .sticker-container p {
    font-size: 13px;
    width: 85%;
  }

  .sticker-container em {
    font-size: 12px;
  }

  .sticker-container em > b {
    font-size: 16px;
  }
}

.image-source-link {
  color: #98c3d1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.popup-gallery a > img {
  cursor: zoom-in;
}