@charset "UTF-8";

body {
  /*font-family: 'Roboto', sans-serif;*/
  font-family: "Poppins", "Prompt" !important;
  font-size: 18px;
  line-height: 1.42857143;
  color: #1b2638 !important;
  background-color: #fff;
  overflow-x: hidden;
}
a:focus {
  outline: none;
  outline-offset: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Poppins", "Prompt" !important;
  font-weight: 500;
  line-height: 1.1;
}
.h4,
h4 {
  font-size: 20px;
}
p {
  font-family: "Poppins", "Prompt" !important;
  line-height: 1.1;
}
.d-flex-stock {
  display: inline-flex;
  /* align-content: center;
    justify-content: center; */
  align-items: center;
}
.txt-cl-1 {
  color: #f36817;
}
.txt-cl-3 {
  color: #00b28e;
}
.txt-cl-4 {
  color: #f7b50e;
}
.txt-cl-5 {
  color: #88c339;
}
.txt-cl-6 {
  color: #b489ff;
}
.txt-cl-9 {
  color: #e03f44;
}
.txt-cl-12 {
  color: #ffa800;
}
.f-14-V12 {
  color: #ffa800;
  font-size: 15px;
}
.g-grayV12 {
  color: #7d7987;
  font-size: 16px;
  font-weight: 300;
}
#VR-service {
  background-image: url("../images/show/BG-VR-web.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 120% 100%;
}
#VRFBG {
  background-image: url("../images/show/vr/map1.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 92%;
}
.VR-fix-sc-py {
  padding: 50rem 2rem;
}
.vr-text-shadow {
  text-shadow: 4px 6px 10px #000000;
}
.position-absolute-01 {
  position: absolute;
  top: 100%;
}
:root {
  --marquee-width: 200%;
  --marquee-height: 47vh;
  /* --marquee-elements: 12; */ /* defined with JavaScript */
  --marquee-elements-displayed: 5;
  --marquee-element-width: calc(
    var(--marquee-width) / var(--marquee-elements-displayed)
  );
  --marquee-animation-duration: calc(var(--marquee-elements) * 30s);
}

.marquee {
  width: var(--marquee-width);
  height: var(--marquee-height);
  background-color: rgba(17, 17, 17, 0);
  color: #eee;
  overflow: hidden;
  position: relative;
  height: 50%;
}
.marquee:before,
.marquee:after {
  position: absolute;
  top: 0;
  width: 10rem;
  height: 100%;
  content: "";
  z-index: 1;
}
.marquee:before {
  left: 0;
  background: unset;
}
.marquee:after {
  right: 0;
  background: unset;
}
.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}
/* .marquee-content:hover {
    animation-play-state: paused;
  } */
@keyframes scrolling {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(
      calc(-1 * var(--marquee-element-width) * var(--marquee-elements))
    );
  }
}
.marquee-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
  width: var(--marquee-element-width);
  max-height: 100%;
  font-size: calc(var(--marquee-height) * 2 / 4); /* 5rem; */
  white-space: nowrap;
}

.marquee-content li img {
  width: 100%;
  /* height: 100%; */
}

@media (max-width: 600px) {
  html {
    font-size: 12px;
  }
  :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 3;
  }
  .marquee:before,
  .marquee:after {
    width: 5rem;
  }
}
.absolute-set-V12 {
  position: absolute;
  bottom: -25%;
  width: 70%;
  right: -17%;
}
.position-relative {
  position: relative;
}
.fix-center-stock {
  position: absolute;
  top: 50%;
  left: 69%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1000;
}
.font-small {
  font-size: small;
}
.fix-btn-service {
  background: #9470d7 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid transparent;
}

.fix-btn-service:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #9470d7;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #9470d7;
}

.fix-btn-service_ebook {
  background: #bf4565 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid transparent;
  margin-top: 20px;
}

.fix-btn-service_ebook:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #bf4565;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #bf4565;
}
.fix-btn-service_bt {
  background: #0077d0 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid transparent;
  margin-top: 20px;
}

.fix-btn-service_bt:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #0077d0;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #0077d0;
}

.fix-btn-service_brand {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #0082cf;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #0082cf;
}

.fix-btn-service_brand:hover {
  background: #ffffff00 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #0082cf;
}

.fix-btn-service_ware {
  background: #59aa00 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #59aa00;
  margin-top: 20px;
}

.fix-btn-service_ware:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #59aa00;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #59aa00;
}

.fix-btn-service_ecom {
  background: #008f6d 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #008f6d;
}

.fix-btn-service_ecom:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #008f6d;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #008f6d;
}

.fix-btn-service_pos {
  background: #c19410 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid transparent;
  margin-top: 2rem;
}

.fix-btn-service_pos:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #c19410;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #c19410;
}

.fix-btn-service_digi {
  background: #cc4700 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #cc4700;
  margin-top: 20px;
}

.fix-btn-service_digi:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #cc4700;
  font-weight: 300;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #cc4700;
}

.fix-btn-service_eKyc {
  background: #1a6fb5 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #1a6fb5;
}

.fix-btn-service_eKyc:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #1a6fb5;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
  border: 1px solid #1a6fb5;
}

.fix-btn-service-12 {
  background: #cf8000 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.fix-btn-service-12:hover {
  background-color: #ffffff;
  color: #cf8000;
  font-size: 16px !important;
  border: 1px solid #cf8000;
}

.fix-btn-service-14 {
  background: #f36817 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.fix-btn-service-14:hover {
  background-color: #ffffff;
  color: #f36817;
  font-size: 16px !important;
}

.fix-btn-service-15 {
  background-color: #dc64ff;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.fix-btn-service-15:hover {
  background: #fff 0% 0% no-repeat padding-box;
  color: #dc64ff;
  font-size: 16px !important;
}

.fix-btn-service-14-full {
  background: #f36817 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.fix-btn-service-14-full:hover {
  background-color: #fff;
  color: #f36817;
  font-size: 16px !important;
}

.fix-btn-service-15-full {
  background: #f36817 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.fix-btn-service-15-full:hover {
  background-color: #fff;
  color: #f36817;
  font-size: 16px !important;
}

.menu_blog li a {
  /* font-family: Roboto,sans-serif; */
  font-family: "Poppins", "Prompt" !important;
  font-size: 16px;
  color: #9ea8ae;
}
.btn-slide-ser4,
.btn-slide-ser4:hover {
  background-color: #fdc321;
  border: 1px solid #cdcdcd !important;
  color: black;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.btn-slide-ser5,
.btn-slide-ser5:hover {
  background-color: #88c339;
  border: 1px solid #cdcdcd !important;
  color: black;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.btn-slide-ser6,
.btn-slide-ser6:hover {
  background-color: #fff;
  border: 1px solid #fff !important;
  color: #b489ff;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.btn-slide-ser7,
.btn-slide-ser7:hover {
  background-color: #fff;
  border: 1px solid #fff !important;
  color: #f63880;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.btn-slide-ser8,
.btn-slide-ser8:hover {
  background-color: #fff;
  border: 1px solid #fff !important;
  color: #526af1;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
.btn-slide-ser9,
.btn-slide-ser9:hover {
  background-color: #fff;
  border: 1px solid #fff !important;
  color: #e03f44;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 3rem !important;
  padding: 10px 45px !important;
}
#sidebar-nav .menu li a {
  font-family: "Poppins", "Prompt" !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  color: #414244;
  margin: 0;
  position: relative;
  padding: 12px 0;
  display: block;
  line-height: 1.3em;
}
.mar-left-40 {
  margin-left: 38vmin;
}
#sidebar-nav ul.sub-menu li a {
  padding-right: 17px;
  font-family: "Poppins", sans-serif;
  font-family: "Prompt", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.icon-sv1-contact {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 80px;
  border: 1px solid #fff;
  border-radius: 10px;
}
.p-socal {
  padding: 10px 180px;
}
.service-to-row {
  background-color: #ffffff;
  border-radius: 30px;
  padding: 25px;
  box-shadow: 0 20px 30px -10px #dddddf;
}
.service-to-container {
  background-color: #eaeaea;
  padding: 100px 0px;
}
.service-to-new {
  background-color: #eaeaea;
  padding: 34px 10px;
  margin-top: 40px;
}
.fix-text-pos-section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}

/*test*/
[data-tooltip] {
  position: relative;
  z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px); /* 5px is the size of the arrow */
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 10px 18px;
  min-width: 50px;
  max-width: 300px;
  width: max-content;
  width: -moz-max-content;
  border-radius: 6px;
  font-size: 14px;
  background-color: rgba(59, 72, 80, 0.9);
  background-image: linear-gradient(
    30deg,
    rgba(59, 72, 80, 0.44),
    rgba(59, 68, 75, 0.44),
    rgba(60, 82, 88, 0.44)
  );
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: "";
  border-style: solid;
  border-width: 5px 5px 0px 5px; /* CSS triangle */
  border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
  transition-duration: 0s;
  transform-origin: top;
  transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
  transition-delay: 0.3s;
  transform: translate(-50%, -5px) scale(1);
}
/* 
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
[data-tooltip]:hover:after {
  transition-delay: 0.5s; /* Starting after the grow effect */
  transition-duration: 0.2s;
  transform: translateX(-50%) scaleY(1);
}

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
  left: auto;
  right: calc(100% + 5px);
  bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
  transform: translate(-5px, 50%) scale(0.5);
}
[data-tooltip-location="left"]:hover:before {
  transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
  transform-origin: left;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="left"]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
  left: calc(100% + 5px);
  bottom: 50%;
}

[data-tooltip-location="right"]:before {
  transform: translate(5px, 50%) scale(0.5);
}
[data-tooltip-location="right"]:hover:before {
  transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
  border-width: 5px 5px 5px 0px;
  border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="right"]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
  top: calc(100% + 5px);
  bottom: auto;
}

[data-tooltip-location="bottom"]:before {
  transform: translate(-50%, 5px) scale(0.5);
}
[data-tooltip-location="bottom"]:hover:before {
  transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
  transform-origin: bottom;
}

/* Settings that make the pen look nicer */

@keyframes moveFocus {
  0% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 100% 0%;
  }
}

/*-------------web V3 intervision------------- */
.border-our {
  border: 1px #ddd solid;
}
.btn-our {
  font-size: 14px !important;
  border: 1px #2097f3 solid !important;
  background-color: #2097f300 !important;
  color: #2097f3 !important;
  border-radius: 32px !important;
}
.btn-our:hover {
  font-size: 14px;
  background-color: #2097f3;
  border: 1px #2097f3 solid;
  color: #fff;
  border-radius: 32px;
}
.border-icon-slide {
  border: 2px #fff solid;
  border-radius: 30px;
}
#section {
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  background-image: linear-gradient(white, #e9f5fc, white);
}
#section-stock {
  background-image: url("../images/show/section-stock-lg11.jpeg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
}
/* #section-web2 {
    position: relative;
    overflow: hidden;
    background-image: url("../images/show/bg-graden.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: auto;
} */

.fix-h-secweb {
  height: 260px;
  overflow: hidden;
}
.fix-h-secweb-ebook {
  height: 220px;
  overflow: hidden;
}

.txt-slide-1 {
  color: #f57c3b;
}
.txt-slide-3 {
  color: #d61341;
  color: #25ccb5;
}
.txt-slide-7 {
  color: #d61341;
}
.txt-slide-6 {
  color: #6711f3;
}
.hr-slide-1 {
  border: 2px solid;
  color: #f57c3b;
  width: 80%;
  text-align: left;
  margin: 10px 0px 0px 0px;
}
.hr-slide-3 {
  border: 2px solid;
  color: #25ccb5;
  width: 80%;
  text-align: left;
  margin: 10px 0px 0px 0px;
}
.hr-slide-2 {
  border: 2px solid;
  color: #2196f3;
  width: 60%;
  text-align: left;
  margin: 10px 0px 0px 0px;
}
.hr-slide-6 {
  border: 2px solid;
  color: #6711f3;
  width: 70%;
  text-align: left;
  margin: 10px 0px 0px 0px;
}
.hr-slide-7 {
  border: 2px solid;
  color: #d61341;
  width: 60%;
  text-align: left;
  margin: 10px 0px 0px 0px;
}
small.txt-small {
  font-size: small;
  color: #696969;
}
.text-detail-news {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #555;
}

.txt-news-all-p {
  color: #696969;
  /* padding: 0 15px; */
  position: absolute;
  bottom: 0;
  /* margin-bottom: 0px; */
  font-size: 14px;
  font-weight: 300;
}

.lastest_list_content_all p.txt_writer {
  color: #696969;
  padding: 0 15px;
  position: absolute;
  bottom: 0;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 300;
}
.lastest_list_content_all {
  flex: 0 0 22.333%;
  margin: 0 15px;
  padding: 0;
  border: 2px solid #eee;
  margin-bottom: 30px;
}
.caption_detail_lastest h5 {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  color: #3e4649;
  line-height: 22px;
  margin-top: 0;
  padding-bottom: 20px;
  font-weight: 400;
}
.b-radius-15 {
  border-radius: 15px;
}
.g-new-card {
  padding: 40px 0px 0px 0px;
}
.box-shadow {
  box-shadow: 10px 8px 15px 0px #e9ecef !important;
}
.d-none-card {
  display: none !important;
}
.d-block-card {
  display: block !important;
}
.web-box-sec2 {
  padding-left: 20px;
  /* padding: 50px; */
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
  text-align: left;
  background-color: white;
  padding: 5rem;
  border-radius: 1.5rem;
}
.color-top-section1 {
  color: #eee !important;
  font-weight: 600;
}

.fix-h-home-ser {
  height: 80px;
  overflow: hidden;
}
.g-width-100-fix {
  width: 100%;
}
.set-p-line > p {
  line-height: 24px;
}
.text-home-porfo {
  color: #000;
}
.text-home-porfo:hover {
  color: #2097f3;
}

.fix-con-sec7 {
  padding: 0px 250px;
}
.p-fix-h {
  height: 60px;
  overflow: hidden;
}
.set-text-card-portfolio {
  line-height: 27px;
  text-indent: 50px;
  height: auto;
  overflow: hidden;
  text-align: left;
  max-height: 170px;
}
.set-text-card-portfolio:hover {
  line-height: 27px;
  text-indent: 50px;
  height: auto;
  overflow: auto;
  text-align: left;
  max-height: 170px;
}
.align-justify {
  text-align: justify;
}
.align-indent {
  text-align: justify;
  text-indent: 50px;
}

.text-indent-50 {
  text-align: justify;
  text-indent: 50px;
}

.so-section-counter .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.9;
  background: #d1ebff75;
  z-index: -1;
}
.color-ddd {
  color: #ddd;
}

.so-section-counter {
  padding: 5em 0;
  position: relative;
  z-index: 0;
}
.padding-footer {
  padding: 0px 200px;
}
.fix-text-footer {
  font-size: 13px;
}
.text-footer-hover {
  font-size: 15px;
  color: #777;
}
.text-footer-hover:hover {
  font-size: 15px;
  color: #2196f3;
}
.width-home-portfolio {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.width-home-portfolio-small {
  width: 100%;
  height: 75px;
  object-fit: cover;
}
.padding-slide-testimonials {
  padding: 0px 200px;
}
.padding-tap-sec5 {
  padding: 10px 0px !important;
}
.padding-px-sec2 {
  padding: 20px 123px 20px 210px;
}
.class-flex-home {
  align-items: center;
  justify-content: center;
  display: flex !important;
}
.font-bg-sec1 {
  font-size: 50px;
  font-weight: 700;
}
.display-flex-testimonials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60%;
}
#bg-section1-V3 {
  background-image: url("../images/show/bg-section1-V3.webp");
  background-size: cover;
}
.head-text-section1-V3 {
  display: block;
  position: absolute;
  top: 140px;
  padding: 50px 260px;
}
.bg-section-V3 {
  background-color: #f5f7fb;
}
.small-color {
  color: #85888d;
}
.fixed-text-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fixed-text-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.content-box {
  display: block;
  box-sizing: content-box;
}
.padding-right-50 {
  padding-right: 50px;
}

.padding-left-50 {
  padding-left: 50px;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
.animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.font-color {
  color: #2196f3;
}
li.li-padding {
  padding: 5px 0px;
}
.box-flex-section {
  display: flex;
  align-items: center;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border-width: 0;
}
.nav-tabs > li > a {
  border: none;
  color: #000000;
  background: #f4f7fb;
  font-size: 18px;
}
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
  border: none;
  color: #2196f3 !important;
  background: #f5f7fb;
}
.nav-tabs > li > a::after {
  content: "";
  background: #2196f3;
  height: 2px;
  position: absolute;
  width: 80%;
  left: 30px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}
.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after {
  transform: scale(1);
}
.tab-nav > li > a::after {
  background: #5a4080 none repeat scroll 0% 0%;
  color: #f5f7fb;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #2196f3 !important;
  background: #f5f7fb;
}

.nav-tabs {
  border-bottom: none !important;
}
.tab-pane {
  padding: 15px 0;
}
.tab-content {
  padding: 60px 20px;
}
.nav-tabs > li {
  width: 25%;
  text-align: center;
}

#exTab1 .tab-content {
  color: #f5f7fb;
  background-color: #f5f7fb;
  padding: 5px 15px;
}

li > a:focus {
  border: 0px solid;
  outline: none;
}

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0;
}

#exTab3 .tab-content {
  color: white;
  background-color: #428bca;
  padding: 5px 15px;
}
.default-btn-V3 {
  color: #fff;
  background-color: #2196f3;
  border-color: #ccc;
  border-radius: 35px !important;
  padding: 7px 30px !important;
  transition: all 0.5s ease;
}
.default-btn-V3:hover {
  color: #fff;
  background-color: #2196f3;
  border-color: #ccc;
  border-radius: 35px !important;
  padding: 7px 30px !important;
}

/* Slider */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.myslider > .slick-dots,
.custom-dots {
  transform: rotate(90deg);
  left: 38%;
  position: absolute;
  top: -25%;
}

.myslider2 > .slick-dots,
.custom-dots {
  transform: rotate(90deg);
  right: 72%;
  position: absolute;
  top: -25%;
}

.myslider3 > .slick-dots,
.custom-dots3 {
  transform: rotate(0deg);
  right: 0%;
  position: absolute;
  top: 90%;
}

.fix-text-home-slick {
  height: 50px;
  overflow: hidden;
  font-weight: 600;
}

.fixed-text-slick-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.fixed-text-slick-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fixed-text-slick-33 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  height: 60px;
  -webkit-box-orient: vertical;
}
.slick-h-fix {
  height: 40vmin;
  overflow: hidden;
}
.padding-sec2 {
  padding: 0px 80px 0px 320px;
}
.width-line-case.width-line-case {
  width: 10%;
}
.sec-1-home-h {
  height: 350px !important;
  overflow: hidden;
}
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

/*-------------web V3 intervision end------------- */
.use-text {
  color: #696969;
  font-size: 16px;
  font-weight: 300;
}
.use-text-p {
  color: #696969;
  font-size: 16px;
  line-height: 20px !important;
  font-weight: 300;
}
.use-text-span {
  color: #696969;
  font-size: 14px;
  line-height: 20px !important;
}
.manu-text-nav {
  height: 40px;
  overflow: hidden;
  line-height: 20px;
}

/* count */

.count {
  color: #2196f3;
  margin-left: -10px;
  font-size: 47px;
  font-weight: 600;
}
.count-icon {
  color: #2196f3;
  font-size: 25px;
  font-weight: 600;
  position: absolute;
  top: 22%;
}
#talkbubble {
  width: 120px;
  height: 80px;
  background: red;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float: left;
  margin: 20px;
}
#talkbubble:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 26px;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-right: 26px solid red;
  border-bottom: 13px solid transparent;
}

/* count end */

/*-------------collapse --------------*/
#accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
  margin-bottom: 20px;
}
#accordion a {
  display: block;
  padding: 30px 15px;
  font-size: larger;
  font-weight: 500;
  text-decoration: none;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: #f7f8f9;
  color: black;
  font-size: larger;
  font-weight: 500;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
  color: black;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
}
#accordion .panel-heading a:not(.collapsed) {
  color: black;
  font-size: larger;
  font-weight: 500;
  background-color: #f7f8f9;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
  font-family: "FontAwesome";
  content: "\f00d";
  float: right;
  color: #000;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 16px;
  color: inherit;
  background-color: #f7f8f9;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0px solid #ddd;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
}
.panel {
  -webkit-box-shadow: 0px 0px 1px rgb(0 0 0 / 44%);
  box-shadow: 0px 0px 1px rgb(0 0 0 / 44%);
}

/*-------------end collapse --------------*/

.fix-circle {
  width: 30%;
  margin: auto;
  border: 2px solid #ddd;
  padding: 10px;
}
/*  */
.ml-8 {
  margin-left: 9%;
}
.bg-bitrix24-unlimited {
  background: transparent linear-gradient(285deg, #6dcf73 0%, #08c1ef 100%) 0%
    0% no-repeat padding-box;
}
.no-my {
  margin: 0px;
}

.col-lg-2-fix {
  width: 18.666667%;
}
.fix-img-online {
  width: 50%;
}
/* .btn {
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
} */
.fix-text-guide {
  font-size: 16px !important;
  line-height: 24px !important;
}
.line-height-28 {
  line-height: 28px;
}
.bg-class-careers {
  background-color: #1d273b;
}

.g-fix-px-ser {
  padding: 0px 150px 50px 150px;
}
.fix-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
}

.fix-center-digi {
  position: absolute;
  top: 25%;
  left: 5.3%;
}
.fix-center-digi-our {
  position: absolute;
  top: 35%;
  left: 5.3%;
}
.fix-center-digi2 {
  position: absolute;
  top: 40%;
  left: 42%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.fix-center-web {
  position: absolute;
  top: 25%;
  left: 5.3%;
  text-align: left;
}
.fix-center-web2 {
  position: absolute;
  top: 25%;
  left: 5.3%;
  width: 90%;
  text-align: left;
  word-wrap: break-word;
}
.fix-center-web2.REAL2 {
  position: absolute;
  top: 5%;
  left: 5.3%;
  width: 90%;
  text-align: left;
  word-wrap: break-word;
}
html[lang="th"] .fix-center-web2 {
  position: absolute;
  top: auto;
  bottom: 25%;
  left: 5.3%;
  width: 90%;
  text-align: left;
  word-wrap: break-word;
}
html[lang="th"] .fix-center-web2.REAL2 {
  position: absolute;
  top: 4%;
  left: 5.3%;
  width: 90%;
  text-align: left;
  word-wrap: break-word;
}
.fix-center-ecom3 {
  position: absolute;
  top: 7%;
  left: 5.3%;
  width: 90%;
  text-align: left;
  word-wrap: break-word;
}
.fix-center-ecom {
  position: absolute;
  top: 25%;
  left: 5.3%;
  text-align: left;
}
.fix-center-ecom2 {
  position: absolute;
  top: 25%;
  left: 5.3%;
  width: 47%;
}
html[lang="th"] .fix-center-ecom2 {
  top: 25%;
}

.fix-center-customer {
  position: absolute;
  top: 25%;
  left: 5.3%;
  text-align: left;
}
.fix-center-school {
  position: absolute;
  top: 25%;
  left: 5.3%;
  text-align: left;
}
.fix-center-bitrix {
  position: absolute;
  top: 25%;
  left: 5.3%;
  width: 60%;
  text-align: left;
}
.fix-center-booking {
  position: absolute;
  top: 25%;
  left: 5.3%;
  width: 60%;
  text-align: left;
}

.centered-careers {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}

.frame-img-slide {
  padding: 2px;
  background-color: #eee;
  border-radius: 20px;
}

.position-text-slide-l {
  position: absolute;
  width: 500px;
  top: 25%;
  left: 10%;
}
.text-slide-1 {
  font-size: 16px;
  line-height: 25px;
  color: #444444;
}

.text-slide-2 {
  font-size: 16px;
  line-height: 25px;
  color: #000;
}
.position-text-slide-r {
  position: absolute;
  width: 500px;
  top: 20%;
  left: 10%;
}

.form-check-input,
.form-check-label,
.noUi-handle,
.noUi-horizontal .noUi-handle,
.noUi-handle-lower,
.noUi-handle-upper {
  cursor: pointer;
}

.img-icon-bit {
  width: 20%;
}
.white-space-nowrap {
  white-space: nowrap;
}
.white-space-normal {
  white-space: normal;
}
.bg-bit {
  background-color: #dcf4fc;
  padding: 0px 150px;
}
.bg-bit-2 {
  background-color: #dcf4fc;
}
.p-20-bit {
  padding: 20px 0px;
}
.active-bit {
  background-color: white;
}

.slider-selection {
  background: #f77500 !important;
}
.slider-success .slider-selection {
  background-color: #5cb85c !important;
}
.slider-primary .slider-selection {
  background-color: #428bca !important;
}
.slider-info .slider-selection {
  background-color: #5bc0de !important;
}
.slider-warning .slider-selection {
  background-color: #f0ad4e !important;
}
.slider-danger .slider-selection {
  background-color: #d9534f !important;
}
.slider.slider-horizontal {
  width: 100% !important;
  height: 20px;
}
.slider-handle {
  background-color: #fff !important;
  background-image: none !important;
  -webkit-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
}

.slider-strips .slider-selection {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 252, 252, 0.08) 5px,
    rgba(252, 252, 252, 0.08) 10px
  ) !important;
  background-image: -ms-repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 252, 252, 0.08) 5px,
    rgba(252, 252, 252, 0.08) 10px
  ) !important;
  background-image: -o-repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 252, 252, 0.08) 5px,
    rgba(252, 252, 252, 0.08) 10px
  ) !important;
  background-image: -webkit-repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 252, 252, 0.08) 5px,
    rgba(252, 252, 252, 0.08) 10px
  ) !important;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #bdbdbd !important;
  text-align: center;
  background-color: transparent !important;
  border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
  display: none !important;
}
.slider .tooltip.top {
  margin-top: -25px !important;
}
.well {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 0;
}
.slider-ghost .slider-track {
  height: 5px !important;
}
.slider-ghost .slider-handle {
  top: -2px !important;
  border: 5px solid #f77500;
}
.slider-success.slider-ghost .slider-handle {
  border-color: #5cb85c;
}
.slider-primary.slider-ghost .slider-handle {
  border-color: #428bca;
}
.slider-info.slider-ghost .slider-handle {
  border-color: #5bc0de;
}
.slider-warning.slider-ghost .slider-handle {
  border-color: #f0ad4e;
}
.slider-danger.slider-ghost .slider-handle {
  border-color: #d9534f;
}

/*--------------- range---------------------*
/* This line can be removed it was just for display on CodePen: */
/* .container {
  margin-top: 125px;
} */

.box-shadow-product {
  display: block;
  box-shadow: 4px 4px 11px 0px #efefef;
  padding: 20px 20px;
}
.padding-card-oic {
  padding: 50px;
}
.f-height-card {
  height: auto;
  overflow: hidden;
}

.margin-x-135 {
  margin: 0px 135px;
}
.slides {
  padding: 0;
  width: 609px;
  height: 420px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.slides * {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.slides input {
  display: none;
}

.slide-container {
  display: block;
}

.slide {
  top: 0;
  opacity: 0;
  width: 609px;
  height: 420px;
  display: block;
  position: absolute;

  transform: scale(0);

  transition: all 0.7s ease-in-out;
}

.slide img {
  width: 100%;
  height: 100%;
}

.nav > label {
  width: 200px;
  height: 100%;
  display: none;
  position: absolute;

  opacity: 0;
  z-index: 9;
  cursor: pointer;

  transition: opacity 0.2s;

  color: #fff;
  font-size: 156pt;
  text-align: center;
  line-height: 380px;
  font-family: "Varela Round", sans-serif;
  background-color: rgba(255, 255, 255, 0.3);
  text-shadow: 0px 0px 15px rgb(119, 119, 119);
}

.nav .prev {
  left: -40% !important;
}
.nav .next {
  right: -40% !important;
}

.slide:hover + .nav label {
  opacity: 0.5;
}

.nav label:hover {
  opacity: 1;
}

.nav .next {
  right: 0;
}

input:checked + .slide-container .slide {
  opacity: 1;

  transform: scale(1);

  transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .nav label {
  display: block;
}

.nav-dots {
  width: 100%;
  bottom: -20px;
  height: 11px;
  display: block;
  position: absolute;
  text-align: center;
}

.nav-dots .nav-dot {
  top: -5px;
  width: 11px;
  height: 11px;
  margin: 0 4px;
  position: relative;
  border-radius: 100%;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
}

.nav-dots .nav-dot:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
  background: rgba(0, 0, 0, 0.8);
}

.slider-labels {
  margin-top: 10px;
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 0%;
  width: 8px !important;
  left: -7px;
  top: -7px;
  background-color: #345dbb;
}

/* Styling;
 */
.noUi-background {
  background: #d6d7d9;
}

.noUi-connect {
  background: #345dbb;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

/* .noUi-target.noUi-connect {
} */

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345dbb;
  border: 8px solid rgba(53, 93, 187, 0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/*--------------- range---------------------*

/*------------------------------------
  Globals
------------------------------------*/

.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* The style below is just for the appearance of the example div */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

td,
th {
  padding: 8px;
}

#header #main-menu .navbar-nav > li > a,
#header #main-menu-login .navbar-nav > li > a {
  color: #3e4649;
  font-family: "Poppins", "Prompt" !important;
  font-weight: bold;
  font-size: 12px;
  padding-left: 20px;
  padding-right: 20px;
}
#menu_main .subs-menu p.sub_text_head_menu {
  font-family: "Poppins", "Prompt" !important;
  font-weight: 400;
  color: #b8c0cf;
}
.sub_content_menu {
  padding: 0 15px 30px;
}

li.penci-mega-menu > ul.subs-menu {
  width: 100% !important;
  clear: both;
  display: block;
  left: 32% !important;
  /* position: fixed; */
  position: absolute;
  padding: 15px 0px;
  background: #fff;
  border: none;
  box-shadow: none;
  border-radius: 15px;
}
li.penci-mega-menu:hover {
  background: #ffffff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
#header #main-menu .navbar-nav > li.penci-mega-menu:hover > a {
  color: #033a65;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #2196f3;
  background-color: #fff;
  border-color: #ddd;
  border-radius: 36px;
  margin: 8px;
  box-shadow: 3px 2px 5px #61616163;
}
.display-flex {
  display: flex;
}
.image-center-detail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.con-image {
  position: relative;
  text-align: center;
  color: white;
}
.font-icon-detail {
  color: #08c1ef;
  font-size: 14px;
}
.displayinline-flex {
  display: inline-flex;
}
.bg-blue-service10 {
  background-color: #3fc0f0;
}
.g-btn-service10 {
  background: #bf1a33;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 45px;
  border: 1px solid transparent;
  margin-top: 20px;
}

.g-btn-service10:hover {
  background: #ffffff;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #bf1a33;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 45px;
  border: 1px solid #bf1a33;
}
.g-btn-service10-1 {
  background: #717eff;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 45px;
  border: 1px solid transparent;
}

.g-btn-service10-1:hover {
  background: #fff;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #717eff;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 45px;
  border: 1px solid #717eff;
}
.ml-30 {
  margin-left: 30%;
}
.box-s9 {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.bg-cream {
  background-color: #fdebe1;
}
.text-red {
  color: #e34d50;
}
.text-org {
  color: #f26818;
}
.text-pp-needle {
  color: #4e64f1;
}
.text-pink {
  color: #e25c7d;
}
.text-blues {
  color: #2196f3;
}
.text-pp-light {
  color: #b385ff;
}
.text-yellow {
  color: #e9ac02;
}
.g-text-green-light {
  color: #88c634;
}
.g-bg-pinks {
  background-color: #e25c7d;
}
.g-bg-pp-needle {
  background-color: #4e64f1;
}
.g-bg-pp-light {
  background-color: #b385ff;
}
.g-btn-pp-light,
.g-btn-pp-light:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #b385ff;
  font-weight: bold;
  font-size: 30px;
}
.g-btn-service,
.bg-btn-service:hover {
  background: #3c96f3 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #e7f5fe;
  font-weight: 300;
  font-size: 16px;
  padding: 10px 45px;
}
.g-btn-ourservice {
  background: #7868b3 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 29px;
  color: #e7f5fe;
  font-weight: 300;
  font-size: 16px;
  padding: 10px 45px;
  border: 1px solid transparent;
}
.g-btn-ourservice:hover {
  border: 1px solid #7868b3;
  color: #000000;
  background: #ffffff 0% 0% no-repeat padding-box;
}
.w-h-auto {
  width: 100%;
  height: auto;
}

.bg-org {
  background-color: #f26818;
}
.g-bg-s2 {
  background-color: #2196f3;
}
.g-btn-s2,
.g-btn-s2:hover {
  background: #2196f3 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  border: 2px solid;
  border-radius: 35px;
  padding: 12px 60px 7px 60px;
}
.g-btn-org {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #f26818;
  font-weight: bold;
  font-size: 30px;
}
.g-btn-org:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #f26818;
  font-weight: bold;
  font-size: 30px;
}

.g-btn-green {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #00b28e;
  font-weight: bold;
  font-size: 30px;
}
.g-btn-green:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #00b28e;
  font-weight: bold;
  font-size: 30px;
}
.g-btn-yellow,
.g-btn-yellow:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #ebc71d;
  font-weight: bold;
  font-size: 30px;
}
.g-btn-pp-needle,
.g-btn-pp-needle:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #4e64f1;
  font-weight: bold;
  font-size: 30px;
}
.g-btn-pinks,
.g-btn-pinks:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #e25c7d;
  font-weight: bold;
  font-size: 30px;
}
.g-bg-green-light {
  background-color: #8ac539;
}

.g-btn-green-light,
.g-btn-green-light:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #8ac539;
  font-weight: bold;
  font-size: 30px;
}
.g-btn-red,
.g-btn-red:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001a;
  border-radius: 5px;
  color: #f00;
  font-weight: bold;
  font-size: 30px;
}

.p-80-stock {
  padding: 0px 80px;
}

/* font */
.line-font30b {
  font-size: 30px;
  font-weight: bold;
}

.line-font28b {
  font-size: 28px;
  font-weight: bold;
}

.h-font-home {
  font-size: 38px !important;
  font-weight: bold;
}
.f-30 {
  font-size: 30px;
}
.f-32 {
  font-size: 32px;
}
.f-7 {
  font-size: 7px;
}
.f-14 {
  font-size: 14px;
}
.f-13 {
  font-size: 13px;
}
.f-15 {
  font-size: 15px;
}
.f-16 {
  font-size: 16px;
}
.f-20 {
  font-size: 20px;
}
.f-24 {
  font-size: 24px;
}
.f-18 {
  font-size: 18px;
}
.line-font20b {
  font-size: 20px !important;
  font-weight: bold;
}
.line-font18b {
  font-size: 15px !important;
  font-weight: 400;
  line-height: 23px;
  word-wrap: break-word;
}
.f-10 {
  font-size: 10px;
}
.h-content-tas {
  height: fit-content;
  object-fit: cover;
}

.center-moblie3 .slick-track {
  display: flex;
  align-items: center;
}

.btn-more-detail {
  color: #96a1a7;
  background-color: #fff;
  border: 2px solid #ddd;
  padding: 17px 55px;
  font-size: 18px;
}
.btn-more-detail:hover,
.btn-more-detail:focus {
  color: #96a1a7;
  background-color: #fff;
  border: 2px solid #ddd;
  padding: 17px 55px;
  font-size: 18px;
}
.btn-more-detail:active {
  color: #96a1a7;
  background-color: #fff;
  border: 2px solid #ddd;
  padding: 17px 55px;
  font-size: 18px;
}
.btn-apply-now {
  color: #fff;
  padding: 17px 55px;
  border: 2px solid;
  background-color: #2196f3;
  font-size: 15px;
}
.bg-card-careers {
  background-color: #fff;
  padding: 25px 0px;
}
.f-18-400 {
  font-size: 18px;
}
.f-20-bold {
  font-size: 20px;
  font-weight: bold;
}
.f-25-bold {
  font-size: 25px;
  font-weight: bold;
  color: #2196f3;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 7px 15px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #96a1a7;
  text-decoration: none;
  background-color: #fff0;
  border: 0px solid #ddd;
  border-radius: 36px;
  margin: 8px;
}

.text-contact-span {
  color: #96a1a7;
  font-weight: 300;
}
.fix-card-Testimonials {
  padding: 30px;
}
.hr-testimonials-detail {
  border: 1px solid #1d273b;
  margin-right: 90%;
}
.hr-testimonials {
  width: 8%;
  border: 1px solid #1d273b;
}
.list-group-item-co {
  position: relative;
  display: block;
}
.box-shadow-ff {
  box-shadow: 14px 10px 20px #3fc0f033;
}

.font-16 {
  font-size: 16px;
  font-weight: 400;
}
.font-16-2 {
  font-size: 16px;
  font-weight: 200;
}
.font-16-3 {
  font-size: 16px;
  font-weight: 300;
}
.font-16-italic {
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
}

.btn-clear-contact {
  border: 3px solid #e4e8f2;
  background-color: #fff;
  color: #96a1a7;
  padding: 20px 75px;
  border-radius: 0px;
}
.btn-clear-contact:hover {
  border: 3px solid #e4e8f2;
  background-color: #fff;
  color: #96a1a7;
  padding: 20px 75px;
  border-radius: 0px;
}

.btn-submit-contact {
  color: #fff;
  background-color: #2196f3;
  border: 2px solid #2196f3;
  padding: 20px 73px;
  border-radius: 0px;
}
.btn-submit-contact:hover {
  color: #fff;
  background-color: #2196f3;
  border: 2px solid #2196f3;
  padding: 20px 73px;
  border-radius: 0px;
}
.icon-circle {
  color: #3fc0f0;
  font-size: small;
}
.p-20-s10 {
  padding: 20px 20px;
  display: flex;
}
.p-20-s10-icon {
  padding: 0px 32px;
}
.p-s10-5 {
  padding: 50px 35px;
}
.p-s10-4 {
  padding: 70px 35px;
}
.p-s10-3 {
  padding: 100px 35px;
}

/*เปลี่ยนภาษา*/
.change-language {
  color: white;
  background-color: #2196f3;
}

/*pop up*/

.popup__overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 37%);
  text-align: center;
  z-index: 100;
}

.popup__overlay:after {
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  content: "";
}

.popup {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 640px;
  max-height: 480px;
  padding: 20px;
  border: 1px solid black;
  background: black;
  color: white;
  vertical-align: middle;
}

.popup-form__row {
  margin: 1em 0;
}

.popup__close {
  display: block;
  position: absolute;
  top: 4px;
  right: 8px;
  width: 12px;
  height: 12px;
  padding: 12px;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  line-height: 12px;
  color: rgba(53, 36, 22, 0.95);
  text-decoration: none;
  font-weight: bold;
}

.popup__close:hover {
  color: #eea200;
}

iframe {
  width: 100%;
  height: 100%;
}

/* other styles */

input[type="button"] {
  border: none;
  padding: 0.5em;
  background-color: yellow;
}

input[type="button"]:hover {
  background-color: yellowgreen;
}

/*pop up*/

.fix-h-ser2 {
  /* height: 75vmin; */
  overflow: hidden;
}

.fix-icon-homeser1 {
  margin-left: 2% !important;
}
.fix-icon-homeser2 {
  margin-left: 13% !important;
}
.fix-ma-index {
  margin-left: 30vmin;
  margin-right: 40vmin;
}
.pl-80 {
  padding-left: 85px;
}
.mt-index {
  margin-top: 30px;
}

.g-font-custom {
  font-size: 20px;
}

.bg-Service1 {
  padding: 98px 60px;
  background-color: #eff7ff;
}
.bg-Service2 {
  padding: 98px 60px;
  background-color: #ffdd868c;
}
.bg-card-Service1 {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 260px;
  border: 1px solid #fff;
}
.bg-card-Service1:hover {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 260px;
  border: 1px solid #e9ecef;
}

.bg-card-Service3 {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 290px;
  border: 1px solid #fff;
}
.bg-card-Service3:hover {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 290px;
  border: 1px solid #e9ecef;
}
.bg-card-Service4 {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 290px;
  border: 1px solid #fff;
}
.bg-card-Service4:hover {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 290px;
  border: 1px solid #e9ecef;
}
.bg-card-Service5 {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 290px;
  border: 1px solid #fff;
}
.bg-card-Service5:hover {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 290px;
  border: 1px solid #e9ecef;
}
.bg-card-Service6 {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 320px;
  border: 1px solid #fff;
}
.bg-card-Service6:hover {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 320px;
  border: 1px solid #e9ecef;
}
.bg-card-Service9 {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 450px;
  border: 1px solid #fff;
}
.bg-card-Service9:hover {
  box-shadow: 5px 3px 12px 0px #e9ecef;
  padding: 15px;
  height: 390px;
  border: 1px solid #e9ecef;
}
.m-left-150 {
  margin-left: 150px;
}

.p-110 {
  padding: 20px 110px;
}

.toggle-section .switch {
  margin: 14px 14px;
}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.cmn-toggle-round + label {
  padding: 2px;
  width: 54px;
  height: 22px;
  background-color: #dddddd;
  border-radius: 60px;
}

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background: url("../images/show/en.png") no-repeat right 5px center;
  background-size: 12px;
  border-radius: 54px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  height: 32px;
  top: -3px;
  width: 32px;
  background: url("../images/show/th.webp") #2196f3 no-repeat center;
  background-size: 25px;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
}

input.cmn-toggle-round:checked + label:before {
  background: url("../images/show/th.webp") #f1f1f1 no-repeat left 5px center;
  background-size: 12px;
}

input.cmn-toggle-round:checked + label:after {
  margin-left: 24px;
  background: url("../images/show/en.png") #2196f3 no-repeat center;
  background-size: 25px;
}

.g-recaptcha div:nth-child(1) {
  margin: auto;
  display: block;
}
.top-fix-h-ser {
  height: 37px;
  overflow: hidden;
  margin: 0px;
}

.font-55 {
  font-size: 15px;
  color: #96a1a7;
  line-height: 20px;
}
.centered-contact {
  position: absolute;
  left: 50%;
  top: 490%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.box-card-web {
  box-shadow: 2px 4px 11px #d2d2d2;
}
.web-fix-text-card {
  height: 315px;
  overflow: hidden;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.centered-home {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered-about {
  position: absolute;
  top: 98%;
  left: 0%;
  transform: translate(-50%, -50%);
}

.cmn-toggle_1 {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle_1 + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.cmn-toggle_2 {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle_2 + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.deve-bg {
  background-color: #2196f3;
  padding: 100px 0px;
}

.commerce-bg {
  background-color: #00b38e;
  padding: 100px 0px;
}
.stock-bg {
  background-color: #8ac539;
  padding: 100px 0px;
}
.customer-bg {
  background-color: #b385ff;
  padding: 100px 0px;
}
.booking-bg {
  background-color: #e45a7b;
  padding: 100px 0px;
}
.online-bg {
  background-color: #5666ef;
  padding: 100px 0px;
}
.school-bg {
  background-color: #e03a3e;
  padding: 100px 0px;
}
.text-shadow-sm {
  text-shadow: 2px 2px 3px #555a;
}
.text-shadow2 {
  text-shadow: 4px 3px 20px #0d3e65;
}
.text-shadow3 {
  text-shadow: 4px 3px 20px #025443;
}
.text-shadow5 {
  text-shadow: 4px 3px 20px #578813;
}
.text-shadow6 {
  text-shadow: 4px 3px 20px #6a5094;
}
.text-shadow7 {
  text-shadow: 4px 3px 20px #803144;
}
.text-shadow8 {
  text-shadow: 4px 3px 20px #2d3577;
}
.text-shadow9 {
  text-shadow: 4px 3px 20px #5d1819;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
#tabs li {
  float: left;
  background: #fff0;
  padding: 0px;
}
#tabs li.on {
  background: #fff;
  color: #fff;
  border-radius: 10px;
  box-shadow: -1px 3px 16px 0px #d8d8d887;
}

.center-contact {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.frame-img-contact {
  position: relative;
  text-align: center;
  color: white;
}
.text-color-contect {
  color: #2196f3;
}
.bg-white {
  background: #fff;
}
.text-top-input {
  color: #26618d;
  font-size: 16px;
  font-weight: 300;
}
.text-color-bb {
  font-size: 20px;
  font-weight: 500;
  color: #26618d;
}
.text-16-vdo {
  font-weight: bold;
  font-size: 16px;
  color: #2196f3;
}

/*modal*/
.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 0px solid !important;
}

.setwidthopen {
  width: 550px !important;
}

.hr-detail {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #1b2638;
  width: 7%;
}

.navbar-inverse {
  background-color: #fff;
  border-color: #ffffff;
  box-shadow: 4px 1px 9px #f5f2f2;
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#3c3c3c),
    to(#222)
  );
  background-image: linear-gradient(to bottom, #ffffff 0%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: -3px 4px 11px #e4e4e4;
}

.sidenav a {
  padding: 8px 8px 8px 50px;
  text-decoration: none;
  font-size: 25px;
  color: #1b2638;
  display: block;
  transition: 1s;
  font-weight: 700;
}

.sidenav a:hover {
  color: #2196f3;
}

.padding-pa {
  padding: 50px 40px;
}
.border-card {
  width: 20%;
  border: 1px solid #777;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.fix-textnewdetail {
  height: 75px;
  overflow: hidden;
}

.text-block {
  position: absolute;
  bottom: 360px;
  /* right: 0px; */
  left: 15px;
  background-color: #1b2638;
  color: white !important;
  padding-left: 20px;
  padding-right: 20px;
}
.g-border-4-news {
  border-bottom: 4px solid #2196f3;
}
.g-border-5-news {
  border-bottom: 5px solid #eff9ff;
}
.fa-caret-down:before {
  content: "\f0d7";
  display: none;
}

.fix-margin-left-140 {
  margin-left: 136px;
}
.fix-height-head {
  height: 60px;
  overflow: hidden;
}
.fix-height-home {
  height: 40px;
  overflow: hidden;
}
.fix-height-services10 {
  height: 70px;
  overflow: hidden;
}
.fix-height-services9 {
  height: 100px;
  overflow: hidden;
}
.fix-height-services10_1 {
  height: 145px;
  overflow: hidden;
}
.contact-iframe {
  width: 100%;
  height: 50vmin;
}
.fix-height-news {
  max-height: 105px;
  overflow: hidden;
}

.parallax {
  background-image: url("../images/show/img20.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax-s4 {
  background-image: url("../images/show/img-ser4.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-1 {
  background-image: url("../images/show/img52.jpg");
  min-height: 580px;
  background-attachment: fixed;
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto;
}

.parallax-partner {
  background-image: url(../images/Bg-Partner-Program.jpg);
  min-height: 500px;
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
#scroll-show {
  transition: all 0.5s;
  opacity: 0;
}
.scroll-top {
  top: -100px;
}

.form-control {
  display: block;
  width: 100%;
  height: 48px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.small-section {
  font-size: xx-small;
  color: #717171;
}
.fix-text-usecase7 {
  height: 150px;
  overflow: hidden;
}
.f-24 {
  font-size: 24px;
}
.bg-e-com {
  background-color: #00b38e4f;
}
.bg-careers {
  background-color: #f4f7fe;
}
.list-s-none {
  list-style-type: none;
  padding: 0px;
}

.margin-left-right {
  margin-left: auto;
  margin-right: auto;
}
.margin-left-104 {
  margin-left: 104px;
}
.margin-bottom-top {
  margin-bottom: 50px;
  margin-top: 50px;
}
.margin-bottom-top-partner {
  margin-bottom: 50px;
  margin-top: 50px;
}

.g-shadow {
  box-shadow: -1px 3px 12px 0px #bfbdbd85;
  border-radius: 8px;
  background-color: #fff !important;
}

.bg-3 {
  background-color: #f2faff;
}
.letter-spacing-1 {
  letter-spacing: 1px;
}
.letter-spacing-2 {
  letter-spacing: 2px;
}

.letter-spacing--3 {
  letter-spacing: -3px;
}
.list-style-none {
  list-style: none;
}
.btn:active,
.btn.active {
  /* background-image: none; */
  background-image: linear-gradient(to top, #ffffff 0%, rgb(226 226 226) 100%);
  /* border: 1px solid; */
  color: #2196f3;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #1d273b;
  background-color: #204d74;
  border-color: #ffffff;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
  outline-offset: -2px;
}
.position-partner {
  position: absolute;
  bottom: -235px;
}

.position-l {
  left: 0%;
  position: absolute;
}

.position-r {
  right: 0%;
  position: absolute;
}

.position-contact-sm {
  right: 0%;
  position: absolute;
  z-index: -1;
  top: -20%;
}
.position {
  position: absolute;
  right: 0%;
  bottom: -40px;
}

.position-development {
  position: absolute;
  top: 8%;
  right: 24%;
}

.position-online {
  position: absolute;
  left: 55%;
  top: 0%;
}

.position-stock {
  position: absolute;
  right: 10%;
  z-index: -1;
}
#img-bg-section0 {
  background: url("../images/show/images/HomePage-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.home_about_us {
  padding-top: 9%;
  padding-right: 19%;
}
.home_digital {
  padding-top: 13%;
  padding-left: 33%;
}
.about-z-index {
  z-index: 100;
}
.full-img {
  width: 100%;
}
.position-index {
  position: absolute;
  z-index: -1;
  min-height: 645px;
}

#img-bg-section3 {
  background: url("../images/banner-section3.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 600px;
  position: absolute;
}
#img-bg-section3--sm {
  background: url("../images/show/img16.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 110vmin;
  position: absolute;
}
#img-bg-section4 {
  background: url("../images/show/digital-business-transformation.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 645px;
  margin: 0px;
}
#img-bg-section4--sm {
  background: url("../images/show/digital-business-transformation.webp");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 60vmin;
  position: absolute;
}
#img-bg-section4---sm {
  background: url(../images/show/img15.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 65vmin;
  position: absolute;
  top: 0%;
  right: 16%;
}

#img-bg-contact {
  background: url("../images/contact.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  margin-bottom: 10%;
}

#img-bg-contact---sm {
  background: url(../images/contact--sm.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 90vmin;
  top: 8%;
}
#bg-section5 {
  background-color: #1d273b;
}

#img-bg-about {
  background-color: #2196f3;
}

#img-bg-email_marketing-p1 {
  background-color: #f1f9ff;
}

#img-bg-email_marketing-p2 {
  background-color: #19caa1;
}
#img-bg-bitrix24 {
  background: url(../images/show/s-10-01.webp);
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  /*height: 93vmin;*/
  background-position: right;
}
#img-bg-sv1 {
  background: url(../images/show/img-mac-section.png);
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: auto;
  background-position: right;
}

.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 17px 28px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
  font-weight: bold;
}
.text-green {
  color: #00b28e;
}

/* Text */
.g-word-break {
  word-wrap: break-word;
}
.g-text-transform-uppercase {
  text-transform: uppercase;
}

.g-btn-blue {
  color: #fff;
  background-color: #2196f3;
}

.g-btn-1 {
  color: #f36817 !important;
  border-color: #f36817 !important;
  background-color: transparent !important;
}
.g-btn-1:hover {
  color: #fff !important;
  background-color: #f36817 !important;
}
.g-btn-2 {
  color: #2196f3 !important;
  border-color: #2196f3 !important;
  background-color: transparent !important;
}
.g-btn-2:hover {
  color: #fff !important;
  background-color: #2196f3 !important;
}
.g-btn-3 {
  color: #00b28e !important;
  border-color: #00b28e !important;
  background-color: transparent !important;
}
.g-btn-3:hover {
  color: #fff !important;
  background-color: #00b28e !important;
}
.g-btn-4 {
  color: #efab00 !important;
  border-color: #efab00 !important;
  background-color: transparent !important;
}
.g-btn-4:hover {
  color: #fff !important;
  background-color: #efab00 !important;
}
.g-btn-5 {
  color: #8ac539 !important;
  border-color: #8ac539 !important;
  background-color: transparent !important;
}
.g-btn-5:hover {
  color: #fff !important;
  background-color: #8ac539 !important;
}
.g-btn-6 {
  color: #b385ff !important;
  border-color: #b385ff !important;
  background-color: transparent !important;
}
.g-btn-6:hover {
  color: #fff !important;
  background-color: #b385ff !important;
}
.g-btn-7 {
  color: #e45a7b !important;
  border-color: #e45a7b !important;
  background-color: transparent !important;
}
.g-btn-7:hover {
  color: #fff !important;
  background-color: #e45a7b !important;
}
.g-btn-8 {
  color: #4d66f4 !important;
  border-color: #4d66f4 !important;
  background-color: transparent !important;
}
.g-btn-8:hover {
  color: #fff !important;
  background-color: #4d66f4 !important;
}
.g-btn-9 {
  color: #e03a3e !important;
  border-color: #e03a3e !important;
  background-color: transparent !important;
}
.g-btn-9:hover {
  color: #fff !important;
  background-color: #e03a3e !important;
}
.g-btn-10 {
  color: #19cca4 !important;
  border-color: #19cca4 !important;
  background-color: transparent !important;
}
.g-btn-10:hover {
  color: #fff !important;
  background-color: #19cca4 !important;
}

.g-text-hover-1:hover p {
  color: #f36817 !important;
}

.g-text-hover-2:hover p {
  color: #2196f3 !important;
}
.g-text-hover-3:hover p {
  color: #00b28e !important;
}
.g-text-hover-4:hover p {
  color: #efab00 !important;
}
.g-text-hover-5:hover p {
  color: #8ac539 !important;
}
.g-text-hover-6:hover p {
  color: #b385ff !important;
}
.g-text-hover-7:hover p {
  color: #e45a7b !important;
}
.g-text-hover-8:hover p {
  color: #4d66f4 !important;
}
.g-text-hover-9:hover p {
  color: #e03a3e !important;
}
.g-text-hover-10:hover p {
  color: #60d2f7 !important;
}
.g-text-hover-11:hover p {
  color: #818181 !important;
}
.g-text-hover-12:hover p {
  color: #ffa800 !important;
}
.g-text-hover-13:hover p {
  color: #1a6fb5 !important;
}
.g-text-hover-14:hover p {
  color: #f36717 !important;
}
.g-text-hover-15:hover p {
  color: #dc64ff !important;
}

@media only screen and (max-width: 480px) {
  /* bg section3 */
  #img-bg-section3 {
    background: url("../images/banner-section3-sm.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /* bg section3 */
  #img-bg-section3 {
    background: url("../images/banner-section3-sm.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscrape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

.g-btn-outline-white {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background-color: transparent !important;
}
.g-btn-outline-white:hover {
  color: #2196f3 !important;
  background-color: #fff !important;
  border-color: #ffffff !important;
}

.g-btn-outline-cyan {
  color: #2196f3 !important;
  border-color: #2196f3 !important;
  background-color: transparent !important;
}
.g-btn-outline-cyan:hover {
  color: #fff !important;
  background-color: #2196f3 !important;
}

/* Puller */
.g-pull-50x-up {
  -webkit-transform: translateY(-51%);
  -ms-transform: translateY(-51%);
  transform: translateY(-51%);
}

.g-pull-50x-bottom {
  -webkit-transform: translateY(51%);
  -ms-transform: translateY(51%);
  transform: translateY(51%);
}

.g-pull-50x-left {
  -webkit-transform: translateX(-51%);
  -ms-transform: translateX(-51%);
  transform: translateX(-51%);
}

.g-pull-50x-right {
  -webkit-transform: translateX(51%);
  -ms-transform: translateX(51%);
  transform: translateX(51%);
}

/* Link overlay */
/*------------------------------------
  Background Attachment
------------------------------------*/
.g-bg-attachment-fixed {
  background-attachment: fixed;
}

/*------------------------------------
  Background Gradient Colors
------------------------------------*/
/* Simple Linear Gradients
------------------------------------*/
/* Gray Light v1 */
.g-bg-gray-light-gradient-v1--after::after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(247, 247, 247, 0.5)),
    to(#f7f7f7)
  );
  background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0.5), #f7f7f7);
  background: -o-linear-gradient(top, rgba(247, 247, 247, 0.5), #f7f7f7);
  background: linear-gradient(to bottom, rgba(247, 247, 247, 0.5), #f7f7f7);
}

/* White v1 */
.g-bg-white-gradient-v1--after::after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0.5)),
    to(rgba(255, 255, 255, 0.9))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.9)
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.9)
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.9)
  );
}

/* Linear Gradients
------------------------------------*/
/* Gray Gradient */
.g-bg-gray-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#dbdbdb)
  );
  background-image: -webkit-linear-gradient(top, #fff, #dbdbdb);
  background-image: -o-linear-gradient(top, #fff, #dbdbdb);
  background-image: linear-gradient(180deg, #fff, #dbdbdb);
}

/* Blue Pink Gradient */
.g-bg-bluepink-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(40deg, #2b7cb6, #f62d51);
  background-image: -o-linear-gradient(40deg, #2b7cb6, #f62d51);
  background-image: linear-gradient(50deg, #2b7cb6, #f62d51);
}

/* Blue Gradient */
.g-bg-blue-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#73bec7),
    to(#4e66b0)
  );
  background-image: -webkit-linear-gradient(bottom, #73bec7, #4e66b0);
  background-image: -o-linear-gradient(bottom, #73bec7, #4e66b0);
  background-image: linear-gradient(0deg, #73bec7, #4e66b0);
}

.g-bg-blue-lineargradient-v2 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #429edc, #00629e);
  background-image: -o-linear-gradient(225deg, #429edc, #00629e);
  background-image: linear-gradient(225deg, #429edc, #00629e);
}

.g-bg-blue-lineargradient-v3 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #3266a2, #98cfbf);
  background-image: -o-linear-gradient(225deg, #3266a2, #98cfbf);
  background-image: linear-gradient(225deg, #3266a2, #98cfbf);
}

.g-bg-blue-lineargradient-v4 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #5b85df, #3ec2e3);
  background-image: -o-linear-gradient(225deg, #5b85df, #3ec2e3);
  background-image: linear-gradient(225deg, #5b85df, #3ec2e3);
}

.g-bg-blue-lineargradient-v5 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #0050c2, #5180fa);
  background-image: -o-linear-gradient(225deg, #0050c2, #5180fa);
  background-image: linear-gradient(225deg, #0050c2, #5180fa);
}

/* Orange Gradient */
.g-bg-orange-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #be1715, #ed6d0f);
  background-image: -o-linear-gradient(225deg, #be1715, #ed6d0f);
  background-image: linear-gradient(225deg, #be1715, #ed6d0f);
}

.g-bg-orange-lineargradient-v2 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #f5cd21, #c22821);
  background-image: -o-linear-gradient(225deg, #f5cd21, #c22821);
  background-image: linear-gradient(225deg, #f5cd21, #c22821);
}

/* Yellow Gradient */
.g-bg-yellow-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #f59b00, #f5d400);
  background-image: -o-linear-gradient(225deg, #f59b00, #f5d400);
  background-image: linear-gradient(225deg, #f59b00, #f5d400);
}

/* Dark Purple Gradient */
.g-bg-darkpurple-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #0b011d, #330c3c);
  background-image: -o-linear-gradient(225deg, #0b011d, #330c3c);
  background-image: linear-gradient(225deg, #0b011d, #330c3c);
}

/* Blue Gray Gradient */
.g-bg-bluegray-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #1d253c, #3e4757);
  background-image: -o-linear-gradient(225deg, #1d253c, #3e4757);
  background-image: linear-gradient(225deg, #1d253c, #3e4757);
}

/* Pink Gradient */
.g-bg-pink-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #b6003b, #ed1261);
  background-image: -o-linear-gradient(225deg, #b6003b, #ed1261);
  background-image: linear-gradient(225deg, #b6003b, #ed1261);
}

/* Pink-v2 Gradient */
.g-bg-pink-lineargradient-v2 {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(10%, #fc7279),
    color-stop(65%, #ff7b9c),
    color-stop(125%, #ffc019)
  );
  background-image: -webkit-linear-gradient(
    left bottom,
    #fc7279 10%,
    #ff7b9c 65%,
    #ffc019 125%
  );
  background-image: -o-linear-gradient(
    left bottom,
    #fc7279 10%,
    #ff7b9c 65%,
    #ffc019 125%
  );
  background-image: linear-gradient(
    to right top,
    #fc7279 10%,
    #ff7b9c 65%,
    #ffc019 125%
  );
  background-repeat: no-repeat;
}

/* Red Gradient */
.g-bg-red-lineargradient {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(225deg, #d70417, #9f041b);
  background-image: -o-linear-gradient(225deg, #d70417, #9f041b);
  background-image: linear-gradient(225deg, #d70417, #9f041b);
}

/* Black Gradient */
.g-bg-black-gradient-opacity-v1,
.g-bg-black-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.9))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 100%
  );
  background-repeat: repeat-x;
}

/* Green Gradient */
.g-bg-green-gradient-opacity-v1,
.g-bg-green-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(51, 152, 220, 0.5)),
    to(rgba(114, 192, 44, 0.8))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(51, 152, 220, 0.5) 0%,
    rgba(114, 192, 44, 0.8) 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(51, 152, 220, 0.5) 0%,
    rgba(114, 192, 44, 0.8) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(51, 152, 220, 0.5) 0%,
    rgba(114, 192, 44, 0.8) 100%
  );
  background-repeat: repeat-x;
}

/* Purple Gradient */
.g-bg-purple-gradient-opacity-v1,
.g-bg-purple-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(114, 192, 44, 0.5)),
    to(rgba(154, 105, 203, 0.8))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(114, 192, 44, 0.5) 0%,
    rgba(154, 105, 203, 0.8) 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(114, 192, 44, 0.5) 0%,
    rgba(154, 105, 203, 0.8) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(114, 192, 44, 0.5) 0%,
    rgba(154, 105, 203, 0.8) 100%
  );
  background-repeat: repeat-x;
}

/* Pink Light Gradient */
.g-bg-pink-gradient-opacity-v1,
.g-bg-pink-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(114, 192, 44, 0.5)),
    to(rgba(232, 28, 98, 0.8))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(114, 192, 44, 0.5) 0%,
    rgba(232, 28, 98, 0.8) 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(114, 192, 44, 0.5) 0%,
    rgba(232, 28, 98, 0.8) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(114, 192, 44, 0.5) 0%,
    rgba(232, 28, 98, 0.8) 100%
  );
  background-repeat: repeat-x;
}

/* Cyan Gradient */
.g-bg-cyan-gradient-opacity-v1,
.g-bg-cyan-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 153, 0.5)),
    to(rgba(0, 190, 214, 0.6))
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 153, 0.5) 0%,
    rgba(0, 190, 214, 0.6) 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 153, 0.5) 0%,
    rgba(0, 190, 214, 0.6) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 153, 0.5) 0%,
    rgba(0, 190, 214, 0.6) 100%
  );
  background-repeat: repeat-x;
}

/* Purple Gradient */
.g-bg-purple-gradient-opacity-v1,
.g-bg-purple-gradient-opacity-v1--after::after {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(
    300deg,
    #b7ebf6,
    rgba(228, 97, 210, 0.7)
  );
  background-image: -o-linear-gradient(
    300deg,
    #b7ebf6,
    rgba(228, 97, 210, 0.7)
  );
  background-image: linear-gradient(150deg, #b7ebf6, rgba(228, 97, 210, 0.7));
}

/* Primary Gradient */
.g-bg-primary-gradient-opacity-v1,
.g-bg-primary-gradient-opacity-v1--after::after {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(
    300deg,
    #72c02c,
    rgba(51, 152, 220, 0.7)
  );
  background-image: -o-linear-gradient(
    300deg,
    #72c02c,
    rgba(51, 152, 220, 0.7)
  );
  background-image: linear-gradient(150deg, #72c02c, rgba(51, 152, 220, 0.7));
}

/* Gray Gradient */
.g-bg-gray-gradient-opacity-v1,
.g-bg-gray-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#f7f7f7),
    to(white)
  );
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 0%, white 100%);
  background-image: linear-gradient(to top, #f7f7f7 0%, white 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v1,
.g-bg-white-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.7)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v2,
.g-bg-white-gradient-opacity-v2--after::after {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(black),
    to(rgba(0, 0, 0, 0.1))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    black 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    black 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
  background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v3,
.g-bg-white-gradient-opacity-v3--after::after {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(30%, white),
    to(rgba(255, 255, 255, 0.3))
  );
  background-image: -webkit-linear-gradient(
    right,
    white 30%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background-image: -o-linear-gradient(
    right,
    white 30%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background-image: linear-gradient(
    to left,
    white 30%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v4,
.g-bg-white-gradient-opacity-v4--after::after {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(30%, white),
    to(rgba(255, 255, 255, 0.3))
  );
  background-image: -webkit-linear-gradient(
    left,
    white 30%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background-image: -o-linear-gradient(
    left,
    white 30%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background-image: linear-gradient(
    to right,
    white 30%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v5,
.g-bg-white-gradient-opacity-v5--after::after {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(47%, white),
    color-stop(75%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(
    left,
    white 47%,
    rgba(255, 255, 255, 0) 75%
  );
  background-image: -o-linear-gradient(
    left,
    white 47%,
    rgba(255, 255, 255, 0) 75%
  );
  background-image: linear-gradient(
    to right,
    white 47%,
    rgba(255, 255, 255, 0) 75%
  );
  background-repeat: repeat-x;
}

/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v1,
.g-bg-bluegray-gradient-opacity-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(6, 114, 231)),
    to(rgb(33, 148, 242))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgb(5, 113, 231) 0%,
    rgb(33, 150, 243) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(88, 95, 105, 0.2) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: linear-gradient(
    to top,
    rgb(3, 111, 230) 0%,
    rgb(33, 150, 243) 100%
  );
  background-repeat: repeat;
  animation-duration: 4s;
  color: #fff;
}

.g-bg-bluegray-gradient-opacity-v1:hover {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(6, 114, 231)),
    to(rgb(33, 148, 242))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgb(5, 113, 231) 0%,
    rgb(33, 150, 243) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(88, 95, 105, 0.2) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: linear-gradient(
    to top,
    rgb(11, 79, 154) 0%,
    rgb(33, 150, 243) 100%
  );
  background-repeat: repeat;
  animation-duration: 4s;
  color: #fff;
}

/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v2,
.g-bg-bluegray-gradient-opacity-v2--after::after {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(88, 95, 105, 0.3)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(88, 95, 105, 0.3) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(88, 95, 105, 0.3) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: linear-gradient(
    to top,
    rgba(88, 95, 105, 0.3) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: repeat-x;
}

/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v3,
.g-bg-bluegray-gradient-opacity-v3--after::after {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(
    300deg,
    rgba(107, 125, 224, 0.85),
    #2a2734
  );
  background-image: -o-linear-gradient(
    300deg,
    rgba(107, 125, 224, 0.85),
    #2a2734
  );
  background-image: linear-gradient(150deg, rgba(107, 125, 224, 0.85), #2a2734);
}

/* Secondary Gradient v1 */
.g-bg-secondary-gradient-v1,
.g-bg-secondary-gradient-v1--after::after {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(250, 250, 250, 0)),
    to(#fafafa)
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(250, 250, 250, 0) 0%,
    #fafafa 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(250, 250, 250, 0) 0%,
    #fafafa 100%
  );
  background-image: linear-gradient(
    to top,
    rgba(250, 250, 250, 0) 0%,
    #fafafa 100%
  );
  background-repeat: repeat-x;
}

/* Secondary Gradient v2 */
.g-bg-secondary-gradient-v2,
.g-bg-secondary-gradient-v2--after::after {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fafafa),
    to(rgba(250, 250, 250, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    #fafafa 0%,
    rgba(250, 250, 250, 0) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    #fafafa 0%,
    rgba(250, 250, 250, 0) 100%
  );
  background-image: linear-gradient(
    to top,
    #fafafa 0%,
    rgba(250, 250, 250, 0) 100%
  );
  background-repeat: repeat-x;
}

/* Radial Gradients (Ellipse)
------------------------------------*/
/* Lightblue Gradient */
.g-bg-lightblue-radialgradient-ellipse {
  background-image: -webkit-radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #fff 22%,
    #d6e2ee
  );
  background-image: -o-radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #fff 22%,
    #d6e2ee
  );
  background-image: radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #fff 22%,
    #d6e2ee
  );
  background-repeat: no-repeat;
}

/* Gray Gradient */
.g-bg-gray-radialgradient-ellipse {
  background-image: -webkit-radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #dbdbdb 22%,
    #bbb
  );
  background-image: -o-radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #dbdbdb 22%,
    #bbb
  );
  background-image: radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #dbdbdb 22%,
    #bbb
  );
  background-repeat: no-repeat;
}

/* Gray Gradient */
.g-bg-graylight-radialgradient-ellipse {
  background-image: -webkit-radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #fff 25%,
    #eee
  );
  background-image: -o-radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #fff 25%,
    #eee
  );
  background-image: radial-gradient(
    ellipse farthest-corner at 50% 50%,
    #fff 25%,
    #eee
  );
  background-repeat: no-repeat;
}

/*  Radial Gradients (Circle)
------------------------------------*/
/* Lightblue Gradient */
.g-bg-lightblue-radialgradient-circle {
  background-image: -webkit-radial-gradient(
    circle farthest-corner at 75% 95%,
    #fff,
    #d6e2ee
  );
  background-image: -o-radial-gradient(
    circle farthest-corner at 75% 95%,
    #fff,
    #d6e2ee
  );
  background-image: radial-gradient(
    circle farthest-corner at 75% 95%,
    #fff,
    #d6e2ee
  );
  background-repeat: no-repeat;
}

/* Blue Gradient */
.g-bg-blue-radialgradient-circle {
  background-image: -webkit-radial-gradient(
    circle farthest-side at 50% 50%,
    #2294d7,
    #275296
  );
  background-image: -o-radial-gradient(
    circle farthest-side at 50% 50%,
    #2294d7,
    #275296
  );
  background-image: radial-gradient(
    circle farthest-side at 50% 50%,
    #2294d7,
    #275296
  );
  background-repeat: no-repeat;
}

/* Dark Gray Gradient */
.g-bg-darkgray-radialgradient-circle {
  background-image: -webkit-radial-gradient(
    circle farthest-side at 110% 0,
    #596070,
    #31353e
  );
  background-image: -o-radial-gradient(
    circle farthest-side at 110% 0,
    #596070,
    #31353e
  );
  background-image: radial-gradient(
    circle farthest-side at 110% 0,
    #596070,
    #31353e
  );
  background-repeat: no-repeat;
}

.g-bg-blue-radialgradient-circle-endless {
  background-image: -webkit-repeating-radial-gradient(
    50% 50%,
    circle,
    #b9ecfe,
    #b9ecfe 10px,
    #82ddff 10px,
    #82ddff 20px
  );
  background-image: -o-repeating-radial-gradient(
    50% 50%,
    circle,
    #b9ecfe,
    #b9ecfe 10px,
    #82ddff 10px,
    #82ddff 20px
  );
  background-image: repeating-radial-gradient(
    circle at 50% 50%,
    #b9ecfe,
    #b9ecfe 10px,
    #82ddff 10px,
    #82ddff 20px
  );
}

.g-bg-gray-verticalstripes-endless {
  background: -webkit-repeating-linear-gradient(
    top,
    #fff,
    #fff 5px,
    #eee 5px,
    #eee 10px
  );
  background: -o-repeating-linear-gradient(
    top,
    #fff,
    #fff 5px,
    #eee 5px,
    #eee 10px
  );
  background: repeating-linear-gradient(
    to bottom,
    #fff,
    #fff 5px,
    #eee 5px,
    #eee 10px
  );
}

/*------------------------------------
  Background Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
.g-bg-L-blue {
  background-color: #f4f7fe !important;
}
/* Main Colors */
.g-bg-main {
  background-color: #fff !important;
}

/* Main Secondary */
.g-bg-secondary {
  background-color: #fafafa !important;
}

/* Primary Colors */
.g-bg-primary {
  background-color: #72c02c !important;
}

.g-bg-primary--hover:hover {
  background-color: #72c02c !important;
}

.u-block-hover:hover .g-bg-primary--hover {
  background-color: #72c02c;
}

.g-parent:hover .g-bg-primary--parent-hover {
  background-color: #72c02c !important;
}

.g-bg-primary--active.active,
.active .g-bg-primary--active {
  background-color: #72c02c !important;
}

.g-parent.active .g-bg-primary--parent-active {
  background-color: #72c02c !important;
}

.g-bg-primary--before::before,
.g-bg-primary--after::after {
  background-color: #72c02c !important;
}

.g-bg-primary-dark-v1 {
  background-color: #6db82a !important;
}

.g-bg-primary-dark-v2 {
  background-color: #66ab27 !important;
}

.g-bg-primary-dark-v3 {
  background-color: #599722 !important;
}

.g-bg-primary-opacity-0_1 {
  background-color: rgba(114, 192, 44, 0.1) !important;
}

.g-bg-primary-opacity-0_2 {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.g-bg-primary-opacity-0_2--hover:hover {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.g-bg-primary-opacity-0_2--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.active .g-bg-primary-opacity-0_2--active {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.g-bg-primary-opacity-0_2--before::before,
.g-bg-primary-opacity-0_2--after::after {
  background-color: rgba(114, 192, 44, 0.2) !important;
}

.g-bg-primary-opacity-0_3 {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.g-bg-primary-opacity-0_3--hover:hover {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.g-bg-primary-opacity-0_3--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.active .g-bg-primary-opacity-0_3--active {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.g-bg-primary-opacity-0_3--before::before,
.g-bg-primary-opacity-0_3--after::after {
  background-color: rgba(114, 192, 44, 0.3) !important;
}

.g-bg-primary-opacity-0_4 {
  background-color: rgba(114, 192, 44, 0.4) !important;
}

.g-bg-primary-opacity-0_4--hover:hover {
  background-color: rgba(114, 192, 44, 0.4) !important;
}

.g-bg-primary-opacity-0_4--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.4) !important;
}

.g-bg-primary-opacity-0_4--after::after {
  background-color: rgba(114, 192, 44, 0.4) !important;
}

.g-bg-primary-opacity-0_6 {
  background-color: rgba(114, 192, 44, 0.6) !important;
}

.g-bg-primary-opacity-0_6--hover:hover {
  background-color: rgba(114, 192, 44, 0.6) !important;
}

.g-bg-primary-opacity-0_6--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.6) !important;
}

.g-bg-primary-opacity-0_6--after::after {
  background-color: rgba(114, 192, 44, 0.6) !important;
}

.g-bg-primary-opacity-0_8 {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.g-bg-primary-opacity-0_8--hover:hover {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.g-bg-primary-opacity-0_8--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.g-bg-primary-opacity-0_8--before::after,
.g-bg-primary-opacity-0_8--after::after {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.g-bg-primary-opacity-0_8--before--hover:hover::after,
.g-bg-primary-opacity-0_8--after--hover:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.g-bg-primary-opacity-0_9 {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

.g-bg-primary-opacity-0_9--hover:hover {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

.g-bg-primary-opacity-0_9--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

.g-bg-primary-opacity-0_9--before::after,
.g-bg-primary-opacity-0_9--after::after {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

.g-bg-primary-opacity-0_9--before--hover:hover::after,
.g-bg-primary-opacity-0_9--after--hover:hover::after {
  background-color: rgba(114, 192, 44, 0.9) !important;
}

/* Black Colors */
.g-bg-black {
  background-color: #000 !important;
}

.g-bg-black--hover:hover {
  background-color: #000 !important;
}

.g-bg-black--after::after {
  background-color: #000 !important;
}

.g-bg-black-opacity-0_1 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.g-bg-black-opacity-0_1--after::after {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.g-bg-black-opacity-0_2 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.g-bg-black-opacity-0_2--after::after {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.g-bg-black-opacity-0_3 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_3--hover:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_3--after::after,
.g-bg-black-opacity-0_3--before::before {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_3--hover--after:hover::after {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_4 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.g-bg-black-opacity-0_4--after::after {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.g-bg-black-opacity-0_5 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.g-bg-black-opacity-0_5--hover:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.g-bg-black-opacity-0_5--after::after {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.g-bg-black-opacity-0_6 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.g-bg-black-opacity-0_6--hover:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_6--after::after {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.g-bg-black-opacity-0_7 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_7--hover:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_7--after::after {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_8 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.g-bg-black-opacity-0_8--after::after {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.g-bg-black-opacity-0_8--hover:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.g-bg-black-opacity-0_9 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-black-opacity-0_9--after::after {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-black-opacity-0_9--hover:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.u-block-hover:hover .g-bg-black--hover {
  background-color: #000 !important;
}

/* White Colors */
.g-bg-white {
  background-color: #fff !important;
}

.g-bg-white--before::before,
.g-bg-white--after::after {
  background-color: #fff !important;
}

.g-bg-white--hover:hover,
.g-bg-white--active.active {
  background-color: #fff !important;
}

.g-parent:hover .g-bg-white--parent-hover {
  background-color: #fff !important;
}

.g-bg-white--disabled:disabled {
  background-color: #fff !important;
}

.g-bg-white--before::before,
.g-bg-white--after::after {
  background-color: #fff !important;
}

.g-parent:hover .g-bg-white-opacity-0--after--parent-hover::after {
  background-color: rgba(255, 255, 255, 0) !important;
}

.g-bg-white-opacity-0_05 {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.g-bg-white-opacity-0_1 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.g-bg-white-opacity-0_1--after::after {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.g-bg-white-opacity-0_2 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.g-bg-white-opacity-0_2--hover:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.g-bg-white-opacity-0_3 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.g-bg-white-opacity-0_3--hover:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.g-bg-white-opacity-0_3--after::after {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.g-bg-white-opacity-0_4 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.g-bg-white-opacity-0_4--hover:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.g-bg-white-opacity-0_5 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.g-bg-white-opacity-0_5--after::after {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.g-bg-white-opacity-0_7 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.g-bg-white-opacity-0_7--hover:hover {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.g-bg-white-opacity-0_7--after::after {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.g-bg-white-opacity-0_8 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.g-bg-white-opacity-0_8--hover:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.g-bg-white-opacity-0_8--after::after {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.g-bg-white-opacity-0_8--hover--after:hover::after {
  background-color: rgba(114, 192, 44, 0.8) !important;
}

.g-bg-white-opacity-0_9 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.g-bg-white-opacity-0_9--hover:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.g-bg-white-opacity-0_9--after::after {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Gray Colors */
.g-bg-gray-dark-v1 {
  background-color: #111 !important;
}

.g-bg-gray-dark-v1--hover:hover {
  background-color: #111 !important;
}

.g-bg-gray-dark-v2 {
  background-color: #333 !important;
}

.g-bg-gray-dark-v2--hover:hover {
  background-color: #333 !important;
}

.g-bg-gray-dark-v3 {
  background-color: #555 !important;
}

.g-bg-gray-dark-v3--hover:hover {
  background-color: #555 !important;
}

.g-bg-gray-dark-v4 {
  background-color: #777 !important;
}

.g-bg-gray-dark-v4--hover:hover {
  background-color: #777 !important;
}

.g-bg-gray-dark-v5 {
  background-color: #999 !important;
}

.g-bg-gray-dark-v5--hover:hover {
  background-color: #999 !important;
}

.g-bg-gray-light-v1 {
  background-color: #bbb !important;
}

.g-bg-gray-light-v1--hover:hover {
  background-color: #bbb !important;
}

.g-bg-gray-light-v2 {
  background-color: #ccc !important;
}

.g-bg-gray-light-v2--hover:hover {
  background-color: #ccc !important;
}

.g-bg-gray-light-v3 {
  background-color: #ddd !important;
}

.g-bg-gray-light-v3--hover:hover {
  background-color: #ddd !important;
}

.g-bg-gray-light-v4 {
  background-color: #eee !important;
}

.g-bg-gray-light-v4--hover:hover {
  background-color: #eee !important;
}

.g-bg-gray-light-v5 {
  background-color: #f7f7f7 !important;
}

.g-bg-gray-light-v5--hover:hover {
  background-color: #f7f7f7 !important;
}

.g-bg-gray-light-v5--active.active,
.active .g-bg-gray-light-v5--active {
  background-color: #f7f7f7 !important;
}

/* Transparent */
.g-bg-transparent {
  background-color: transparent !important;
}

.g-bg-transparent--hover:hover {
  background-color: transparent !important;
}

.g-bg-transparent--hover--after:hover::after {
  background-color: transparent !important;
}

.g-parent:hover .g-bg-transparent--parent-hover {
  background-color: transparent !important;
}

/* Complementary Colors
------------------------------------*/
/* Beige Colors */
.g-bg-beige {
  background-color: #e5e1de !important;
}

/* Color Green */
.g-bg-green {
  background-color: #00b28e !important;
}

.g-bg-green-opacity-0_1 {
  background-color: rgba(114, 192, 44, 0.1) !important;
}

.g-bg-green--hover:hover {
  background-color: #72c02c !important;
}

/* Color Blue */
.g-bg-blue {
  background-color: #3398dc !important;
}

.g-bg-blue-opacity-0_1 {
  background-color: rgba(51, 152, 220, 0.1) !important;
}

.g-bg-blue-opacity-0_7 {
  background-color: rgba(51, 152, 220, 0.7) !important;
}

.g-bg-blue-opacity-0_9 {
  background-color: rgba(51, 152, 220, 0.9) !important;
}

.g-bg-blue--hover:hover {
  background-color: #3398dc !important;
}

/* Color Light Blue */
.g-bg-lightblue {
  background-color: #edf2f8 !important;
}

.g-bg-lightblue-opacity-0_1 {
  background-color: rgba(237, 242, 248, 0.1) !important;
}

.g-bg-lightblue-v1 {
  background-color: #d6e2ee !important;
}

.g-bg-lightblue-v1-opacity-0_1 {
  background-color: rgba(214, 226, 238, 0.1) !important;
}

/* Color Dark Blue */
.g-bg-darkblue {
  background-color: #009 !important;
}

.g-bg-darkblue-opacity-0_1 {
  background-color: rgba(0, 0, 153, 0.1) !important;
}

/* Color Indigo */
.g-bg-indigo {
  background-color: #4263a3 !important;
}

.g-bg-indigo-opacity-0_1 {
  background-color: rgba(66, 99, 163, 0.1) !important;
}

/* Color Red */
.g-bg-red {
  background-color: #f00 !important;
}

.g-bg-red-opacity-0_1 {
  background-color: rgba(255, 0, 0, 0.1) !important;
}

.g-bg-red-opacity-0_2 {
  background-color: rgba(255, 0, 0, 0.2) !important;
}

.g-bg-red-opacity-0_5 {
  background-color: rgba(255, 0, 0, 0.5) !important;
}

.g-bg-red-opacity-0_8 {
  background-color: rgba(255, 0, 0, 0.8) !important;
}

.g-bg-red--hover:hover {
  background-color: #f00 !important;
}

/* Color Light Red */
.g-bg-lightred {
  background-color: #e64b3b !important;
}

.g-bg-lightred-opacity-0_1 {
  background-color: rgba(230, 75, 59, 0.1) !important;
}

.g-bg-lightred--hover:hover {
  background-color: #e64b3b !important;
}

/* Color Dark Red */
.g-bg-darkred {
  background-color: #a10f2b !important;
}

.g-bg-darkred-opacity-0_1 {
  background-color: rgba(161, 15, 43, 0.1) !important;
}

/* Color Purple */
.g-bg-purple {
  background-color: #9a69cb !important;
}

.g-bg-purple-opacity-0_1 {
  background-color: rgba(154, 105, 203, 0.1) !important;
}

.g-bg-purple-opacity-0_7 {
  background-color: rgba(154, 105, 203, 0.7) !important;
}

.g-bg-purple-opacity-0_9 {
  background-color: rgba(154, 105, 203, 0.9) !important;
}

.g-bg-purple-opacity-0_9--after::after {
  background-color: rgba(154, 105, 203, 0.9) !important;
}

.g-bg-purple--hover:hover {
  background-color: #9a69cb !important;
}

/* Color Dark Purple */
.g-bg-darkpurple {
  background-color: #6639b6 !important;
}

.g-bg-darkpurple-opacity-0_1 {
  background-color: rgba(102, 57, 182, 0.1) !important;
}

/* Color Pink */
.g-bg-pink {
  background-color: #e81c62 !important;
}

.g-bg-pink-opacity-0_1 {
  background-color: rgba(232, 28, 98, 0.1) !important;
}

.g-bg-pink-opacity-0_9 {
  background-color: rgba(232, 28, 98, 0.9) !important;
}

.g-bg-pink--hover:hover {
  background-color: #e81c62 !important;
}

.g-bg-pink--before::after,
.g-bg-pink--after::after {
  background-color: #e81c62 !important;
}

.g-bg-pink--before--hover:hover::after,
.g-bg-pink--after--hover:hover::after {
  background-color: #e81c62 !important;
}

/* Color Orange */
.g-bg-orange {
  background-color: #e57d20 !important;
}

.g-bg-orange-opacity-0_1 {
  background-color: rgba(229, 125, 32, 0.1) !important;
}

.g-bg-orange-opacity-0_2 {
  background-color: rgba(229, 125, 32, 0.2) !important;
}

.g-bg-orange--hover:hover {
  background-color: #e57d20 !important;
}

/* Color Deep Orange */
.g-bg-deeporange {
  background-color: #fe541e !important;
}

.g-bg-deeporange-opacity-0_1 {
  background-color: rgba(254, 84, 30, 0.1) !important;
}

.g-bg-deeporange--hover:hover {
  background-color: #fe541e !important;
}

/* Color Yellow */
.g-bg-yellow {
  background-color: #ebc71d !important;
}

.g-bg-yellow-opacity-0_1 {
  background-color: rgba(235, 199, 29, 0.1) !important;
}

.g-bg-yellow-opacity-0_7 {
  background: rgba(235, 199, 29, 0.7) !important;
}

.g-bg-yellow--hover:hover {
  background-color: #ebc71d !important;
}

/* Color Aqua */
.g-bg-aqua {
  background-color: #29d6e6 !important;
}

.g-bg-aqua-opacity-0_1 {
  background-color: rgba(41, 214, 230, 0.1) !important;
}

.g-bg-aqua-opacity-0_9 {
  background-color: rgba(41, 214, 230, 0.9) !important;
}

.g-bg-aqua--hover:hover {
  background-color: #29d6e6 !important;
}

/* Color Cyan */
.g-bg-cyan {
  background-color: #00bed6 !important;
}

.g-bg-cyan-opacity-0_1 {
  background-color: rgba(0, 190, 214, 0.1) !important;
}

.g-bg-cyan-opacity-0_9 {
  background-color: rgba(0, 190, 214, 0.9) !important;
}

.g-bg-cyan-opacity-0_9--after::after {
  background-color: rgba(0, 190, 214, 0.9) !important;
}

.g-bg-cyan--hover:hover {
  background-color: #00bed6 !important;
}

/* Color Teal */
.g-bg-teal {
  background-color: #18ba9b !important;
}

.g-bg-teal-opacity-0_1 {
  background-color: rgba(24, 186, 155, 0.1) !important;
}

.g-bg-teal-opacity-0_9 {
  background-color: rgba(24, 186, 155, 0.9) !important;
}

.g-bg-teal-opacity-0_9--after::after {
  background-color: rgba(24, 186, 155, 0.9) !important;
}

.g-bg-teal--hover:hover {
  background-color: #18ba9b !important;
}

/* Color Brown */
.g-bg-brown {
  background-color: #9c8061 !important;
}

.g-bg-brown-opacity-0_1 {
  background-color: rgba(156, 128, 97, 0.1) !important;
}

.g-bg-brown--hover:hover {
  background-color: #9c8061 !important;
}

/* Color Blue Gray */
.g-bg-bluegray {
  background-color: #585f69 !important;
}

.g-bg-bluegray-opacity-0_1 {
  background-color: rgba(88, 95, 105, 0.1) !important;
}

.g-bg-bluegray-opacity-0_2--before::before,
.g-bg-bluegray-opacity-0_2--after::after {
  background-color: rgba(88, 95, 105, 0.2) !important;
}

.g-bg-bluegray-opacity-0_3--before::before,
.g-bg-bluegray-opacity-0_3--after::after {
  background-color: rgba(88, 95, 105, 0.3) !important;
}

.g-bg-bluegray-opacity-0_5,
.g-bg-bluegray-opacity-0_5--after::after {
  background-color: rgba(88, 95, 105, 0.5) !important;
}

.g-bg-bluegray-opacity-0_7 {
  background-color: rgba(88, 95, 105, 0.7) !important;
}

.g-bg-bluegray--hover:hover {
  background-color: #585f69 !important;
}

.g-grayscale-100x {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.g-parent:hover .g-grayscale-0--parent-hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

.g-grayscale-0--hover:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

/* O */
@media (min-width: 576px) {
  .g-bg-transparent--sm {
    background-color: transparent !important;
  }
}

/*------------------------------------
  Background Colors Extended
------------------------------------*/
.js-header-change-moment .g-bg-primary--scrolling {
  background-color: #72c02c !important;
}

/*------------------------------------
  Social Background Colors
------------------------------------*/
/* Facebook */
.g-bg-facebook {
  background-color: #3b5998;
}

.u-block-hover:hover .g-bg-facebook--hover,
.g-bg-facebook--hover:hover {
  background-color: #344e86 !important;
}

/* Twitter */
.g-bg-twitter {
  background-color: #00acee;
}

.u-block-hover:hover .g-bg-twitter--hover,
.g-bg-twitter--hover:hover {
  background-color: #009ad5 !important;
}

/* Skype */
.g-bg-skype {
  background-color: #00aff0;
}

.u-block-hover:hover .g-bg-skype--hover,
.g-bg-skype--hover:hover {
  background-color: #009cd7 !important;
}

/* Pinterest */
.g-bg-pinterest {
  background-color: #c8232c;
}

.u-block-hover:hover .g-bg-pinterest--hover,
.g-bg-pinterest--hover:hover {
  background-color: #b21f27 !important;
}

/* Vine */
.g-bg-vine {
  background-color: #00bf8f;
}

.u-block-hover:hover .g-bg-vine--hover,
.g-bg-vine--hover:hover {
  background-color: #00a67c !important;
}

/* Youtube */
.g-bg-youtube {
  background-color: #c4302b;
}

.u-block-hover:hover .g-bg-youtube--hover,
.g-bg-youtube--hover:hover {
  background-color: #af2b26 !important;
}

/* Google plus */
.g-bg-google-plus {
  background-color: #dd4b39;
}

.u-block-hover:hover .g-bg-google-plus--hover,
.g-bg-google-plus--hover:hover {
  background-color: #d73925 !important;
}

/* Dribbble */
.g-bg-dribbble {
  background-color: #ea4c89;
}

.u-block-hover:hover .g-bg-dribbble--hover,
.g-bg-dribbble--hover:hover {
  background-color: #e7357a !important;
}

/* VK */
.g-bg-vk {
  background-color: #2b587a;
}

.u-block-hover:hover .g-bg-vk--hover,
.g-bg-vk--hover:hover {
  background-color: #244a67 !important;
}

/* Linkedin */
.g-bg-linkedin {
  background-color: #0e76a8;
}

.u-block-hover:hover .g-bg-linkedin--hover,
.g-bg-linkedin--hover:hover {
  background-color: #0c6590 !important;
}

/* Instagram */
.g-bg-instagram {
  background-color: #3f729b;
}

.u-block-hover:hover .g-bg-instagram--hover,
.g-bg-instagram--hover:hover {
  background-color: #386589 !important;
}

/*------------------------------------
  Images Grid
------------------------------------*/
.g-bg-grid-v1--before::before {
  background-image: url(../img/bg/grid/wave.png);
}

.g-bg-grid-v2--before::after {
  background-image: url(../img/bg/grid/tile-left.png);
}

.g-bg-grid-v3--before::after {
  background-image: url(../img/bg/grid/tile-right.png);
}

.g-bg-grid-v4--before::after {
  background-image: url(../img/bg/grid/diagonal-left.png);
}

.g-bg-grid-v5--before::after {
  background-image: url(../img/bg/grid/diagonal-right.png);
}

.g-bg-grid-v6--before::after {
  background-image: url(../img/bg/grid/zigzag-left.png);
}

.g-bg-grid-v7--before::after {
  background-image: url(../img/bg/grid/zigzag-right.png);
}

/*------------------------------------
  Covers
------------------------------------*/
.g-bg-cover {
  position: relative;
}

.g-bg-cover::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.g-bg-cover-v1::after {
  position: absolute;
  top: 0.35714rem;
  right: 0.35714rem;
  bottom: 0.35714rem;
  left: 0.35714rem;
}

.g-bg-cover__inner {
  z-index: 1;
  position: relative;
}

/*------------------------------------
  Background Image Style
------------------------------------*/
.g-bg-img-hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*------------------------------------
  Background Patterns
------------------------------------*/
.g-bg-pattern-green {
  background-image: url("../img/bg/pattern--green.png");
}

/*------------------------------------
  Background Position
------------------------------------*/
.g-bg-pos-center {
  background-position: center;
}

.g-bg-pos-left-center {
  background-position: left center;
}

.g-bg-pos-top-left {
  background-position: top left;
}

.g-bg-pos-top-right {
  background-position: top right;
}

.g-bg-pos-top-center {
  background-position: top center;
}

.g-bg-pos-bottom-center {
  background-position: bottom center;
}

/*------------------------------------
  Background Repeat
------------------------------------*/
.g-bg-no-repeat {
  background-repeat: no-repeat;
}

/*------------------------------------
  Background Size
------------------------------------*/
.g-bg-size-cover {
  background-size: cover !important;
}

.g-bg-size-100x {
  background-size: 100% !important;
}

.g-bg-size-100x--hover:hover {
  background-size: 100% !important;
}

.g-parent:hover .g-bg-size-100x--parent-hover {
  background-size: 100% !important;
}

.g-bg-size-120x {
  background-size: 120% !important;
}

.g-bg-size-120x--hover {
  background-size: 120% !important;
}

.g-parent:hover .g-bg-size-120x--parent-hover {
  background-size: 120% !important;
}

.g-bg-repeat {
  background-repeat: repeat !important;
  /* P */
  background-size: auto !important;
}

/* Primary Colors */
.g-fill-primary {
  fill: #72c02c !important;
}

.g-fill-primary path,
.g-fill-primary polygon {
  fill: #72c02c !important;
}

.g-fill-primary--hover:hover path,
.g-fill-primary--hover:hover polygon {
  fill: #72c02c !important;
}

*:hover > * > .g-fill-primary--hover-parent svg path,
*:hover > * > .g-fill-primary--hover-parent svg polygon {
  fill: #72c02c !important;
}

.g-fill-white {
  fill: #fff !important;
}

.g-fill-white path,
.g-fill-white polygon {
  fill: #fff !important;
}

.g-fill-white--opened-menu:not(.collapsed) path,
.g-fill-white--opened-menu:not(.collapsed) polygon {
  fill: #fff !important;
}

*:not(.collapsed) > .g-fill-white--parent-opened-menu path,
*:not(.collapsed) > .g-fill-white--parent-opened-menu polygon {
  fill: #fff !important;
}

.g-fill-white--hover:hover path,
.g-fill-white--hover:hover polygon {
  fill: #fff !important;
}

*:hover > * > .g-fill-white--hover-parent svg path,
*:hover > * > .g-fill-white--hover-parent svg polygon {
  fill: #fff !important;
}

.g-fill-main {
  fill: #555 !important;
}

.g-fill-main path,
.g-fill-main polygon {
  fill: #555 !important;
}

.g-fill-main--opened-menu:not(.collapsed) path,
.g-fill-main--opened-menu:not(.collapsed) polygon {
  fill: #555 !important;
}

*:not(.collapsed) > .g-fill-main--parent-opened-menu path,
*:not(.collapsed) > .g-fill-main--parent-opened-menu polygon {
  fill: #555 !important;
}

.g-fill-main--hover:hover path,
.g-fill-main--hover:hover polygon {
  fill: #555 !important;
}

*:hover > * > .g-fill-main--hover-parent svg path,
*:hover > * > .g-fill-main--hover-parent svg polygon {
  fill: #fff !important;
}

.g-fill-gray-light-v4 path,
.g-fill-gray-light-v4 polygon {
  fill: #eee !important;
}

.g-fill-gray-light-v4--hover:hover path,
.g-fill-gray-light-v4--hover:hover polygon {
  fill: #eee !important;
}

*:hover > * > .g-fill-gray-light-v4--hover-parent svg path,
*:hover > * > .g-fill-gray-light-v4--hover-parent svg polygon {
  fill: #eee !important;
}

.g-fill-red path,
.g-fill-red polygon {
  fill: #f00 !important;
}

.g-fill-red--hover:hover path,
.g-fill-red--hover:hover polygon {
  fill: #f00 !important;
}

*:hover > * > .g-fill-red--hover-parent path,
*:hover > * > .g-fill-red--hover-parent polygon {
  fill: #f00 !important;
}

*:hover > .g-fill-red--parent-hover path,
*:hover > .g-fill-red--parent-hover polygon {
  fill: #f00 !important;
}

*:hover > * > * > .g-fill-red--parent-parent-parent-hover path,
*:hover > * > * > .g-fill-red--parent-parent-parent-hover polygon {
  fill: #f00 !important;
}

/*------------------------------------
  Borders Default (solid)
------------------------------------*/
.g-brd-none {
  /* P */
  border: none !important;
}

.g-brd-x {
  border-left: solid 1px transparent !important;
  border-right: solid 1px transparent !important;
}

.g-brd-y {
  border-top: solid 1px transparent !important;
  border-bottom: solid 1px transparent !important;
}

.g-brd-around {
  border: solid 1px transparent !important;
}

.g-brd-top {
  border-top: solid 1px transparent !important;
}

.g-brd-right {
  border-right: solid 1px transparent !important;
}

.g-brd-bottom {
  border-bottom: solid 1px transparent !important;
}

.g-brd-left {
  border-left: solid 1px transparent !important;
}

.g-brd-left-none {
  border-left: none !important;
}

@media (min-width: 576px) {
  .g-brd-around--sm {
    border: solid 1px transparent !important;
  }
  .g-brd-top--sm {
    border-top: solid 1px transparent !important;
  }
  .g-brd-right--sm {
    border-right: solid 1px transparent !important;
  }
  .g-brd-bottom--sm {
    border-bottom: solid 1px transparent !important;
  }
  .g-brd-left--sm {
    border-left: solid 1px transparent !important;
  }
}

@media (min-width: 768px) {
  .g-brd-x--md {
    border-left: solid 1px transparent !important;
    border-right: solid 1px transparent !important;
  }
  .g-brd-around--md {
    border: solid 1px transparent !important;
  }
  .g-brd-top--md {
    border-top: solid 1px transparent !important;
  }
  .g-brd-right--md {
    border-right: solid 1px transparent !important;
  }
  .g-brd-bottom--md {
    border-bottom: solid 1px transparent !important;
  }
  .g-brd-left--md {
    border-left: solid 1px transparent !important;
  }
}

@media (min-width: 992px) {
  /* P */
  .g-brd-around--lg {
    border: solid 1px transparent !important;
  }
  .g-brd-top--lg {
    border-top: solid 1px transparent !important;
  }
  .g-brd-right--lg {
    border-right: solid 1px transparent !important;
  }
  .g-brd-bottom--lg {
    border-bottom: solid 1px transparent !important;
  }
  .g-brd-left--lg {
    border-left: solid 1px transparent !important;
  }
  .g-brd-left-none--lg {
    border-left: none !important;
  }
  .g-brd-x--lg {
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
  }
  .g-brd-none--lg {
    border: none !important;
  }
}

/*------------------------------------
  Borders None
------------------------------------*/
.g-brd-around-none {
  border-width: 0 !important;
}

.g-brd-y-none {
  border-top: none !important;
  border-bottom: none !important;
}

.g-brd-top-none {
  border-top: none !important;
}

.g-brd-bottom-none {
  border-bottom: none !important;
}

.g-brd-x-none {
  border-left: none !important;
  border-right: none !important;
}

.g-brd-left-none {
  border-left: none !important;
}

.g-brd-right-none {
  border-right: none !important;
}

@media (min-width: 576px) {
  .g-brd-around-none--sm {
    border-width: 0 !important;
  }
  .g-brd-y-none--sm {
    border-top: none !important;
    border-bottom: none !important;
  }
  .g-brd-top-none--sm {
    border-top: none !important;
  }
  .g-brd-bottom-none--sm {
    border-bottom: none !important;
  }
  .g-brd-x-none--sm {
    border-left: none !important;
    border-right: none !important;
  }
  .g-brd-left-none--sm {
    border-left: none !important;
  }
  .g-brd-right-none--sm {
    border-right: none !important;
  }
}

@media (min-width: 768px) {
  .g-brd-around-none--md {
    border-width: 0 !important;
  }
  .g-brd-y-none--md {
    border-top: none !important;
    border-bottom: none !important;
  }
  .g-brd-top-none--md {
    border-top: none !important;
  }
  .g-brd-bottom-none--md {
    border-bottom: none !important;
  }
  .g-brd-x-none--md {
    border-left: none !important;
    border-right: none !important;
  }
  .g-brd-left-none--md {
    border-left: none !important;
  }
  .g-brd-right-none--md {
    border-right: none !important;
  }
}

@media (min-width: 992px) {
  .g-brd-around-none--lg {
    border-width: 0 !important;
  }
  .g-brd-y-none--lg {
    border-top: none !important;
    border-bottom: none !important;
  }
  .g-brd-top-none--lg {
    border-top: none !important;
  }
  .g-brd-bottom-none--lg {
    border-bottom: none !important;
  }
  .g-brd-x-none--lg {
    border-left: none !important;
    border-right: none !important;
  }
  .g-brd-left-none--lg {
    border-left: none !important;
  }
  .g-brd-right-none--lg {
    border-right: none !important;
  }
}

@media (min-width: 1200px) {
  .g-brd-around-none--xl {
    border-width: 0 !important;
  }
  .g-brd-y-none--xl {
    border-top: none !important;
    border-bottom: none !important;
  }
  .g-brd-top-none--xl {
    border-top: none !important;
  }
  .g-brd-bottom-none--xl {
    border-bottom: none !important;
  }
  .g-brd-x-none--xl {
    border-left: none !important;
    border-right: none !important;
  }
  .g-brd-left-none--xl {
    border-left: none !important;
  }
  .g-brd-right-none--xl {
    border-right: none !important;
  }
}
@media (max-width: 1024px) {
  .FMARGINHEAD {
    margin-top: 130px;
  }

  .fix-center-web2 {
    /* position: absolute;
    bottom: -22%;
    left: 27%;
    transform: translate(-50%, -50%);
    width: 51%;
    text-align: left;
    line-height: 0.1; */
  }
  .fix-center-ecom3 {
    /* position: absolute;
    top: 50%;
    left: 28%;
    transform: translate(-50%, -50%);
    text-align: left;
    line-height: 0; */
  }
}
@media (max-width: 1600px) {
  .fix-center-web2 {
    /* bottom: 20%;
    left: 5.3%; */
  }
  html[lang="th"] .fix-center-ecom2 {
    top: 15%;
    position: absolute;
    width: 55%;
  }
  .fix-center-ecom2 {
    position: absolute;
    width: 50%;
  }
  .fix-center-school,
  .fix-center-bitrix,
  .fix-center-ecom2,
  .fix-center-ecom,
  .fix-center-digi,
  .fix-center-customer,
  .fix-center-booking,
  .fix-center-web2,
  .fix-center-web {
    top: 15%;
  }
  .fix-center-ecom3 {
    top: 4%;
  }
  .fix-center-digi-our {
    top: 30%;
  }
}
@media (max-width: 1440px) {
  html[lang="th"] .fix-center-ecom2 {
    width: 53%;
  }
}
@media (max-width: 1366px) {
  html[lang="th"] .fix-center-ecom2 {
    width: 75%;
  }
  html[lang="th"] .fix-center-ecom,
  html[lang="th"] .fix-center-booking {
    top: 15%;
  }
  .fix-center-ecom2 {
    position: absolute;
    width: 80%;
  }
  html[lang="th"] .fix-center-web2 {
    top: auto;
    bottom: 20%;
    left: 5.3%;
  }
}
@media (max-width: 1200px) {
  html[lang="th"] .fix-center-web2 {
    top: auto;
    bottom: 15%;
    left: 5.3%;
  }
}
@media (max-width: 1024px) {
  .fix-center-web2 {
  }
  html[lang="th"] .fix-center-ecom2 {
  }
  .fix-center-ecom2,
  .fix-center-digi,
  .fix-center-customer,
  .fix-center-booking,
  .fix-center-digi-our {
    top: 15%;
  }
}
@media (max-width: 991px) {
  .g-border-4-news {
    border-bottom: 0px solid #2196f3;
  }
  .EDITSV8 .fix-center-booking {
    position: absolute;
    bottom: 50%;
    top: auto !important;
    left: 52%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: left;
    bottom: 0%;
  }
  .fix-center-web2 {
    bottom: 10%;
    left: 5.3%;
    top: unset !important;
  }
  .fix-center-ecom3 {
  }
  .fix-center-customer {
    position: absolute;
    top: 14%;
    left: 6%;
    text-align: left;
  }
  html[lang="th"] .fix-center-ecom2,
  .fix-center-ecom2 {
    top: unset;
    position: absolute;
    left: 0%;
    width: 100%;
    text-align: left;
    background: rgb(255, 255, 255);
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 178, 142, 1) 10%
    );
    padding: 40px 4% 0px 4%;
    bottom: 10%;
  }
  .fix-center-ecom3 {
    top: unset;
    bottom: 10%;
    left: 5.3%;
  }
  .IMGDTDISNONE {
    display: none !important;
  }
  .IMGMOBILEDISNONE {
    display: block !important;
  }
}
@media (max-width: 599px) {
  .fix-center-web2 {
    /* position: absolute;
    top: 80%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 89%;
    text-align: left;
    line-height: 0.5; */
  }
  .BOXMSGBANNER2 {
    width: 20em !important;
  }
  html[lang="th"] .fix-center-ecom2,
  .fix-center-ecom2 {
  }
}
@media (max-width: 450px) {
  .fix-center-web2 {
    /* position: absolute;
    top: 72%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 89%;
    text-align: left;
    line-height: 0.5; */
  }

  .fix-h-secweb {
    height: 380px !important;
  }
  .FORMOBILEBOXTEXT {
    height: auto !important;
    overflow: auto !important;
  }
}
@media (max-width: 390px) {
  html[lang="th"] .fix-center-web2 {
    /* position: absolute;
    top: 68%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 85%;
    text-align: left;
    line-height: 0.5; */
  }
  .fix-center-web2 {
    /* position: absolute;
    top: 70%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 85%;
    text-align: left;
    line-height: 0.5; */
  }
}

/*------------------------------------
  Border Style
------------------------------------*/
.g-brd-style-solid {
  border-style: solid !important;
}

.g-brd-style-dashed {
  border-style: dashed !important;
}

.g-brd-style-dotted {
  border-style: dotted !important;
}

/*------------------------------------
  Border Radius (Rounded Styles)
------------------------------------*/
/* Rounded Around */
.rounded-0 {
  border-radius: 0 !important;
}

.g-rounded-50x {
  border-radius: 50%;
}

.g-rounded-1 {
  border-radius: 1px !important;
}

.g-rounded-2 {
  border-radius: 2px !important;
}

.g-rounded-3 {
  border-radius: 3px !important;
}

.g-rounded-4 {
  border-radius: 4px !important;
}

.g-rounded-5 {
  border-radius: 5px !important;
}

.g-rounded-6 {
  border-radius: 6px !important;
}

.g-rounded-7 {
  border-radius: 7px !important;
}

.g-rounded-10 {
  border-radius: 10px !important;
}

.g-rounded-15 {
  border-radius: 15px !important;
}

.g-rounded-20 {
  border-radius: 20px !important;
}

.g-rounded-25 {
  border-radius: 25px !important;
}

.g-rounded-30 {
  border-radius: 30px !important;
}

.g-rounded-50 {
  border-radius: 50px !important;
}

.g-rounded-100 {
  border-radius: 100px !important;
}

.g-rounded-100--after::after {
  border-radius: 100px !important;
}

/* Rounded Top */
.g-rounded-top-5 {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

/* Rounded Right */
.g-rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.g-rounded-right-3 {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.g-rounded-right-4 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.g-rounded-right-5 {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.g-rounded-right-10 {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.g-rounded-right-20 {
  border-bottom-right-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.g-rounded-right-25 {
  border-bottom-right-radius: 25px !important;
  border-top-right-radius: 25px !important;
}

.g-rounded-right-30 {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}

.g-rounded-right-50 {
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}

/* Rounded Bottom */
.g-rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.g-rounded-bottom-3 {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.g-rounded-bottom-4 {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.g-rounded-bottom-5 {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

/* Rounded Left */
.g-rounded-left-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.g-rounded-left-3 {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.g-rounded-left-4 {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.g-rounded-left-5 {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.g-rounded-left-10 {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.g-rounded-left-20 {
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
}

.g-rounded-left-25 {
  border-bottom-left-radius: 25px !important;
  border-top-left-radius: 25px !important;
}

.g-rounded-left-30 {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}

.g-rounded-left-50 {
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
}

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

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

@media (min-width: 768px) {
  .g-rounded-0--md {
    border-radius: 0 !important;
  }
  .g-rounded-left-0--md {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .g-rounded-right-0--md {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

@media (min-width: 992px) {
  .g-rounded-left-5--lg-up {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
  }
  .g-rounded-right-5--lg-up {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }
}

/*------------------------------------
  Borders Default (dashed)
------------------------------------*/
.g-brd-around--dashed {
  border: dashed 1px transparent;
}

.g-brd-top--dashed {
  border-top: dashed 1px transparent;
}

.g-brd-bottom--dashed {
  border-bottom: dashed 1px transparent;
}

.g-brd-right--dashed {
  border-right: dashed 1px transparent;
}

.g-brd-left--dashed {
  border-left: dashed 1px transparent;
}

@media (min-width: 576px) {
  .g-brd-around--dashed--sm {
    border: dashed 1px transparent;
  }
  .g-brd-top--dashed--sm {
    border-top: dashed 1px transparent;
  }
  .g-brd-bottom--dashed--sm {
    border-bottom: dashed 1px transparent;
  }
  .g-brd-right--dashed--sm {
    border-right: dashed 1px transparent;
  }
  .g-brd-left--dashed--sm {
    border-left: dashed 1px transparent;
  }
}

@media (min-width: 768px) {
  .g-brd-around--dashed--md {
    border: dashed 1px transparent;
  }
  .g-brd-top--dashed--md {
    border-top: dashed 1px transparent;
  }
  .g-brd-bottom--dashed--md {
    border-bottom: dashed 1px transparent;
  }
  .g-brd-right--dashed--md {
    border-right: dashed 1px transparent;
  }
  .g-brd-left--dashed--md {
    border-left: dashed 1px transparent;
  }
}

/*------------------------------------
  Borders Default (dotted)
------------------------------------*/
.g-brd-around--dotted {
  border: dotted 1px transparent;
}

.g-brd-top--dotted {
  border-top: dotted 1px transparent;
}

.g-brd-bottom--dotted {
  border-bottom: dotted 1px transparent;
}

.g-brd-right--dotted {
  border-right: dotted 1px transparent;
}

.g-brd-left--dotted {
  border-left: dotted 1px transparent;
}

@media (min-width: 576px) {
  .g-brd-around--dotted--sm {
    border: dotted 1px transparent;
  }
  .g-brd-top--dotted--sm {
    border-top: dotted 1px transparent;
  }
  .g-brd-bottom--dotted--sm {
    border-bottom: dotted 1px transparent;
  }
  .g-brd-right--dotted--sm {
    border-right: dotted 1px transparent;
  }
  .g-brd-left--dotted--sm {
    border-left: dotted 1px transparent;
  }
}

@media (min-width: 768px) {
  .g-brd-around--dotted--md {
    border: dotted 1px transparent;
  }
  .g-brd-top--dotted--md {
    border-top: dotted 1px transparent;
  }
  .g-brd-bottom--dotted--md {
    border-bottom: dotted 1px transparent;
  }
  .g-brd-right--dotted--md {
    border-right: dotted 1px transparent;
  }
  .g-brd-left--dotted--md {
    border-left: dotted 1px transparent;
  }
}

/*------------------------------------
  Border Width
------------------------------------*/
.g-brd-0 {
  border-width: 0 !important;
}

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

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

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

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

.g-brd-3--before--active.active::before {
  border-width: 3px !important;
}

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

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

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

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

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

.g-brd-12 {
  border-width: 12px !important;
}

.g-brd-top-0 {
  border-top-width: 0 !important;
}

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

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

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

.g-brd-bottom-0 {
  border-bottom-width: 0 !important;
}

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

.g-brd-bottom-2--hover:hover {
  border-bottom-width: 2px !important;
}

.g-parent:hover .g-brd-bottom-2--parent-hover {
  border-bottom-width: 2px !important;
}

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

.g-brd-left-0 {
  border-left-width: 0 !important;
}

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

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

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

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

.g-brd-right-0 {
  border-right-width: 0 !important;
}

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

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

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

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

@media (min-width: 768px) {
  .g-brd-0--md {
    border-width: 0 !important;
  }
  .g-brd-1--md {
    border-width: 1px !important;
  }
  .g-brd-2--md {
    border-width: 2px !important;
  }
  .g-brd-3--md {
    border-width: 3px !important;
  }
  .g-brd-4--md {
    border-width: 4px !important;
  }
  .g-brd-5--md {
    border-width: 5px !important;
  }
  .g-brd-6--md {
    border-width: 6px !important;
  }
  .g-brd-10--md {
    border-width: 10px !important;
  }
  .g-brd-top-0--md {
    border-top-width: 0 !important;
  }
  .g-brd-top-2--md {
    border-top-width: 2px !important;
  }
  .g-brd-top-3--md {
    border-top-width: 3px !important;
  }
  .g-brd-top-5--md {
    border-top-width: 5px !important;
  }
  .g-brd-bottom-0--md {
    border-bottom-width: 0 !important;
  }
  .g-brd-bottom-2--md {
    border-bottom-width: 2px !important;
  }
  .g-brd-bottom-5--md {
    border-bottom-width: 5px !important;
  }
  .g-brd-left-0--md {
    border-left-width: 0 !important;
  }
  .g-brd-left-1--md {
    border-left-width: 1px !important;
  }
  .g-brd-left-2--md {
    border-left-width: 2px !important;
  }
  .g-brd-left-3--md {
    border-left-width: 3px !important;
  }
  .g-brd-left-4--md {
    border-left-width: 4px !important;
  }
  .g-brd-right-0--md {
    border-right-width: 0 !important;
  }
  .g-brd-right-1--md {
    border-right-width: 1px !important;
  }
}

@media (min-width: 992px) {
  .g-brd-0--lg {
    border-width: 0 !important;
  }
  .g-brd-1--lg {
    border-width: 1px !important;
  }
  .g-brd-top-0--lg {
    border-top-width: 0 !important;
  }
  .g-brd-top-1--lg {
    border-top-width: 1px !important;
  }
  .g-brd-bottom-0--lg {
    border-bottom-width: 0 !important;
  }
  .g-brd-bottom-1--lg {
    border-bottom-width: 1px !important;
  }
  .g-brd-left-0--lg {
    border-left-width: 0 !important;
  }
  .g-brd-left-1--lg {
    border-left-width: 1px !important;
  }
  .g-brd-right-0--lg {
    border-right-width: 0 !important;
  }
  .g-brd-right-1--lg {
    border-right-width: 1px !important;
  }
}

/*------------------------------------
  Border Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Primary Colors */
.g-brd-primary {
  border-color: #72c02c !important;
}

.g-brd-primary--before::before {
  border-color: #72c02c !important;
}

.g-brd-primary--before--active.active::before {
  border-color: #72c02c !important;
}

.g-brd-primary--hover:hover,
.g-brd-primary--active.active {
  border-color: #72c02c !important;
}

.g-brd-primary--active.active,
.active .g-brd-primary--active {
  border-color: #72c02c !important;
}

*:hover > .g-brd-primary--hover-parent {
  border-color: #72c02c !important;
}

.g-brd-primary-opacity-0_3 {
  border-color: rgba(114, 192, 44, 0.3) !important;
}

.g-brd-primary-opacity-0_3--hover:hover,
.g-brd-primary-opacity-0_3--active.active {
  border-color: rgba(114, 192, 44, 0.3) !important;
}

*:hover > .g-brd-primary-opacity-0_3--hover-parent {
  border-color: rgba(114, 192, 44, 0.3) !important;
}

.g-brd-primary-dark-dark-v1 {
  border-color: #6db82a !important;
}

.g-brd-primary-dark-dark-v1--hover:hover,
.g-brd-primary-dark-dark-v1--active.active {
  border-color: #6db82a !important;
}

*:hover > .g-brd-primary-dark-dark-v1--hover-parent {
  border-color: #6db82a !important;
}

.g-brd-primary-dark-dark-v2 {
  border-color: #66ab27 !important;
}

.g-brd-primary-dark-dark-v2--hover:hover,
.g-brd-primary-dark-dark-v2--active.active {
  border-color: #66ab27 !important;
}

*:hover > .g-brd-primary-dark-dark-v2--hover-parent {
  border-color: #66ab27 !important;
}

.g-brd-primary-dark-dark-v3 {
  border-color: #599722 !important;
}

.g-brd-primary-dark-dark-v3--hover:hover,
.g-brd-primary-dark-dark-v3--active.active {
  border-color: #599722 !important;
}

*:hover > .g-brd-primary-dark-dark-v3--hover-parent {
  border-color: #599722 !important;
}

.g-brd-bottom-primary--hover:hover {
  border-bottom-color: #72c02c !important;
}

/* Main Colors */
.g-brd-main {
  border-color: #555 !important;
}

.g-brd-main--hover:hover {
  border-color: #555 !important;
}

/* Black Colors */
.g-brd-black {
  border-color: #000 !important;
}

.g-brd-black--hover:hover,
.g-brd-black--active.active {
  border-color: #000 !important;
}

*:hover > .g-brd-black--hover-parent {
  border-color: #000 !important;
}

.g-brd-black-opacity-0_4 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

/* White Colors */
.g-brd-white {
  border-color: #fff !important;
}

.g-brd-white--hover:hover,
.g-brd-white--active.active {
  border-color: #fff !important;
}

*:hover > .g-brd-white--hover-parent {
  border-color: #fff !important;
}

.g-brd-white-opacity-0_1 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_1--hover:hover,
.g-brd-white-opacity-0_1--active.active {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

*:hover > .g-brd-white-opacity-0_1--hover-parent {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_2 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_2--hover:hover,
.g-brd-white-opacity-0_2--active.active {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

*:hover > .g-brd-white-opacity-0_2--hover-parent {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_3 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_3--hover:hover,
.g-brd-white-opacity-0_3--active.active {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

*:hover > .g-brd-white-opacity-0_3--hover-parent {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_4 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_4--hover:hover,
.g-brd-white-opacity-0_4--active.active {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

*:hover > .g-brd-white-opacity-0_4--hover-parent {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_5 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_5--hover:hover,
.g-brd-white-opacity-0_5--active.active {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

*:hover > .g-brd-white-opacity-0_5--hover-parent {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_6 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_6--hover:hover,
.g-brd-white-opacity-0_6--active.active {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

*:hover > .g-brd-white-opacity-0_6--hover-parent {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_8 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.g-brd-white-opacity-0_8--hover:hover,
.g-brd-white-opacity-0_8--active.active {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

*:hover > .g-brd-white-opacity-0_8--hover-parent {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

/* Gray Colors */
.g-brd-gray-dark-v1 {
  border-color: #111 !important;
}

.g-brd-gray-dark-v1--hover:hover,
.g-brd-gray-dark-v1--active.active {
  border-color: #111 !important;
}

*:hover > .g-brd-gray-dark-v1--hover-parent {
  border-color: #111 !important;
}

.g-brd-gray-dark-v2 {
  border-color: #333 !important;
}

.g-brd-gray-dark-v2--hover:hover,
.g-brd-gray-dark-v2--active.active {
  border-color: #333 !important;
}

*:hover > .g-brd-gray-dark-v2--hover-parent {
  border-color: #333 !important;
}

.g-brd-gray-dark-v3 {
  border-color: #555 !important;
}

.g-brd-gray-dark-v3--hover:hover,
.g-brd-gray-dark-v3--active.active {
  border-color: #555 !important;
}

*:hover > .g-brd-gray-dark-v3--hover-parent {
  border-color: #555 !important;
}

.g-brd-gray-dark-v4 {
  border-color: #777 !important;
}

.g-brd-gray-dark-v4--hover:hover,
.g-brd-gray-dark-v4--active.active {
  border-color: #777 !important;
}

*:hover > .g-brd-gray-dark-v4--hover-parent {
  border-color: #777 !important;
}

.g-brd-gray-dark-v5 {
  border-color: #999 !important;
}

.g-brd-gray-dark-v5--hover:hover,
.g-brd-gray-dark-v5--active.active {
  border-color: #999 !important;
}

*:hover > .g-brd-gray-dark-v5--hover-parent {
  border-color: #999 !important;
}

.g-brd-gray-light-v1 {
  border-color: #bbb !important;
}

.g-brd-gray-light-v1--hover:hover,
.g-brd-gray-light-v1--focus:focus,
.g-brd-gray-light-v1--active.active {
  border-color: #bbb !important;
}

*:hover > .g-brd-gray-light-v1--hover-parent {
  border-color: #bbb !important;
}

.g-brd-gray-light-v2 {
  border-color: #ccc !important;
}

.g-brd-gray-light-v2--before::before {
  border-color: #ccc !important;
}

.g-brd-gray-light-v2--after::after {
  border-color: #ccc !important;
}

.g-brd-gray-light-v2--hover:hover,
.g-brd-gray-light-v2--active.active {
  border-color: #ccc !important;
}

*:hover > .g-brd-gray-light-v2--hover-parent {
  border-color: #ccc !important;
}

.g-brd-gray-light-v3 {
  border-color: #ddd !important;
}

.g-brd-gray-light-v3--hover:hover,
.g-brd-gray-light-v3--active.active,
.g-brd-gray-light-v3--focus:focus {
  border-color: #ddd !important;
}

*:hover > .g-brd-gray-light-v3--hover-parent {
  border-color: #ddd !important;
}

.g-brd-gray-light-v4 {
  border-color: #eee !important;
}

.g-brd-gray-light-v4--hover:hover,
.g-brd-gray-light-v4--active.active {
  border-color: #eee !important;
}

*:hover > .g-brd-gray-light-v4--hover-parent {
  border-color: #eee !important;
}

.g-brd-gray-light-v5 {
  border-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5--hover:hover,
.g-brd-gray-light-v5--active.active {
  border-color: #f7f7f7 !important;
}

*:hover > .g-brd-gray-light-v5--hover-parent {
  border-color: #f7f7f7 !important;
}

/* Transparent */
.g-brd-transparent {
  border-color: transparent !important;
}

.g-brd-transparent--before::before {
  border-color: transparent !important;
}

.g-brd-transparent--after::after {
  border-color: transparent !important;
}

.g-brd-transparent--hover:hover,
.g-brd-transparent--active.active {
  border-color: transparent !important;
}

*:hover > .g-brd-transparent--hover-parent {
  border-color: transparent !important;
}

/* Complementary Colors
------------------------------------*/
/* Color Green */
.g-brd-green {
  border-color: #72c02c !important;
}

.g-brd-green--hover:hover,
.g-brd-green--active.active {
  border-color: #72c02c !important;
}

*:hover > .g-brd-green--hover-parent {
  border-color: #72c02c !important;
}

/* Color Blue */
.g-brd-blue {
  border-color: #3398dc !important;
}

.g-brd-blue--hover:hover,
.g-brd-blue--active.active {
  border-color: #3398dc !important;
}

*:hover > .g-brd-blue--hover-parent {
  border-color: #3398dc !important;
}

.g-brd-blue-opacity-0_1 {
  border-color: rgba(51, 152, 220, 0.1) !important;
}

/* Color Light Blue */
.g-brd-lightblue {
  border-color: #edf2f8 !important;
}

.g-brd-lightblue--hover:hover,
.g-brd-lightblue--active.active {
  border-color: #edf2f8 !important;
}

*:hover > .g-brd-lightblue--hover-parent {
  border-color: #edf2f8 !important;
}

.g-brd-lightblue-v1 {
  border-color: #d6e2ee !important;
}

.g-brd-lightblue-v1--hover:hover,
.g-brd-lightblue-v1--active.active {
  border-color: #d6e2ee !important;
}

*:hover > .g-brd-lightblue-v1--hover-parent {
  border-color: #d6e2ee !important;
}

/* Color Dark Blue */
.g-brd-darkblue {
  border-color: #009 !important;
}

.g-brd-darkblue--hover:hover,
.g-brd-darkblue--active.active {
  border-color: #009 !important;
}

*:hover > .g-brd-darkblue--hover-parent {
  border-color: #009 !important;
}

/* Color Indigo */
.g-brd-indigo {
  border-color: #4263a3 !important;
}

.g-brd-indigo--hover:hover,
.g-brd-indigo--active.active {
  border-color: #4263a3 !important;
}

*:hover > .g-brd-indigo--hover-parent {
  border-color: #4263a3 !important;
}

/* Color Red */
.g-brd-red {
  border-color: #f00 !important;
}

.g-brd-red--hover:hover,
.g-brd-red--active.active {
  border-color: #f00 !important;
}

*:hover > .g-brd-red--hover-parent {
  border-color: #f00 !important;
}

/* Color Light Red */
.g-brd-lightred {
  border-color: #e64b3b !important;
}

.g-brd-lightred--hover:hover,
.g-brd-lightred--active.active {
  border-color: #e64b3b !important;
}

*:hover > .g-brd-lightred--hover-parent {
  border-color: #e64b3b !important;
}

/* Color Dark Red */
.g-brd-darkred {
  border-color: #a10f2b !important;
}

.g-brd-darkred--hover:hover,
.g-brd-darkred--active.active {
  border-color: #a10f2b !important;
}

*:hover > .g-brd-darkred--hover-parent {
  border-color: #a10f2b !important;
}

/* Color Purple */
.g-brd-purple {
  border-color: #9a69cb !important;
}

.g-brd-purple--hover:hover,
.g-brd-purple--active.active {
  border-color: #9a69cb !important;
}

*:hover > .g-brd-purple--hover-parent {
  border-color: #9a69cb !important;
}

.g-brd-purple-opacity-0_1 {
  border-color: rgba(154, 105, 203, 0.1) !important;
}

/* Color Dark Purple */
.g-brd-darkpurple {
  border-color: #6639b6 !important;
}

.g-brd-darkpurple--hover:hover,
.g-brd-darkpurple--active.active {
  border-color: #6639b6 !important;
}

*:hover > .g-brd-darkpurple--hover-parent {
  border-color: #6639b6 !important;
}

/* Color Pink */
.g-brd-pink {
  border-color: #e81c62 !important;
}

.g-brd-pink--hover:hover,
.g-brd-pink--active.active {
  border-color: #e81c62 !important;
}

*:hover > .g-brd-pink--hover-parent {
  border-color: #e81c62 !important;
}

/* Color Orange */
.g-brd-orange {
  border-color: #e57d20 !important;
}

.g-brd-orange--hover:hover,
.g-brd-orange--active.active {
  border-color: #e57d20 !important;
}

*:hover > .g-brd-orange--hover-parent {
  border-color: #e57d20 !important;
}

/* Color Deep Orange */
.g-brd-deeporange {
  border-color: #fe541e !important;
}

.g-brd-deeporange--hover:hover,
.g-brd-deeporange--active.active {
  border-color: #fe541e !important;
}

*:hover > .g-brd-deeporange--hover-parent {
  border-color: #fe541e !important;
}

/* Color Yellow */
.g-brd-yellow {
  border-color: #ebc71d !important;
}

.g-brd-yellow--hover:hover,
.g-brd-yellow--active.active {
  border-color: #ebc71d !important;
}

*:hover > .g-brd-yellow--hover-parent {
  border-color: #ebc71d !important;
}

/* Color Aqua */
.g-brd-aqua {
  border-color: #29d6e6 !important;
}

.g-brd-aqua--hover:hover,
.g-brd-aqua--active.active {
  border-color: #29d6e6 !important;
}

*:hover > .g-brd-aqua--hover-parent {
  border-color: #29d6e6 !important;
}

/* Color Cyan */
.g-brd-cyan {
  border-color: #00bed6 !important;
}

.g-brd-cyan--hover:hover,
.g-brd-cyan--active.active {
  border-color: #00bed6 !important;
}

*:hover > .g-brd-cyan--hover-parent {
  border-color: #00bed6 !important;
}

/* Color Teal */
.g-brd-teal {
  border-color: #18ba9b !important;
}

.g-brd-teal--hover:hover,
.g-brd-teal--active.active {
  border-color: #18ba9b !important;
}

*:hover > .g-brd-teal--hover-parent {
  border-color: #18ba9b !important;
}

/* Color Brown */
.g-brd-brown {
  border-color: #9c8061 !important;
}

.g-brd-brown--hover:hover,
.g-brd-brown--active.active {
  border-color: #9c8061 !important;
}

*:hover > .g-brd-brown--hover-parent {
  border-color: #9c8061 !important;
}

/* Color Blue Gray */
.g-brd-bluegray {
  border-color: #585f69 !important;
}

.g-brd-bluegray--hover:hover,
.g-brd-bluegray--active.active {
  border-color: #585f69 !important;
}

*:hover > .g-brd-bluegray--hover-parent {
  border-color: #585f69 !important;
}

/* Primary Colors */
.g-brd-primary-top {
  border-top-color: #72c02c !important;
}

.g-brd-primary-top--before::before {
  border-top-color: #72c02c !important;
}

.g-brd-primary-bottom {
  border-bottom-color: #72c02c !important;
}

.g-brd-primary-bottom--before:before {
  border-bottom-color: #72c02c !important;
}

.g-brd-primary-left {
  border-left-color: #72c02c !important;
}

.g-brd-primary-left--before:before {
  border-left-color: #72c02c !important;
}

.g-brd-primary-right {
  border-right-color: #72c02c !important;
}

.g-brd-primary-right--before:before {
  border-right-color: #72c02c !important;
}

.g-brd-primary-opacity-0_3-top {
  border-top-color: rgba(114, 192, 44, 0.3) !important;
}

.g-brd-primary-opacity-0_3-bottom {
  border-bottom-color: rgba(114, 192, 44, 0.3) !important;
}

.g-brd-primary-opacity-0_3-left {
  border-left-color: rgba(114, 192, 44, 0.3) !important;
}

.g-brd-primary-opacity-0_3-right {
  border-right-color: rgba(114, 192, 44, 0.3) !important;
}

.g-brd-primary-dark-dark-v1-top {
  border-top-color: #6db82a !important;
}

.g-brd-primary-dark-dark-v1-bottom {
  border-bottom-color: #6db82a !important;
}

.g-brd-primary-dark-dark-v1-left {
  border-left-color: #6db82a !important;
}

.g-brd-primary-dark-dark-v1-right {
  border-right-color: #6db82a !important;
}

.g-brd-primary-dark-dark-v2-top {
  border-top-color: #66ab27 !important;
}

.g-brd-primary-dark-dark-v2-bottom {
  border-bottom-color: #66ab27 !important;
}

.g-brd-primary-dark-dark-v2-left {
  border-left-color: #66ab27 !important;
}

.g-brd-primary-dark-dark-v2-right {
  border-right-color: #66ab27 !important;
}

.g-brd-primary-dark-dark-v3-top {
  border-top-color: #599722 !important;
}

.g-brd-primary-dark-dark-v3-bottom {
  border-bottom-color: #599722 !important;
}

.g-brd-primary-dark-dark-v3-left {
  border-left-color: #599722 !important;
}

.g-brd-primary-dark-dark-v3-right {
  border-right-color: #599722 !important;
}

/* Black Colors */
.g-brd-black-top {
  border-top-color: #000 !important;
}

.g-brd-black-bottom {
  border-bottom-color: #000 !important;
}

.g-brd-black-left {
  border-left-color: #000 !important;
}

.g-brd-black-right {
  border-right-color: #000 !important;
}

/* White */
.g-brd-white-top {
  border-top-color: #fff !important;
}

.g-brd-white-bottom {
  border-bottom-color: #fff !important;
}

.g-brd-white-left {
  border-left-color: #fff !important;
}

.g-brd-white-right {
  border-right-color: #fff !important;
}

.g-brd-white-opacity-0_1-top {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_1-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_1-left {
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_1-right {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_2-top {
  border-top-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_2-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_2-left {
  border-left-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_2-right {
  border-right-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_3-top {
  border-top-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_3-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_3-left {
  border-left-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_3-right {
  border-right-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_4-top {
  border-top-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_4-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_4-left {
  border-left-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_4-right {
  border-right-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_5-top {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_5-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_5-left {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_5-right {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_6-top {
  border-top-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_6-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_6-left {
  border-left-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_6-right {
  border-right-color: rgba(255, 255, 255, 0.6) !important;
}

/* Gray Colors */
.g-brd-gray-dark-v1-top {
  border-top-color: #111 !important;
}

.g-brd-gray-dark-v1-bottom {
  border-bottom-color: #111 !important;
}

.g-brd-gray-dark-v1-left {
  border-left-color: #111 !important;
}

.g-brd-gray-dark-v1-right {
  border-right-color: #111 !important;
}

.g-brd-gray-dark-v2-top {
  border-top-color: #333 !important;
}

.g-brd-gray-dark-v2-bottom {
  border-bottom-color: #333 !important;
}

.g-brd-gray-dark-v2-left {
  border-left-color: #333 !important;
}

.g-brd-gray-dark-v2-right {
  border-right-color: #333 !important;
}

.g-brd-gray-dark-v3-top {
  border-top-color: #555 !important;
}

.g-brd-gray-dark-v3-bottom {
  border-bottom-color: #555 !important;
}

.g-brd-gray-dark-v3-left {
  border-left-color: #555 !important;
}

.g-brd-gray-dark-v3-right {
  border-right-color: #555 !important;
}

.g-brd-gray-dark-v4-top {
  border-top-color: #777 !important;
}

.g-brd-gray-dark-v4-bottom {
  border-bottom-color: #777 !important;
}

.g-brd-gray-dark-v4-left {
  border-left-color: #777 !important;
}

.g-brd-gray-dark-v4-right {
  border-right-color: #777 !important;
}

.g-brd-gray-dark-v5-top {
  border-top-color: #999 !important;
}

.g-brd-gray-dark-v5-bottom {
  border-bottom-color: #999 !important;
}

.g-brd-gray-dark-v5-left {
  border-left-color: #999 !important;
}

.g-brd-gray-dark-v5-right {
  border-right-color: #999 !important;
}

.g-brd-gray-light-v1-top {
  border-top-color: #bbb !important;
}

.g-brd-gray-light-v1-bottom {
  border-bottom-color: #bbb !important;
}

.g-brd-gray-light-v1-left {
  border-left-color: #bbb !important;
}

.g-brd-gray-light-v1-right {
  border-right-color: #bbb !important;
}

.g-brd-gray-light-v2-top {
  border-top-color: #ccc !important;
}

.g-brd-gray-light-v2-bottom {
  border-bottom-color: #ccc !important;
}

.g-brd-gray-light-v2-left {
  border-left-color: #ccc !important;
}

.g-brd-gray-light-v2-right {
  border-right-color: #ccc !important;
}

.g-brd-gray-light-v3-top {
  border-top-color: #ddd !important;
}

.g-brd-gray-light-v3-bottom {
  border-bottom-color: #ddd !important;
}

.g-brd-gray-light-v3-left {
  border-left-color: #ddd !important;
}

.g-brd-gray-light-v3-right {
  border-right-color: #ddd !important;
}

.g-brd-gray-light-v4-top {
  border-top-color: #eee !important;
}

.g-brd-gray-light-v4-bottom {
  border-bottom-color: #eee !important;
}

.g-brd-gray-light-v4-left {
  border-left-color: #eee !important;
}

.g-brd-gray-light-v4-right {
  border-right-color: #eee !important;
}

.g-brd-gray-light-v5-top {
  border-top-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5-bottom {
  border-bottom-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5-left {
  border-left-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5-right {
  border-right-color: #f7f7f7 !important;
}

/* Transparent */
.g-brd-transparent-top {
  border-top-color: transparent !important;
}

.g-brd-transparent-bottom {
  border-bottom-color: transparent !important;
}

.g-brd-transparent-left {
  border-left-color: transparent !important;
}

.g-brd-transparent-right {
  border-right-color: transparent !important;
}

/* Complementary Colors
------------------------------------*/
/* Color Green */
.g-brd-green-top {
  border-top-color: #72c02c !important;
}

.g-brd-green-bottom {
  border-bottom-color: #72c02c !important;
}

.g-brd-green-left {
  border-left-color: #72c02c !important;
}

.g-brd-green-right {
  border-right-color: #72c02c !important;
}

/* Color Blue */
.g-brd-blue-top {
  border-top-color: #3398dc !important;
}

.g-brd-blue-bottom {
  border-bottom-color: #3398dc !important;
}

.g-brd-blue-left {
  border-left-color: #3398dc !important;
}

.g-brd-blue-right {
  border-right-color: #3398dc !important;
}

/* Color Light Blue */
.g-brd-lightblue-top {
  border-top-color: #edf2f8 !important;
}

.g-brd-lightblue-bottom {
  border-bottom-color: #edf2f8 !important;
}

.g-brd-lightblue-left {
  border-left-color: #edf2f8 !important;
}

.g-brd-lightblue-right {
  border-right-color: #edf2f8 !important;
}

.g-brd-lightblue-v1-top {
  border-top-color: #d6e2ee !important;
}

.g-brd-lightblue-v1-bottom {
  border-bottom-color: #d6e2ee !important;
}

.g-brd-lightblue-v1-left {
  border-left-color: #d6e2ee !important;
}

.g-brd-lightblue-v1-right {
  border-right-color: #d6e2ee !important;
}

/* Color Dark Blue */
.g-brd-darkblue-top {
  border-top-color: #009 !important;
}

.g-brd-darkblue-bottom {
  border-bottom-color: #009 !important;
}

.g-brd-darkblue-left {
  border-left-color: #009 !important;
}

.g-brd-darkblue-right {
  border-right-color: #009 !important;
}

/* Color Indigo */
.g-brd-indigo-top {
  border-top-color: #4263a3 !important;
}

.g-brd-indigo-bottom {
  border-bottom-color: #4263a3 !important;
}

.g-brd-indigo-left {
  border-left-color: #4263a3 !important;
}

.g-brd-indigo-right {
  border-right-color: #4263a3 !important;
}

/* Color Red */
.g-brd-red-top {
  border-top-color: #f00 !important;
}

.g-brd-red-bottom {
  border-bottom-color: #f00 !important;
}

.g-brd-red-left {
  border-left-color: #f00 !important;
}

.g-brd-red-right {
  border-right-color: #f00 !important;
}

/* Color Light Red */
.g-brd-lightred-top {
  border-top-color: #e64b3b !important;
}

.g-brd-lightred-bottom {
  border-bottom-color: #e64b3b !important;
}

.g-brd-lightred-left {
  border-left-color: #e64b3b !important;
}

.g-brd-lightred-right {
  border-right-color: #e64b3b !important;
}

/* Color Dark Red */
.g-brd-darkred-top {
  border-top-color: #a10f2b !important;
}

.g-brd-darkred-bottom {
  border-bottom-color: #a10f2b !important;
}

.g-brd-darkred-left {
  border-left-color: #a10f2b !important;
}

.g-brd-darkred-right {
  border-right-color: #a10f2b !important;
}

/* Color Purple */
.g-brd-purple-top {
  border-top-color: #9a69cb !important;
}

.g-brd-purple-bottom {
  border-bottom-color: #9a69cb !important;
}

.g-brd-purple-left {
  border-left-color: #9a69cb !important;
}

.g-brd-purple-right {
  border-right-color: #9a69cb !important;
}

/* Color Dark Purple */
.g-brd-darkpurple-top {
  border-top-color: #6639b6 !important;
}

.g-brd-darkpurple-bottom {
  border-bottom-color: #6639b6 !important;
}

.g-brd-darkpurple-left {
  border-left-color: #6639b6 !important;
}

.g-brd-darkpurple-right {
  border-right-color: #6639b6 !important;
}

/* Color Pink */
.g-brd-pink-top {
  border-top-color: #e81c62 !important;
}

.g-brd-pink-bottom {
  border-bottom-color: #e81c62 !important;
}

.g-brd-pink-left {
  border-left-color: #e81c62 !important;
}

.g-brd-pink-right {
  border-right-color: #e81c62 !important;
}

/* Color Orange */
.g-brd-orange-top {
  border-top-color: #e57d20 !important;
}

.g-brd-orange-bottom {
  border-bottom-color: #e57d20 !important;
}

.g-brd-orange-left {
  border-left-color: #e57d20 !important;
}

.g-brd-orange-right {
  border-right-color: #e57d20 !important;
}

/* Color Deep Orange */
.g-brd-deeporange-top {
  border-top-color: #fe541e !important;
}

.g-brd-deeporange-bottom {
  border-bottom-color: #fe541e !important;
}

.g-brd-deeporange-left {
  border-left-color: #fe541e !important;
}

.g-brd-deeporange-right {
  border-right-color: #fe541e !important;
}

/* Color Yellow */
.g-brd-yellow-top {
  border-top-color: #ebc71d !important;
}

.g-brd-yellow-bottom {
  border-bottom-color: #ebc71d !important;
}

.g-brd-yellow-left {
  border-left-color: #ebc71d !important;
}

.g-brd-yellow-right {
  border-right-color: #ebc71d !important;
}

/* Color Aqua */
.g-brd-aqua-top {
  border-top-color: #29d6e6 !important;
}

.g-brd-aqua-bottom {
  border-bottom-color: #29d6e6 !important;
}

.g-brd-aqua-left {
  border-left-color: #29d6e6 !important;
}

.g-brd-aqua-right {
  border-right-color: #29d6e6 !important;
}

/* Color Cyan */
.g-brd-cyan-top {
  border-top-color: #00bed6 !important;
}

.g-brd-cyan-bottom {
  border-bottom-color: #00bed6 !important;
}

.g-brd-cyan-left {
  border-left-color: #00bed6 !important;
}

.g-brd-cyan-right {
  border-right-color: #00bed6 !important;
}

/* Color Teal */
.g-brd-teal-top {
  border-top-color: #18ba9b !important;
}

.g-brd-teal-bottom {
  border-bottom-color: #18ba9b !important;
}

.g-brd-teal-left {
  border-left-color: #18ba9b !important;
}

.g-brd-teal-right {
  border-right-color: #18ba9b !important;
}

/* Color Brown */
.g-brd-brown-top {
  border-top-color: #9c8061 !important;
}

.g-brd-brown-bottom {
  border-bottom-color: #9c8061 !important;
}

.g-brd-brown-left {
  border-left-color: #9c8061 !important;
}

.g-brd-brown-right {
  border-right-color: #9c8061 !important;
}

/* Color Blue Gray */
.g-brd-bluegray-top {
  border-top-color: #585f69 !important;
}

.g-brd-bluegray-bottom {
  border-bottom-color: #585f69 !important;
}

.g-brd-bluegray-left {
  border-left-color: #585f69 !important;
}

.g-brd-bluegray-right {
  border-right-color: #585f69 !important;
}

/* O */
.g-brd-primary-top--hover:hover {
  border-top-color: #72c02c !important;
}

.g-brd-primary-top--hover:hover::after {
  border-top-color: #72c02c;
}

.g-brd-primary-top--active.active {
  border-top-color: #72c02c !important;
}

.g-brd-primary-top--active.active::after {
  border-top-color: #72c02c;
}

.g-brd-primary-bottom--hover:hover {
  border-bottom-color: #72c02c !important;
}

.g-brd-primary-bottom--hover:hover::after {
  border-bottom-color: #72c02c;
}

.g-brd-primary-bottom--active.active {
  border-bottom-color: #72c02c !important;
}

.g-brd-primary-bottom--active.active::after {
  border-bottom-color: #72c02c;
}

.g-brd-pinterest {
  border-color: #c8232c !important;
}

.g-brd-pinterest::after {
  border-color: #c8232c !important;
}

.g-brd-pinterest-top--hover:hover {
  border-top-color: #c8232c !important;
}

.g-brd-pinterest-top--hover:hover::after {
  border-top-color: #c8232c;
}

.g-brd-pinterest-top--active.active {
  border-top-color: #c8232c !important;
}

.g-brd-pinterest-top--active.active::after {
  border-top-color: #c8232c;
}

.g-brd-pinterest-bottom--hover:hover {
  border-bottom-color: #c8232c !important;
}

.g-brd-pinterest-bottom--hover:hover::after {
  border-bottom-color: #c8232c;
}

.g-brd-pinterest-bottom--active.active {
  border-bottom-color: #c8232c !important;
}

.g-brd-pinterest-bottom--active.active::after {
  border-bottom-color: #c8232c;
}

/*------------------------------------
  Social Border Colors
------------------------------------*/
/* Facebook */
.g-brd-facebook {
  border-color: #3b5998;
}

.g-brd-facebook--hover:hover {
  border-color: #3b5998 !important;
}

/* Twitter */
.g-brd-twitter {
  border-color: #00acee;
}

.g-brd-twitter--hover:hover {
  border-color: #00acee !important;
}

/* Skype */
.g-brd-skype {
  border-color: #00aff0;
}

.g-brd-skype--hover:hover {
  border-color: #00aff0 !important;
}

/* Pinterest */
.g-brd-pinterest {
  border-color: #c8232c;
}

.g-brd-pinterest--hover:hover {
  border-color: #c8232c !important;
}

/* Vine */
.g-brd-vine {
  border-color: #00bf8f;
}

.g-brd-vine--hover:hover {
  border-color: #00bf8f !important;
}

/* Youtube */
.g-brd-youtube {
  border-color: #c4302b;
}

.g-brd-youtube--hover:hover {
  border-color: #c4302b !important;
}

/* Google plus */
.g-brd-google-plus {
  border-color: #dd4b39;
}

.g-brd-google-plus--hover:hover {
  border-color: #dd4b39 !important;
}

/* Dribbble */
.g-brd-dribbble {
  border-color: #ea4c89;
}

.g-brd-dribbble--hover:hover {
  border-color: #ea4c89 !important;
}

/* VK */
.g-brd-vk {
  border-color: #2b587a;
}

.g-brd-vk--hover:hover {
  border-color: #2b587a !important;
}

/* Linkedin */
.g-brd-linkedin {
  border-color: #0e76a8;
}

.g-brd-linkedin--hover:hover {
  border-color: #0e76a8 !important;
}

/* Instagram */
.g-brd-instagram {
  border-color: #3f729b;
}

.g-brd-instagram--hover:hover {
  border-color: #3f729b !important;
}

/*------------------------------------
  Border Gradient Colors
------------------------------------*/
/* Cyan Gradient */
.g-brd-cyan-gradient-opacity-v1 {
  -webkit-border-image: -webkit-linear-gradient(
    290deg,
    rgba(0, 0, 153, 0.55) 0%,
    rgba(0, 190, 214, 0.6) 100%
  );
  -o-border-image: -o-linear-gradient(
    290deg,
    rgba(0, 0, 153, 0.55) 0%,
    rgba(0, 190, 214, 0.6) 100%
  );
  border-image: linear-gradient(
    160deg,
    rgba(0, 0, 153, 0.55) 0%,
    rgba(0, 190, 214, 0.6) 100%
  );
  border-image-slice: 1;
}

/*------------------------------------
  Typography Font Family
------------------------------------*/
/*.g-font-secondary {
  font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}

.g-font-code {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.g-font-niconne {
  font-family: "Niconne", cursive;
}
*/
/*------------------------------------
  Typography Font Size
------------------------------------*/
.g-font-size-default {
  font-size: 1rem !important;
}

.g-font-size-45x {
  font-size: 45px !important;
}

.g-font-size-70x {
  font-size: 70% !important;
}

.g-font-size-75x {
  font-size: 75% !important;
}

.g-font-size-80x {
  font-size: 80% !important;
}

.g-font-size-85x {
  font-size: 85% !important;
}

.g-font-size-90x {
  font-size: 90% !important;
}

.g-font-size-95x {
  font-size: 95% !important;
}

.g-font-size-0 {
  font-size: 0;
}

.g-font-size-5 {
  font-size: 0.35714rem !important;
}

.g-font-size-8 {
  font-size: 0.57143rem !important;
}

.g-font-size-9 {
  font-size: 0.64286rem !important;
}

.g-font-size-10 {
  font-size: 0.71429rem !important;
}

.g-font-size-11 {
  font-size: 0.78571rem !important;
}

.g-font-size-12 {
  font-size: 0.85714rem !important;
}

.g-font-size-13 {
  font-size: 1.1rem !important;
}

.g-font-size-14 {
  font-size: 1rem !important;
}

.g-font-size-15 {
  font-size: 1.07143rem !important;
}

.g-font-size-16 {
  font-size: 1.15rem !important;
}

.g-font-size-17 {
  font-size: 1.21429rem !important;
}

.g-font-size-18 {
  font-size: 1.28571rem !important;
}

.g-font-size-20 {
  font-size: 1.42857rem !important;
}

.g-font-size-22 {
  font-size: 1.57143rem !important;
}

.g-font-size-23 {
  font-size: 1.64286rem !important;
}

.g-font-size-24 {
  font-size: 1.71429rem !important;
}

.g-font-size-25 {
  font-size: 1.78571rem !important;
}

.g-font-size-26 {
  font-size: 1.85714rem !important;
}

.g-font-size-27 {
  font-size: 1.92857rem !important;
}

.g-font-size-28 {
  font-size: 2rem !important;
}

.g-font-size-30 {
  font-size: 2.14286rem !important;
}

.g-font-size-32 {
  font-size: 2.28571rem !important;
}

.g-font-size-33 {
  font-size: 2.35714rem !important;
}

.g-font-size-35 {
  font-size: 2.5rem !important;
}

.g-font-size-36 {
  font-size: 2.57143rem !important;
}

.g-font-size-38 {
  font-size: 2.71429rem !important;
}

.g-font-size-40 {
  font-size: 2.85714rem !important;
}

.g-font-size-42 {
  font-size: 3rem !important;
}

.g-font-size-45 {
  font-size: 3.21429rem !important;
}

.g-font-size-46 {
  font-size: 3.28571rem !important;
}

.g-font-size-48 {
  font-size: 3.42857rem !important;
}

.g-font-size-50 {
  font-size: 3.57143rem !important;
}

.g-font-size-55 {
  font-size: 3.92857rem !important;
}

.g-font-size-56 {
  font-size: 4rem !important;
}

.g-font-size-60 {
  font-size: 4.28571rem !important;
}

.g-font-size-65 {
  font-size: 4.64286rem !important;
}

.g-font-size-70 {
  line-height: 70px;
  font-size: 5rem !important;
}

.g-font-size-75 {
  font-size: 5.35714rem !important;
}

.g-font-size-76 {
  font-size: 5.42857rem !important;
}

.g-font-size-80 {
  font-size: 5.71429rem !important;
}

.g-font-size-86 {
  font-size: 6.14286rem !important;
}

.g-font-size-90 {
  font-size: 6.42857rem !important;
}

.g-font-size-120 {
  font-size: 8.57143rem !important;
}

.g-font-size-200 {
  line-height: 210px;
  font-size: 14.28571rem !important;
}

.g-font-size-180 {
  font-size: 24.14286rem !important;
}

.g-text-center {
  text-align: center;
}
.g-text-left {
  text-align: left;
}
.g-text-right {
  text-align: right;
}

@media (min-width: 576px) {
  .g-font-size-20--sm {
    font-size: 1.42857rem !important;
  }
  .g-font-size-25--sm {
    font-size: 1.78571rem !important;
  }
  .g-font-size-40--sm {
    font-size: 2.85714rem !important;
  }
  .g-font-size-50--sm {
    font-size: 3.57143rem !important;
  }
  .g-font-size-240--sm {
    font-size: 17.14286rem !important;
  }
  .g-text-center--sm {
    text-align: center !important;
  }
  .g-text-left--sm {
    text-align: left !important;
  }
  .g-text-right--sm {
    text-align: right !important;
  }
}

@media (min-width: 768px) {
  .g-font-size-default--md {
    font-size: 1rem !important;
  }
  .g-font-size-12--md {
    font-size: 0.85714rem !important;
  }
  .g-font-size-15--md {
    font-size: 1.3rem !important;
  }
  .g-font-size-16--md {
    /*font-size: 1.14286rem !important;*/
    font-size: 1.6rem !important;
  }
  .g-font-size-18--md {
    font-size: 1.28571rem !important;
  }
  .g-font-size-20--md {
    font-size: 1.42857rem !important;
  }
  .g-font-size-24--md {
    font-size: 1.71429rem !important;
  }
  .g-font-size-25--md {
    font-size: 1.78571rem !important;
  }
  .g-font-size-26--md {
    font-size: 1.85714rem !important;
  }
  .g-font-size-27--md {
    font-size: 1.92857rem !important;
  }
  .g-font-size-28--md {
    font-size: 2rem !important;
  }
  .g-font-size-30--md {
    font-size: 2.14286rem !important;
  }
  .g-font-size-32--md {
    font-size: 2.28571rem !important;
  }
  .g-font-size-35--md {
    font-size: 2.5rem !important;
  }
  .g-font-size-36--md {
    font-size: 2.57143rem !important;
  }
  .g-font-size-40--md {
    font-size: 2.85714rem !important;
  }
  .g-font-size-45--md {
    font-size: 3.21429rem !important;
  }
  .g-font-size-46--md {
    font-size: 3.28571rem !important;
  }
  .g-font-size-48--md {
    font-size: 3.42857rem !important;
  }
  .g-font-size-50--md {
    font-size: 3.57143rem !important;
  }
  .g-font-size-55--md {
    font-size: 3.92857rem !important;
  }
  .g-font-size-56--md {
    font-size: 4rem !important;
  }
  .g-font-size-60--md {
    font-size: 4.28571rem !important;
  }
  .g-font-size-65--md {
    font-size: 4.64286rem !important;
  }
  .g-font-size-70--md {
    font-size: 5rem !important;
  }
  .g-font-size-75--md {
    font-size: 5.35714rem !important;
  }
  .g-font-size-76--md {
    font-size: 5.42857rem !important;
  }
  .g-font-size-90--md {
    font-size: 6.42857rem !important;
  }
  .g-font-size-130--md {
    font-size: 9.28571rem !important;
  }
  .g-text-center--md {
    text-align: center !important;
  }
  .g-text-left--md {
    text-align: left !important;
  }
  .g-text-right--md {
    text-align: right !important;
  }
}

@media (min-width: 992px) {
  .g-font-size-default--lg {
    font-size: 1rem !important;
  }
  .g-font-size-16--lg {
    font-size: 0.9rem !important;
  }
  .g-font-size-18--lg {
    font-size: 1.28571rem !important;
  }
  .g-font-size-26--lg {
    font-size: 1.85714rem !important;
  }
  .g-font-size-32--lg {
    font-size: 2.28571rem !important;
  }
  .g-font-size-35--lg {
    font-size: 2.5rem !important;
  }
  .g-font-size-36--lg {
    font-size: 2.57143rem !important;
  }
  .g-font-size-42--lg {
    font-size: 3.2rem !important;
  }
  .g-font-size-60--lg {
    font-size: 4.28571rem !important;
  }
  .g-font-size-70--lg {
    font-size: 5rem;
  }
  /*index*/
  .g-font-size-76--lg {
    font-size: 3.52857rem !important;
  }
  .g-font-size-420--lg {
    font-size: 30rem !important;
  }
  .FSERVICE1 {
    font-size: 3.7rem !important;
  }
  .g-text-center--lg {
    text-align: center !important;
  }
  .g-text-left--lg {
    text-align: left !important;
  }
  .g-text-right--lg {
    text-align: right !important;
  }
}

@media (min-width: 1200px) {
  .g-font-size-17--xl {
    font-size: 1.6rem !important;
  }
  /*index*/
  .g-font-size-20--xl {
    font-size: 4.52857rem !important;
  }
  .g-text-center--xl {
    text-align: center !important;
  }
  .g-text-left--xl {
    text-align: left !important;
  }
  .g-text-right--xl {
    text-align: right !important;
  }
}

@media (max-width: 576px-1) {
  .g-font-size-25 {
    font-size: 1.78571rem !important;
  }
}

/*------------------------------------
  Typography Font Weight
------------------------------------*/
.g-font-bold {
  font-weight: bold;
}
.g-font-weight-100 {
  font-weight: 100 !important;
}

.g-font-weight-200 {
  font-weight: 200 !important;
}

.g-font-weight-300 {
  font-weight: 300 !important;
}

.g-font-weight-400 {
  font-weight: 400 !important;
}

.g-font-weight-500 {
  font-weight: 500 !important;
}

.g-font-weight-600 {
  font-weight: 600 !important;
}

.g-font-weight-700 {
  font-weight: 700 !important;
}

.g-font-weight-800 {
  font-weight: 800 !important;
}

.g-font-weight-900 {
  font-weight: 900 !important;
}

@media (min-width: 768px) {
  .g-font-weight-100--md {
    font-weight: 100 !important;
  }
  .g-font-weight-200--md {
    font-weight: 200 !important;
  }
  .g-font-weight-300--md {
    font-weight: 300 !important;
  }
  .g-font-weight-400--md {
    font-weight: 400 !important;
  }
  .g-font-weight-500--md {
    font-weight: 500 !important;
  }
  .g-font-weight-600--md {
    font-weight: 600 !important;
  }
  .g-font-weight-700--md {
    font-weight: 700 !important;
  }
  .g-font-weight-800--md {
    font-weight: 800 !important;
  }
  .g-font-weight-900--md {
    font-weight: 900 !important;
  }
}

/*------------------------------------
  Typography Text Transform
------------------------------------*/
.g-text-transform-none {
  text-transform: none !important;
}

/*------------------------------------
  Typography Text Decoration
------------------------------------*/
.g-text-underline {
  text-decoration: underline;
}

.g-text-underline--none--hover:focus,
.g-text-underline--none--hover:hover {
  text-decoration: none;
}

.g-text-strike {
  text-decoration: line-through;
}

/*------------------------------------
  Typography Letter Spacing
------------------------------------*/
.g-letter-spacing-minus-2 {
  letter-spacing: -0.14286rem;
}

.g-letter-spacing-0_5 {
  letter-spacing: 0.03571rem;
}

.g-letter-spacing-1_5 {
  letter-spacing: 0.10714rem;
}

.g-letter-spacing-0 {
  letter-spacing: 0px;
}

.g-letter-spacing-1 {
  letter-spacing: 0.07143rem;
}

.g-letter-spacing-2 {
  letter-spacing: 0.14286rem;
}

.g-letter-spacing-3 {
  letter-spacing: 0.21429rem;
}

.g-letter-spacing-4 {
  letter-spacing: 0.28571rem;
}

.g-letter-spacing-5 {
  letter-spacing: 0.35714rem;
}

.g-letter-spacing-6 {
  letter-spacing: 0.42857rem;
}

.g-letter-spacing-7 {
  letter-spacing: 0.5rem;
}

.g-letter-spacing-8 {
  letter-spacing: 0.57143rem;
}

.g-letter-spacing-9 {
  letter-spacing: 0.64286rem;
}

.g-letter-spacing-10 {
  letter-spacing: 0.71429rem;
}

.g-letter-spacing-11 {
  letter-spacing: 0.78571rem;
}

.g-letter-spacing-12 {
  letter-spacing: 0.85714rem;
}

/*------------------------------------
  Typography Line Height
------------------------------------*/
.g-line-height-0 {
  line-height: 0 !important;
}

.g-line-height-0_7 {
  line-height: 0.7 !important;
}

.g-line-height-0_8 {
  line-height: 0.8 !important;
}

.g-line-height-0_9 {
  line-height: 0.9 !important;
}

.g-line-height-1 {
  line-height: 1 !important;
}

.g-line-height-1_1 {
  line-height: 1.1 !important;
}

.g-line-height-1_2 {
  line-height: 1.2 !important;
}

.g-line-height-1_3 {
  line-height: 1.3 !important;
}

.g-line-height-1_4 {
  line-height: 1.4 !important;
}

.g-line-height-1_5 {
  line-height: 1.5 !important;
}

.g-line-height-1_6 {
  line-height: 1.6 !important;
}

.g-line-height-1_8 {
  line-height: 1.8 !important;
}

.g-line-height-2 {
  line-height: 2 !important;
}

/*------------------------------------
  Typography Font Style
------------------------------------*/
.g-font-style-normal {
  font-style: normal;
}

.g-font-style-italic {
  font-style: italic;
}

/*------------------------------------
  List Style Types
------------------------------------*/
.g-list-style-circle {
  list-style-type: circle;
}

.g-list-style-disc {
  list-style-type: disc;
}

.g-list-style-square {
  list-style-type: square;
}

.g-list-style-lower-roman {
  list-style-type: lower-roman;
}

.g-list-style-upper-roman {
  list-style-type: upper-roman;
}

.g-list-style-lower-latin {
  list-style-type: lower-latin;
}

.g-list-style-upper-latin {
  list-style-type: upper-latin;
}

/*------------------------------------
  Text Types
------------------------------------*/
.g-text-break-word {
  word-wrap: break-word;
}

/*------------------------------------
  Quotes
------------------------------------*/
/* Quote v1 */
.u-quote-v1::before {
  content: "\“";
  font-size: 36px;
  line-height: 0.75em;
  text-align: center;
  font-weight: 600;
  display: block;
}

.u-quote-v1::after {
  display: none;
}

/*------------------------------------
  Positions
------------------------------------*/
.g-pos-rel {
  position: relative !important;
}

.g-pos-abs {
  position: absolute !important;
}

.g-pos-stc {
  position: static !important;
}

.g-pos-fix {
  position: fixed !important;
}

@media (min-width: 576px) {
  .g-pos-rel--sm {
    position: relative !important;
  }
  .g-pos-fix--sm {
    position: fixed !important;
  }
  .g-pos-abs--sm {
    position: absolute !important;
  }
  .g-pos-stc--sm {
    position: static !important;
  }
}

@media (min-width: 768px) {
  .g-pos-rel--md {
    position: relative !important;
  }
  .g-pos-fix--md {
    position: fixed !important;
  }
  .g-pos-abs--md {
    position: absolute !important;
  }
  .g-pos-stc--sm {
    position: static !important;
  }
}

@media (min-width: 992px) {
  .g-pos-rel--lg {
    position: relative !important;
  }
  .g-pos-fix--lg {
    position: fixed !important;
  }
  .g-pos-abs--lg {
    position: absolute !important;
  }
  .g-pos-stc--lg {
    position: static !important;
  }
}

/*------------------------------------
  Position Spaces
------------------------------------*/
/* Top */
.g-top-auto {
  /* P */
  top: auto;
}

.g-parent:hover .g-top-auto--parent-hover {
  top: auto;
}

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

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

.g-parent:hover .g-top-0--parent-hover {
  top: 0 !important;
}

.g-top-1 {
  top: 0.07143rem;
}

.g-top-2 {
  top: 0.14286rem;
}

.g-top-3 {
  top: 0.21429rem;
}

.g-top-5 {
  top: 0.35714rem !important;
}

.g-top-7 {
  top: 0.5rem !important;
}

.g-top-10 {
  top: 0.71429rem !important;
}

.g-top-12 {
  top: 0.85714rem !important;
}

.g-top-15 {
  top: 1.07143rem;
}

.g-top-18 {
  top: 1.28571rem;
}

.g-top-20 {
  top: 1.42857rem;
}

.g-top-25 {
  top: 1.78571rem;
}

.g-top-30 {
  top: 2.14286rem;
}

.g-top-35 {
  top: 2.5rem;
}

.g-top-55 {
  top: 3.92857rem;
}

.g-top-65 {
  top: 4.64286rem;
}

.g-top-100 {
  top: 7.14286rem;
}

.g-top-15x {
  top: 15%;
}

.g-top-20x {
  top: 20%;
}

.g-top-25x {
  top: 25%;
}

.g-top-30x {
  top: 30%;
}

.g-top-35x {
  top: 35%;
}

.g-top-50x {
  top: 50%;
}

.g-top-100x {
  top: 100%;
}

/* Top Minis */
.g-top-minus-1 {
  top: -0.07143rem;
}

.g-top-minus-2 {
  top: -0.14286rem;
}

.g-top-minus-3 {
  top: -0.21429rem !important;
}

.g-top-minus-4 {
  top: -0.28571rem;
}

.g-top-minus-5 {
  top: -0.35714rem;
}

.g-top-minus-6 {
  top: -0.42857rem;
}

.g-top-minus-8 {
  top: -0.57143rem;
}

.g-top-minus-10 {
  top: -0.71429rem;
}

.g-top-minus-15 {
  top: -1.07143rem;
}

.g-top-minus-20 {
  top: -1.42857rem;
}

.g-top-minus-30 {
  top: -2.14286rem;
}

.g-top-minus-35 {
  top: -2.5rem;
}

.g-top-minus-40 {
  top: -2.85714rem;
}

.g-top-minus-70 {
  top: -5rem;
}

.g-top-minus-120 {
  top: -8.57143rem;
}

.g-top-minus-25x {
  top: -25%;
}

.g-top-minus-80x {
  top: -80%;
}

/* Left */
.g-left-auto {
  /* P */
  left: auto !important;
}

.g-left-0 {
  left: 0;
}

.g-left-0--hover:hover {
  left: 0;
}

.g-parent:hover .g-left-0--parent-hover {
  left: 0;
}

.g-left-2 {
  left: 0.14286rem;
}

.g-left-5 {
  left: 0.35714rem;
}

.g-left-10 {
  left: 0.71429rem;
}

.g-left-15 {
  left: 1.07143rem !important;
}

.g-left-20 {
  left: 1.42857rem;
}

.g-left-30 {
  left: 2.14286rem;
}

.g-left-40 {
  left: 2.85714rem;
  /* O */
}

.g-left-45 {
  left: 3.21429rem;
  /* P */
}

.g-left-75 {
  left: 5.35714rem;
}

.g-left-110 {
  left: 7.85714rem;
}

.g-left-130 {
  left: 9.28571rem;
}

.g-left-200 {
  left: 14.28571rem;
}

.g-left-15x {
  left: 15%;
}

.g-left-35x {
  left: 35%;
}

.g-left-50x {
  left: 50%;
}

.g-left-100x {
  left: 100%;
}

/* Left Minus */
.g-left-minus-3 {
  left: -0.21429rem;
}

.g-left-minus-6 {
  left: -0.42857rem;
}

.g-left-minus-7 {
  left: -0.5rem;
}

.g-left-minus-10 {
  left: -0.71429rem;
}

.g-left-minus-15 {
  left: -1.07143rem;
}

.g-left-minus-20 {
  left: -1.42857rem;
}

.g-left-minus-25 {
  left: -1.78571rem;
}

.g-left-minus-30 {
  left: -2.14286rem;
}

.g-left-minus-40 {
  left: -2.85714rem;
}

.g-left-minus-50 {
  left: -3.57143rem;
}

.g-parent:hover .g-left-minus-50--parent-hover {
  left: -3.57143rem;
}

/* Right */
.g-right-auto {
  /* P */
  right: auto;
}

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

.g-right-0--hover:hover {
  right: 0 !important;
}

.g-parent:hover .g-right-0--parent-hover {
  right: 0 !important;
}

.g-right-5 {
  right: 0.35714rem !important;
}

.g-right-7 {
  right: 0.5rem !important;
}

.g-right-10 {
  right: 0.71429rem !important;
}

.g-right-12 {
  right: 0.85714rem !important;
}

.g-right-14 {
  right: 1rem !important;
}

.g-right-15 {
  right: 1.07143rem !important;
}

.g-right-20 {
  right: 1.42857rem;
}

.g-right-30 {
  right: 2.14286rem;
}

.g-right-40 {
  right: 2.85714rem;
}

.g-right-45 {
  right: 3.21429rem;
  /* P */
}

.g-right-55 {
  right: 3.92857rem;
  /* O */
}

.g-right-65 {
  right: 4.64286rem;
}

.g-right-100 {
  right: 7.14286rem;
}

.g-right-110 {
  right: 7.85714rem;
}

.g-right-130 {
  right: 9.28571rem;
}

.g-right-15x {
  right: 15%;
}

.g-right-35x {
  right: 35%;
}

.g-right-50x {
  right: 50%;
}

.g-right-100x {
  right: 100%;
}

/* Right Minus */
.g-right-minus-3 {
  right: -0.21429rem !important;
}

.g-right-minus-6 {
  right: -0.42857rem;
}

.g-right-minus-5 {
  right: -0.35714rem;
}

.g-right-minus-10 {
  right: -0.71429rem;
}

.g-right-minus-13 {
  right: -0.92857rem;
}

.g-right-minus-15 {
  right: -1.07143rem;
}

.g-right-minus-20 {
  right: -1.42857rem;
}

.g-right-minus-25 {
  right: -1.78571rem;
}

.g-right-minus-40 {
  right: -2.85714rem;
}

.g-right-minus-50 {
  right: -3.57143rem;
}

/* Bottom */
.g-bottom-auto {
  /* P */
  bottom: auto;
}

.g-bottom-0 {
  bottom: 0;
}

.g-bottom-0--hover:hover {
  bottom: 0;
}

.g-parent:hover .g-bottom-0--parent-hover {
  bottom: 0;
}

.g-bottom-6 {
  bottom: 0.42857rem;
}

.g-bottom-10 {
  bottom: 0.71429rem;
}

.g-bottom-20 {
  bottom: 1.42857rem;
}

.g-bottom-30 {
  bottom: 2.14286rem;
}

.g-bottom-40 {
  bottom: 2.85714rem;
}

.g-bottom-50 {
  bottom: 3.57143rem;
}

.g-parent:hover .g-bottom-50--parent-hover {
  bottom: 3.57143rem;
}

.g-bottom-60 {
  bottom: 4.28571rem;
}

.g-bottom-80 {
  bottom: 5.71429rem;
}

.g-bottom-minus-20 {
  bottom: -1.42857rem;
}

.g-bottom-minus-30 {
  bottom: -2.14286rem;
}

.g-bottom-minus-40 {
  bottom: -2.85714rem;
}

.g-bottom-minus-70 {
  bottom: -5rem;
}

.g-bottom-minus-35x {
  bottom: -35%;
}

.g-bottom-15x {
  bottom: 15%;
}

.g-bottom-minus-25x {
  bottom: -25%;
}

.g-bottom-100x {
  bottom: 100%;
}

/* Z */
@media (min-width: 576px) {
  .g-top-auto--sm {
    top: auto;
  }
  .g-left-auto--sm {
    left: auto;
  }
  .g-left-minus-20--sm {
    left: -20px;
  }
  .g-right-minus-20--sm {
    right: -20px;
  }
}

/* O */
@media (min-width: 768px) {
  .g-right-0--md {
    right: 0 !important;
  }
  .g-left-0--md {
    left: 0 !important;
  }
  .g-right-minus-15--md {
    right: -1.07143rem;
  }
  .g-left-minus-15--md {
    left: -1.07143rem;
  }
  .g-top-minus-20--md {
    top: -1.42857rem;
  }
  .g-right-minus-25--md {
    right: -1.78571rem;
  }
  .g-right-100--md {
    right: 7.14286rem;
  }
  .g-bottom-minus-50--md {
    bottom: -3.57143rem;
  }
  .g-left-auto--md {
    left: auto !important;
  }
  .g-right-auto--md {
    right: auto !important;
  }
  .g-left-minus-25--md {
    left: -1.78571rem;
  }
  .g-left-130--md {
    left: 9.28571rem !important;
  }
  .g-left-35x--md {
    left: 35%;
  }
  .g-left-50x--md {
    left: 50%;
  }
  .g-right-130--md {
    right: 9.28571rem !important;
  }
  .g-right-35x--md {
    right: 35%;
  }
  .g-right-50x--md {
    right: 50%;
  }
}

@media (min-width: 992px) {
  .g-top-0--lg {
    top: 0 !important;
  }
  .g-right-0--lg {
    right: 0;
  }
  .g-left-minus-35--lg {
    left: -2.5rem;
  }
  .g-left-40--lg {
    left: 2.85714rem;
  }
  .g-right-minus-35--lg {
    right: -2.5rem;
  }
  .g-right-40--lg {
    right: 2.85714rem;
  }
}

/*------------------------------------
  Block Alignments
------------------------------------*/
/* Absolute (Position, X, Y) */
.g-absolute-centered {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
}

.g-absolute-centered--x {
  position: absolute !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-backface-visibility: hidden;
}

@media (min-width: 576px) {
  .g-absolute-centered--x--sm {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width: 768px) {
  .g-absolute-centered--x--md {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
  }
}

.g-absolute-centered--y {
  position: absolute !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
}

@media (min-width: 768px) {
  .g-absolute-centered--y--md {
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width: 992px) {
  .g-absolute-centered--y--lg {
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
  }
}

/* O */
.g-transform-origin--top-left {
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

.g-transform-origin--top-right {
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
}

.g-absolute-centered--y--scl-0_6 {
  position: absolute;
  top: 50%;
  -webkit-transform: scale(0.6) translateY(-50%);
  -ms-transform: scale(0.6) translateY(-50%);
  transform: scale(0.6) translateY(-50%);
}

/* Relative (Position, X, Y) */
.g-relative-centered {
  position: relative;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
}

.g-relative-centered--x {
  position: relative;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-backface-visibility: hidden;
}

.g-relative-centered--y {
  position: relative;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
}

/* Flex centered */
.g-flex-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.item {
  display: none;
}

.g-flex {
  display: flex !important;
  display: -webkit-box;
  display: -ms-flexbox;
}

.g-flex-centered-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.g-flex-centered-item--top {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.g-flex-centered-item--bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/* Flex right */
.g-flex-right--xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* Flex middle */
.g-flex-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.g-flex-middle-item {
  margin-top: auto;
  margin-bottom: auto;
}

.g-flex-middle-item--top {
  margin-top: 0;
  margin-bottom: 0;
}

.g-flex-middle-item--bottom {
  margin-top: auto;
  margin-bottom: 0;
}

.g-flex-middle-item--fixed {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-width: 50%;
}

@media (min-width: 768px) {
  .g-flex--md {
    display: flex !important;
    display: -webkit-box;
    display: -ms-flexbox;
  }
  /* Flex right */
  .g-flex-right--md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .g-flex-centered--md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .g-absolute-centered--y--scl-1--md {
    position: absolute;
    top: 50%;
    -webkit-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
  }
}

@media (min-width: 576px) {
  .g-flex--sm {
    display: flex !important;
    display: -webkit-box;
    display: -ms-flexbox;
  }
  .g-absolute-centered--sm {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
  }
  .g-absolute-centered--x-sm--reset {
    position: static !important;
    left: auto !important;
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
}

@media (min-width: 768px) {
  .g-absolute-centered--md {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width: 992px) {
  .g-flex--lg {
    display: flex !important;
    display: -webkit-box;
    display: -ms-flexbox;
  }
  .g-absolute-centered--x--lg {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
  }
  .g-flex-centered--lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/*------------------------------------
  Alignments
------------------------------------*/
.g-valign-super {
  vertical-align: super !important;
}

.g-valign-sub {
  vertical-align: sub !important;
}

.g-valign-top {
  vertical-align: top !important;
}

.g-valign-middle {
  vertical-align: middle !important;
}

.g-valign-bottom {
  vertical-align: bottom !important;
}

/*------------------------------------
  Blur
------------------------------------*/
.g-blur-30 {
  -webkit-filter: blur(30px);
  filter: blur(30px);
}

.g-blur-30--hover:hover {
  -webkit-filter: blur(30px);
  filter: blur(30px);
}

.g-parent:hover .g-blur-30--parent-hover {
  -webkit-filter: blur(30px);
  filter: blur(30px);
}

/*------------------------------------
  Box-shadows
------------------------------------*/
.g-box-shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/*------------------------------------
  Clear
------------------------------------*/
.g-clear {
  clear: both;
}

.g-clear--left {
  clear: left;
}

.g-clear--right {
  clear: right;
}

/*------------------------------------
  Cursors
------------------------------------*/
.g-cursor-pointer {
  cursor: pointer;
}

/*------------------------------------
  Overflows
------------------------------------*/
.g-overflow-hidden {
  overflow: hidden !important;
}

.g-overflow-visible {
  overflow: visible;
}

.g-overflow-x-hidden {
  overflow-x: hidden;
}

.g-overflow-x-auto {
  overflow-x: auto !important;
}

.g-overflow-x-scroll {
  overflow-x: scroll;
}

.g-overflow-y-auto {
  overflow-y: auto;
}

.g-overflow-y-hidden {
  overflow-y: hidden;
}

@media (min-width: 768px) {
  .g-overflow-x-visible--md {
    overflow-x: visible;
  }
}

@media (min-width: 992px) {
  .g-overflow-x-visible--lg {
    overflow-x: visible;
  }
}

/*------------------------------------
  Transitions
------------------------------------*/
/*.g-transition {
  &-0_2 {
    transition: .2s ease-out;
  }
  &-0_3 {
    transition: .3s ease-out;
  }
  &-0_6 {
    transition: .6s ease-out;
    &-ease {
      transition: .6s ease;
    }
  }
}

[class*="g-color-"][class*="--hover"] {
  transition: color .2s ease-out;
}
[class*="g-bg-"][class*="--hover"] {
  transition: background-color .3s ease-out;
}
[class*="g-color-"][class*="--hover"][class*="g-bg-"][class*="--hover"] {
  transition: .3s ease-out;
}*/
[class*="g-transition"] {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[class*="g-transition"]::before,
[class*="g-transition"]::after {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

svg[class*="g-transition"] path,
svg[class*="g-transition"] polygon {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.g-transition-0 {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.g-transition-0::before,
.g-transition-0::after {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

svg.g-transition-0 path,
svg.g-transition-0 polygon {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.g-transition-0_2 {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.g-transition-0_2::before,
.g-transition-0_2::after {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

svg.g-transition-0_2 path,
svg.g-transition-0_2 polygon {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.g-transition-0_3 {
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.g-transition-0_3::before,
.g-transition-0_3::after {
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

svg.g-transition-0_3 path,
svg.g-transition-0_3 polygon {
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.g-transition-0_5 {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.g-transition-0_5::before,
.g-transition-0_5::after {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

svg.g-transition-0_5 path,
svg.g-transition-0_5 polygon {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.g-transition-0_6 {
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.g-transition-0_6::before,
.g-transition-0_6::after {
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

svg.g-transition-0_6 path,
svg.g-transition-0_6 polygon {
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.g-transition-delay-0_11 {
  -webkit-transition-delay: 0.11s;
  -o-transition-delay: 0.11s;
  transition-delay: 0.11s;
}

.g-transition-delay-0_11::before,
.g-transition-delay-0_11::after {
  -webkit-transition-delay: 0.11s;
  -o-transition-delay: 0.11s;
  transition-delay: 0.11s;
}

svg.g-transition-0_11 path,
svg.g-transition-0_11 polygon {
  -webkit-transition-duration: 0.11s;
  -o-transition-duration: 0.11s;
  transition-duration: 0.11s;
}

.g-transition-delay-0_2 {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.g-transition-delay-0_2::before,
.g-transition-delay-0_2::after {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

svg.g-transition-delay-0_2 path,
svg.g-transition-delay-0_2 polygon {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.g-transition-delay-0_45 {
  -webkit-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.g-transition-delay-0_45::before,
.g-transition-delay-0_45::after {
  -webkit-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

svg.g-transition-delay-0_45 path,
svg.g-transition-delay-0_45 polygon {
  -webkit-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.g-transition--ease-out {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.g-transition--ease-out::before,
.g-transition--ease-out::after {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

svg.g-transition--ease-out path,
svg.g-transition--ease-out polygon {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.g-transition--ease-in {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.g-transition--ease-in::before,
.g-transition--ease-in::after {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

svg.g-transition--ease-in path,
svg.g-transition--ease-in polygon {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.g-transition--ease-in-out {
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.g-transition--ease-in-out::before,
.g-transition--ease-in-out::after {
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

svg.g-transition--ease-in-out path,
svg.g-transition--ease-in-out polygon {
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.g-transition--linear {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.g-transition--linear::before,
.g-transition--linear::after {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

svg.g-transition--linear path,
svg.g-transition--linear polygon {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

/*------------------------------------
  Transforms
------------------------------------*/
.g-transform-scale-0_5 {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.g-transform-scale-0_5--hover:hover {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.g-parent:hover .g-transform-scale-0_5--parent-hover {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.g-transform-scale-0_8 {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.g-transform-scale-0_8--hover:hover {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.g-parent:hover .g-transform-scale-0_8--parent-hover {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.g-transform-scale-0_85 {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

.g-transform-scale-0_85--hover:hover {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

.g-parent:hover .g-transform-scale-0_85--parent-hover {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

.g-transform-scale-0_9 {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.g-transform-scale-0_9--hover:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.g-parent:hover .g-transform-scale-0_9--parent-hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.g-transform-scale-1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.g-transform-scale-1--hover:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.g-parent:hover .g-transform-scale-1--parent-hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.g-transform-scale-1_05 {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}

.g-transform-scale-1_05--hover:hover {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  z-index: 2;
}

.g-parent:hover .g-transform-scale-1_05--parent-hover {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.g-transform-scale-1_1 {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.g-transform-scale-1_1--hover:hover {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  z-index: 2;
}

.g-parent:hover .g-transform-scale-1_1--parent-hover {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.g-transform-scale-1_2 {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.g-transform-scale-1_2--hover:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.g-parent:hover .g-transform-scale-1_2--parent-hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.g-transform-translate-x-100x {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.g-transform-translate-x-100x--hover:hover {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.g-parent:hover .g-transform-translate-x-100x--parent-hover {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.g-transform-translate-x-minus-100x {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.g-transform-translate-x-minus-100x--hover:hover {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.g-parent:hover .g-transform-translate-x-minus-100x--parent-hover {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.g-transform-translate-y-5 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.g-transform-translate-y-5--hover:hover {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.g-parent:hover .g-transform-translate-y-5--parent-hover {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.g-transform-translate-y-100x {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.g-transform-translate-y-100x--hover:hover {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.g-parent:hover .g-transform-translate-y-100x--parent-hover {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.g-transform-translate-y-minus-5 {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.g-transform-translate-y-minus-5--hover:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.g-parent:hover .g-transform-translate-y-minus-5--parent-hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.g-transform-translate-y-minus-70 {
  -webkit-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  transform: translateY(-70px);
}

.g-transform-translate-y-minus-70--hover:hover {
  -webkit-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  transform: translateY(-70px);
}

.g-parent:hover .g-transform-translate-y-minus-70--parent-hover {
  -webkit-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  transform: translateY(-70px);
}

.g-transform-translate-y-minus-100x {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.g-transform-translate-y-minus-100x--hover:hover {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.g-parent:hover .g-transform-translate-y-minus-100x--parent-hover {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

/*------------------------------------
  Opacity
------------------------------------*/
.opacity-0 {
  opacity: 0 !important;
}

.g-opacity-0_3 {
  opacity: 0.3 !important;
}

.g-opacity-0_4 {
  opacity: 0.4 !important;
}

.g-opacity-0_5 {
  opacity: 0.5 !important;
}

.g-opacity-0_6 {
  opacity: 0.6 !important;
}

.g-opacity-0_7 {
  opacity: 0.7 !important;
}

.g-opacity-0_8 {
  opacity: 0.8 !important;
}

.g-opacity-1 {
  opacity: 1 !important;
}

.opacity-0--hover:hover {
  opacity: 0 !important;
}

.g-parent:hover .opacity-0--parent-hover {
  opacity: 0 !important;
}

.g-opacity-0_3--hover:hover {
  opacity: 0.3 !important;
}

.g-parent:hover .g-opacity-0_3--parent-hover {
  opacity: 0.3 !important;
}

.g-opacity-0_5--hover:hover {
  opacity: 0.5 !important;
}

.g-parent:hover .g-opacity-0_5--parent-hover {
  opacity: 0.5 !important;
}

.g-opacity-0_6--hover:hover {
  opacity: 0.6 !important;
}

.g-parent:hover .g-opacity-0_6--parent-hover {
  opacity: 0.6 !important;
}

.g-opacity-0_7--hover:hover {
  opacity: 0.7 !important;
}

.g-parent:hover .g-opacity-0_7--parent-hover {
  opacity: 0.7 !important;
}

.g-opacity-0_8--hover:hover {
  opacity: 0.8 !important;
}

.g-parent:hover .g-opacity-0_8--parent-hover {
  opacity: 0.8 !important;
}

.u-block-hover:hover .g-opacity-1--hover,
.g-opacity-1--hover:hover {
  opacity: 1 !important;
}

.g-parent:hover .g-opacity-1--parent-hover {
  opacity: 1 !important;
}

.selected .g-opacity-1--parents-selected {
  opacity: 1 !important;
}

/*------------------------------------
  Z-Index
------------------------------------*/
.g-z-index-auto {
  z-index: auto;
}

.g-z-index-1 {
  z-index: 1;
}

.g-z-index-2 {
  z-index: 2;
}

.g-z-index-3 {
  z-index: 3;
}

.g-z-index-3--hover:hover {
  z-index: 3;
}

.g-z-index-4 {
  z-index: 4;
}

.g-z-index-4--hover:hover {
  z-index: 4;
}

.g-z-index-99 {
  z-index: 99;
}

.g-z-index-9999 {
  z-index: 9999;
}

.g-z-index-minus-1 {
  z-index: -1;
}

/*------------------------------------
  Resize
------------------------------------*/
.g-resize-none {
  resize: none;
}

/*------------------------------------
  Placeholder
------------------------------------*/
.g-placeholder-white::-webkit-input-placeholder {
  opacity: 1;
  color: #fff;
}
.g-placeholder-white::-ms-input-placeholder {
  opacity: 1;
  color: #fff;
}
.g-placeholder-white::placeholder {
  opacity: 1;
  color: #fff;
}

.g-placeholder-white::-webkit-input-placeholder {
  opacity: 1;
  color: #fff;
}

.g-placeholder-primary::-webkit-input-placeholder {
  color: #fff;
}

.g-placeholder-primary::-ms-input-placeholder {
  color: #fff;
}

.g-placeholder-primary::placeholder {
  color: #fff;
}

.g-placeholder-inherit::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

.g-placeholder-inherit::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

.g-placeholder-inherit::placeholder {
  color: inherit;
  opacity: 1;
}

.g-placeholder-inherit::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

.g-placeholder-inherit::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

/*------------------------------------
  Offsets
------------------------------------*/
@media (min-width: 768px) {
  .g-offset-md-1 {
    margin-left: 8.333333%;
  }
}

@media (min-width: 992px) {
  .g-offset-lg-1 {
    margin-left: 8.333333%;
  }
  .g-offset-lg-4 {
    margin-left: 33.333333%;
  }
}

/*------------------------------------
  Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Inherit Colors */
.g-color-inherit {
  color: inherit !important;
}

/* Main Colors */
.g-color-main {
  color: #999 !important;
}

.g-color-main--hover:hover {
  color: #999 !important;
}

/* Primary Colors */
.g-color-primary {
  color: #19caa1 !important;
}

.u-block-hover:hover .g-color-primary--hover,
.g-color-primary--hover:hover {
  color: #72c02c !important;
}

.g-parent:hover .g-color-primary--parent-hover {
  color: #72c02c !important;
}

.g-color-primary-opacity-0_3 {
  color: rgba(114, 192, 44, 0.3) !important;
}

.g-color-primary-opacity-0_4 {
  color: rgba(114, 192, 44, 0.4) !important;
}

.g-color-primary--active.active {
  color: #72c02c !important;
}

.active .g-color-primary--parent-active {
  color: #72c02c !important;
}

.g-color-primary--before::before,
.g-color-primary--after::after {
  color: #72c02c;
}

/* Secondary Colors */
.g-color-secondary {
  color: #e74b3c !important;
}

.u-block-hover:hover .g-color-secondary--hover,
.g-color-secondary--hover:hover {
  color: #e74b3c !important;
}

.g-parent:hover .g-color-secondary--parent-hover {
  color: #e74b3c !important;
}

/* Black Colors */
.g-color-black {
  color: #1b2638 !important;
}
.g-color-black-1 {
  color: #1b2638 !important;
}
.g-color-black-1:hover {
  color: #198bef !important;
}

.g-color-black--hover:hover {
  color: #000 !important;
}

.g-parent:hover .g-color-black--parent-hover {
  color: #000 !important;
}

.g-color-black--active.active {
  color: #000 !important;
}

.g-color-black-opacity-0_1 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.g-color-black-opacity-0_3 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.g-color-black-opacity-0_5 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.g-color-black-opacity-0_6 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.g-color-black-opacity-0_7 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.g-color-black-opacity-0_8 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.g-color-black-opacity-0_8--child * {
  color: rgba(0, 0, 0, 0.8) !important;
}

.g-color-black-opacity-0_9 {
  color: rgba(0, 0, 0, 0.9) !important;
}

/* White Colors */
.g-color-white {
  color: #fff !important;
}

.g-color-white--opened-menu:not(.collapsed) {
  color: #fff !important;
}

.u-block-hover:hover .g-color-white--hover,
.g-color-white--hover:hover {
  color: #fff !important;
}

.g-parent:hover .g-color-white--parent-hover {
  color: #fff !important;
}

.g-color-white--active.active {
  color: #fff !important;
}

.active .g-color-white--parent-active {
  color: #fff !important;
}

.g-color-white--child * {
  color: #fff !important;
}

.g-color-white-opacity-0_1 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.g-color-white-opacity-0_2 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.g-color-white-opacity-0_3 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.g-color-white-opacity-0_5,
.g-color-white-opacity-0_5--hover:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.g-color-white-opacity-0_6 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.g-parent:hover .g-color-white-opacity-0_6--parent-hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.g-color-white-opacity-0_7,
.g-color-white-opacity-0_7--hover:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

.g-color-white-opacity-0_75 {
  color: rgba(255, 255, 255, 0.75) !important;
}

.g-color-white-opacity-0_8 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.g-color-white-opacity-0_8--child * {
  color: rgba(255, 255, 255, 0.8) !important;
}

.g-color-white-opacity-0_9,
.g-color-white-opacity-0_9--hover:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}

.u-block-hover:hover .g-color-white-opacity-0_7--hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Gray Colors */
.g-color-gray-light-v1 {
  color: #bbb !important;
}

.g-color-gray-light-v1--hover:hover {
  color: #bbb !important;
}

.g-color-gray-light-v2 {
  color: #ccc !important;
}

.g-color-gray-light-v2--hover:hover {
  color: #ccc !important;
}

.g-color-gray-light-v3 {
  color: #ddd !important;
}

.g-color-gray-light-v3--hover:hover {
  color: #ddd !important;
}

.g-color-gray-light-v4 {
  color: #eee !important;
}

.g-color-gray-light-v4--hover:hover {
  color: #eee !important;
}

.g-color-gray-light-v4-opacity-0_6 {
  color: rgba(238, 238, 238, 0.6) !important;
}

.g-color-gray-light-v5 {
  color: #f7f7f7 !important;
}

.g-color-gray-light-v5--hover:hover {
  color: #f7f7f7 !important;
}

.g-color-gray-dark-v1 {
  color: #111 !important;
}

.g-color-gray-dark-v1--hover:hover {
  color: #111 !important;
}

.g-color-gray-dark-v2 {
  color: #333 !important;
}

.g-color-gray-dark-v2--hover:hover {
  color: #333 !important;
}

.g-color-gray-dark-v2-opacity-0_75 {
  color: rgba(51, 51, 51, 0.75) !important;
}

.g-color-gray-dark-v3 {
  color: #555 !important;
}

.g-color-gray-dark-v3--hover:hover {
  color: #555 !important;
}

.g-color-gray-dark-v4 {
  color: #777 !important;
}

.g-color-gray-dark-v4--hover:hover {
  color: #777 !important;
}

.g-color-gray-dark-v5 {
  color: #999 !important;
}

.g-color-gray-dark-v5--hover:hover {
  color: #999 !important;
}

.g-parent:hover .g-color-gray-dark-v5--parent-hover {
  color: #999 !important;
}

/* Complementary Colors
------------------------------------*/
/* Color Green */
.g-color-green {
  color: #72c02c !important;
}

.g-color-green--hover:hover {
  color: #72c02c !important;
}

/* Color Blue */
.g-color-blue {
  color: #2196f3 !important;
}

.g-color-night-blue {
  color: #1a6fb5 !important;
}

.g-color-blue--hover:hover {
  color: #3398dc !important;
}

.g-color-blue-dark-v1 {
  color: #175a88 !important;
}

/* Color Light Blue */
.g-color-lightblue {
  color: #edf2f8 !important;
}

.g-color-lightblue--hover:hover {
  color: #edf2f8 !important;
}

.g-color-lightblue-v1 {
  color: #d6e2ee !important;
}

.g-color-lightblue-v1--hover:hover {
  color: #d6e2ee !important;
}

/* Color Dark Blue */
.g-color-darkblue {
  color: #009 !important;
}

.g-color-darkblue--hover:hover {
  color: #009 !important;
}

/* Color Indigo */
.g-color-indigo {
  color: #4263a3 !important;
}

.g-color-indigo--hover:hover {
  color: #4263a3 !important;
}

/* Color Red */
.g-color-red {
  color: #f00 !important;
}

.g-color-red--hover:hover {
  color: #f00 !important;
}

*:hover > .g-color-red--parent-hover {
  color: #f00 !important;
}

/* Color Light Red */
.g-color-lightred {
  color: #e64b3b !important;
}

.g-color-lightred--hover:hover {
  color: #e64b3b !important;
}

/* Color Dark Red */
.g-color-darkred {
  color: #a10f2b !important;
}

.g-color-darkred--hover:hover {
  color: #a10f2b !important;
}

/* Color Purple */
.g-color-purple {
  color: #9a69cb;
}

.g-color-purple--hover:hover {
  color: #9a69cb !important;
}

.g-color-purple-dark-v1 {
  color: #552c7e !important;
}

/* Color Dark Purple */
.g-color-darkpurple {
  color: #6639b6 !important;
}

.g-color-darkpurple--hover:hover {
  color: #6639b6 !important;
}

/* Color Pink */
.g-color-pink {
  color: #f63980;
}

.g-color-pink--hover:hover {
  color: #e81c62 !important;
}

.g-color-pink-dark-v1 {
  color: #6f0b2d !important;
}

/* Color Orange */
.g-color-orange {
  color: #e57d20 !important;
}

.g-color-orange--hover:hover {
  color: #e57d20 !important;
}

/* Color Deep Orange */
.g-color-deeporange {
  color: #fe541e !important;
}

.g-color-deeporange--hover:hover {
  color: #fe541e !important;
}

/* Color Yellow */
.g-color-yellow {
  color: #ebc71d !important;
}

.g-color-yellow--hover:hover {
  color: #ebc71d !important;
}

/* Color Aqua */
.g-color-aqua {
  color: #29d6e6;
}

.g-color-aqua--hover:hover {
  color: #29d6e6 !important;
}

.g-color-aqua-dark-v1 {
  color: #11848e !important;
}

/* Color Cyan */
.g-color-cyan {
  color: #00bed6 !important;
}

.g-color-cyan--hover:hover {
  color: #00bed6 !important;
}

/* Color Teal */
.g-color-teal {
  color: #18ba9b !important;
}

.g-color-teal--hover:hover {
  color: #18ba9b !important;
}

/* Color Brown */
.g-color-brown {
  color: #9c8061 !important;
}

.g-color-brown--hover:hover {
  color: #9c8061 !important;
}

/* Color Blue Gray */
.g-color-bluegray {
  color: #585f69 !important;
}

.g-color-bluegray--hover:hover {
  color: #585f69 !important;
}

/*------------------------------------
  Social Colors
------------------------------------*/
/* Facebook */
.g-color-facebook {
  color: #3b5998;
}

.g-color-facebook:hover {
  color: #344e86;
}

.g-color-facebook--hover:hover {
  color: #3b5998 !important;
}

/* Twitter */
.g-color-twitter {
  color: #00acee;
}

.g-color-twitter:hover {
  color: #009ad5;
}

.g-color-twitter--hover:hover {
  color: #00acee !important;
}

/* Skype */
.g-color-skype {
  color: #00aff0;
}

.g-color-skype:hover {
  color: #009cd7;
}

.g-color-skype--hover:hover {
  color: #00aff0 !important;
}

/* Pinterest */
.g-color-pinterest {
  color: #c8232c;
}

.g-color-pinterest:hover {
  color: #b21f27;
}

.g-color-pinterest--hover:hover {
  color: #c8232c !important;
}

/* Vine */
.g-color-vine {
  color: #00bf8f;
}

.g-color-vine:hover {
  color: #00a67c;
}

.g-color-vine--hover:hover {
  color: #00bf8f !important;
}

/* Youtube */
.g-color-youtube {
  color: #c4302b;
}

.g-color-youtube:hover {
  color: #af2b26;
}

.g-color-youtube--hover:hover {
  color: #c4302b !important;
}

/* Google plus */
.g-color-google-plus {
  color: #dd4b39;
}

.g-color-google-plus:hover {
  color: #d73925;
}

.g-color-google-plus--hover:hover {
  color: #dd4b39 !important;
}

/* Dribbble */
.g-color-dribbble {
  color: #ea4c89;
}

.g-color-dribbble:hover {
  color: #e7357a;
}

.g-color-dribbble--hover:hover {
  color: #ea4c89 !important;
}

/* VK */
.g-color-vk {
  color: #2b587a;
}

.g-color-vk:hover {
  color: #244a67;
}

.g-color-vk--hover:hover {
  color: #2b587a !important;
}

/* Linkedin */
.g-color-linkedin {
  color: #0e76a8;
}

.g-color-linkedin:hover {
  color: #0c6590;
}

.g-color-linkedin--hover:hover {
  color: #0e76a8 !important;
}

/* Instagram */
.g-color-instagram {
  color: #3f729b;
}

.g-color-instagram:hover {
  color: #386589;
}

.g-color-instagram--hover:hover {
  color: #3f729b !important;
}

/*------------------------------------
  Gradient Colors
------------------------------------*/
/* Cyan Gradient */
.g-color-cyan-gradient-opacity-v1 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(
    290deg,
    rgba(0, 0, 153, 0.55),
    rgba(0, 190, 214, 0.6)
  );
  background-image: -o-linear-gradient(
    290deg,
    rgba(0, 0, 153, 0.55),
    rgba(0, 190, 214, 0.6)
  );
  background-image: linear-gradient(
    160deg,
    rgba(0, 0, 153, 0.55),
    rgba(0, 190, 214, 0.6)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Blue Gradient */
.g-color-blue-gradient-opacity-v1 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(
    350deg,
    #8654da,
    rgba(66, 229, 248, 0.8)
  );
  background-image: -o-linear-gradient(
    350deg,
    #8654da,
    rgba(66, 229, 248, 0.8)
  );
  background-image: linear-gradient(-260deg, #8654da, rgba(66, 229, 248, 0.8));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*------------------------------------
  Widths
------------------------------------*/
/* Width in Percentage (%) */
.g-width-10x {
  width: 10% !important;
  /* P */
}
.g-width-17x {
  width: 17% !important;
  /* P */
}
.g-width-20x {
  width: 20% !important;
  /* P */
}
.g-width-30x {
  width: 30% !important;
  /* P */
}

.g-width-40x {
  width: 40% !important;
  /* P */
}

.g-width-50x {
  width: 50% !important;
  /* P */
}

.g-width-60x {
  width: 60% !important;
  /* P */
}

.g-width-70x {
  width: 70% !important;
  /* P */
}

.g-width-80x {
  width: 80% !important;
  /* P */
}

.g-width-90x {
  width: 90% !important;
  /* P */
}
.g-width-100x {
  width: 100% !important;
  /* P */
}

@media (max-width: 446px-1) {
  .w-100--2xs {
    width: 100% !important;
  }
}

@media (min-width: 576px) {
  .g-width-20x--sm {
    width: 20% !important;
  }
  .g-width-25x--sm {
    width: 25% !important;
  }
  .g-width-33_3x--sm {
    width: 33.333333% !important;
  }
  .g-width-40x--sm {
    width: 40% !important;
  }
  .g-width-60x--sm {
    width: 60% !important;
  }
  .g-width-16_6x--sm {
    width: 16.666666% !important;
  }
  .g-width-66_6x--sm {
    width: 66.666666% !important;
  }
}

@media (min-width: 768px) {
  /* P */
  .g-width-20x--md {
    width: 20% !important;
    /* P */
  }
  .g-width-25x--md {
    width: 25% !important;
    /* P */
  }
  .g-width-30x--md {
    width: 30% !important;
    /* P */
  }
  .g-width-35x--md {
    width: 35% !important;
    /* P */
  }
  .g-width-40x--md {
    width: 40% !important;
    /* P */
  }
  .g-width-45x--md {
    width: 45% !important;
    /* P */
  }
  .g-width-50x--md {
    width: 50% !important;
    /* P */
  }
  .g-width-55x--md {
    width: 55% !important;
    /* P */
  }
  .g-width-60x--md {
    width: 60% !important;
    /* P */
  }
  .g-width-65x--md {
    width: 65% !important;
    /* P */
  }
  .g-width-70x--md {
    width: 70% !important;
    /* P */
  }
  .g-width-75x--md {
    width: 75% !important;
    /* P */
  }
  .g-width-80x--md {
    width: 80% !important;
    /* P */
  }
  .g-width-85x--md {
    width: 85% !important;
    /* P */
  }
  .g-width-90x--md {
    width: 90% !important;
    /* P */
  }
  .g-width-33_3x--md {
    /* P */
    width: 33.333333% !important;
  }
  .g-width-16_6x--md {
    /* P */
    width: 16.666666% !important;
  }
  .g-width-66_6x--md {
    /* P */
    width: 66.666666% !important;
  }
}

.g-width-auto {
  width: auto !important;
  /* P */
}

/* Max Width in Percentage (%) */
.g-width-1x {
  max-width: 1%;
}

.g-width-80x {
  max-width: 80%;
}

.g-width-90x {
  max-width: 90%;
}

.g-width-95x {
  width: 95%;
}

.g-width-100x {
  width: 100%;
}

.g-max-width-60x {
  max-width: 60%;
}

.g-max-width-100x {
  max-width: 100%;
}

/* Min Width in Percentage (%) */
.g-min-width-100x {
  min-width: 100%;
}

/* Width Viewport Width (vw) */
.g-width-50vw {
  width: 50vw !important;
  /* P */
}

.g-width-100vw {
  width: 100vw !important;
  /* P */
}

/* Width in Pixels (px) */
.g-width-3 {
  width: 3px !important;
  /* O */
}

.g-width-10 {
  width: 10px !important;
  /* O */
}

.g-width-12 {
  width: 12px !important;
  /* Z */
}

.g-width-16 {
  width: 16px !important;
  /* O */
}

.g-width-18 {
  width: 18px !important;
  /* O */
}

.g-width-20 {
  width: 20px !important;
  /* O */
}

.g-width-24 {
  width: 24px !important;
  /* O */
}

.g-width-25 {
  width: 25px !important;
}

.g-width-26 {
  width: 26px !important;
  /* P */
}

.g-width-28 {
  width: 28px !important;
  /* O */
}

.g-width-30 {
  width: 30px !important;
  /* P */
}

.g-width-32 {
  width: 32px !important;
  /* O */
}

.g-width-35 {
  width: 35px !important;
  /* P */
}

.g-width-36 {
  width: 36px !important;
  /* O */
}

.g-width-40 {
  width: 40px !important;
  /* P */
}

.g-width-45 {
  width: 45px !important;
  /* P */
}

.g-width-48 {
  width: 48px !important;
  /* P */
}

.g-width-50 {
  width: 50px !important;
  /* P */
}

.g-width-54 {
  width: 54px !important;
  /* P */
}

.g-width-55 {
  width: 55px !important;
  /* P */
}

.g-width-60 {
  width: 60px !important;
  /* P */
}

.g-width-64 {
  width: 64px !important;
  /* P */
}

.g-width-70 {
  width: 70px !important;
  /* P */
}

.g-width-75 {
  width: 75px !important;
  /* O */
}

.g-width-80 {
  width: 80px !important;
  /* P */
}

.g-width-85 {
  width: 85px !important;
  /* P */
}

.g-width-95 {
  width: 95px !important;
  /* P */
}

.g-width-100 {
  width: 100px !important;
  /* P */
}

.g-width-105 {
  width: 105px;
}

.g-width-110 {
  width: 110px !important;
  /* O */
}

.g-width-115 {
  width: 115px !important;
  /* O */
}

.g-width-120 {
  width: 120px !important;
  /* P */
}

.g-width-125 {
  width: 125px !important;
  /* P */
}

.g-width-130 {
  width: 130px !important;
  /* P */
}

.g-width-135 {
  width: 135px !important;
  /* O */
}

.g-width-140 {
  width: 140px !important;
  /* P */
}

.g-width-150 {
  width: 150px !important;
}

.g-width-160 {
  width: 160px !important;
  /* P */
}

.g-width-170 {
  width: 170px !important;
  /* P */
}

.g-width-180 {
  width: 180px !important;
  /* O */
}

.g-width-200 {
  width: 200px !important;
  /* P */
}

.g-width-220 {
  width: 220px !important;
}

.g-width-215 {
  width: 215px !important;
}

.g-width-235 {
  width: 235px !important;
}

.g-width-250 {
  /* RG-Q */
  width: 250px !important;
  /* P */
  max-width: 100%;
}

.g-width-270 {
  width: 270px !important;
  /* O */
  max-width: 100%;
}

.g-width-300 {
  width: 300px !important;
  /* P */
  max-width: 100%;
}

.g-width-400 {
  width: 400px !important;
  /* O */
  max-width: 100%;
}

.g-width-340 {
  width: 340px !important;
  /* O */
  max-width: 100%;
}

.g-width-360 {
  width: 360px !important;
  /* O */
  max-width: 100%;
}

.g-width-370 {
  width: 370px !important;
  /* P */
  max-width: 100%;
}

.g-width-380 {
  width: 380px !important;
  /* O */
  max-width: 100%;
}

.g-width-410 {
  width: 410px !important;
  /* O */
}

.g-width-460 {
  width: 460px !important;
  /* O */
  max-width: 100%;
}

.g-width-465 {
  width: 465px !important;
  /* O */
  max-width: 100%;
}

.g-width-485 {
  width: 485px !important;
  /* O */
  max-width: 100%;
}

.g-width-560 {
  width: 560px !important;
  /* O */
  max-width: 100%;
}

.g-width-590 {
  width: 590px !important;
  max-width: 100%;
}

.g-width-600 {
  width: 600px !important;
  /* O */
  max-width: 100%;
}

.g-width-630 {
  width: 630px !important;
  /* O */
  max-width: 100%;
}

.g-width-680 {
  width: 680px !important;
  /* O */
  max-width: 100%;
}

.g-width-720 {
  width: 720px !important;
  /* O */
  max-width: 100%;
}

.g-width-760 {
  width: 760px !important;
  max-width: 100%;
}

.g-width-770 {
  width: 770px !important;
  max-width: 100%;
}

.g-width-780 {
  /* RG-Q */
  width: 780px !important;
  /* P */
  max-width: 100%;
}

.g-width-900 {
  width: 900px !important;
  /* P */
  max-width: 100%;
}

.g-width-945 {
  width: 945px !important;
  max-width: 100%;
}

.g-width-1025 {
  width: 1025px !important;
  max-width: 100%;
}

/* Max Width in Pixels (px) */
.g-max-width-100 {
  max-width: 100px;
}

.g-max-width-120 {
  max-width: 120px;
}

.g-max-width-170 {
  max-width: 170px;
  /* O */
}

.g-max-width-190 {
  max-width: 190px;
}

.g-max-width-200 {
  max-width: 200px;
}

.g-max-width-250 {
  max-width: 250px;
}

.g-max-width-300 {
  max-width: 300px;
}

.g-max-width-400 {
  max-width: 400px;
}

.g-max-width-500 {
  max-width: 500px;
}

.g-max-width-540 {
  max-width: 540px;
}

.g-max-width-550 {
  max-width: 550px;
}

.g-max-width-570 {
  max-width: 570px;
}

.g-max-width-600 {
  max-width: 600px;
}

.g-max-width-645 {
  max-width: 645px;
}

.g-max-width-670 {
  max-width: 670px;
}

.g-max-width-700 {
  max-width: 700px;
}

.g-max-width-750 {
  max-width: 750px;
}

.g-max-width-770 {
  max-width: 770px;
}

.g-max-width-780 {
  max-width: 780px;
}

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

.g-max-width-840 {
  max-width: 840px;
}

.g-max-width-870 {
  max-width: 870px;
}

.g-max-width-960 {
  max-width: 960px;
}

/* Min Width in Pixels (px) */
.g-min-width-35 {
  min-width: 35px;
}

.g-min-width-40 {
  min-width: 40px;
}

.g-min-width-65 {
  min-width: 65px;
}

.g-min-width-110 {
  min-width: 110px;
}

.g-min-width-130 {
  min-width: 130px;
}

.g-min-width-150 {
  min-width: 150px;
}

.g-min-width-170 {
  min-width: 170px;
}

.g-min-width-200 {
  min-width: 200px;
}

.g-min-width-220 {
  min-width: 220px;
}

.g-min-width-300 {
  min-width: 300px;
}

.g-min-width-400 {
  min-width: 400px;
}

@media (min-width: 576px) {
  .g-width-50x--sm {
    width: 50% !important;
    /* P */
  }
  .g-width-80x--sm {
    width: 80% !important;
    /* R */
  }
  .g-width-100--sm {
    width: 100px !important;
    /* P */
  }
  .g-width-150--sm {
    width: 150px !important;
    /* O */
  }
  .g-width-170--sm {
    width: 170px !important;
    /* O */
  }
  .g-width-180--sm {
    width: 180px !important;
  }
  .g-min-width-180--sm {
    min-width: 180px;
  }
  .g-width-485--sm {
    width: 485px !important;
    /* O */
    max-width: 100%;
  }
  .g-width-auto--sm {
    width: auto !important;
  }
  .g-max-width-300--sm {
    max-width: 300px;
  }
}

@media (min-width: 768px) {
  .g-width-40--md {
    width: 40px !important;
    /* O */
  }
  .g-width-45--md {
    width: 45px !important;
    /* O */
  }
  .g-width-60--md {
    width: 60px !important;
    /* O */
  }
  .g-width-80--md {
    width: 80px !important;
    /* O */
  }
  .g-width-50x--md {
    width: 50% !important;
    /* P */
  }
  .g-width-60x--md {
    width: 60% !important;
    /* P */
  }
  .g-width-80x--md {
    width: 80% !important;
    /* R */
  }
  .g-width-45--md {
    width: 45px !important;
  }
  .g-width-100--md {
    width: 100px !important;
    /* O */
  }
  .g-width-125--md {
    width: 125px !important;
    /* P */
  }
  .g-width-135--md {
    width: 135px !important;
  }
  .g-width-140--md {
    width: 140px !important;
    /* R */
  }
  .g-width-155--md {
    width: 155px !important;
    /* R */
  }
  .g-width-180--md {
    width: 180px !important;
  }
  .g-width-225--md {
    width: 225px !important;
  }
  .g-width-160--md {
    width: 160px !important;
  }
  .g-width-165--md {
    width: 165px !important;
  }
  .g-width-170--md {
    width: 170px !important;
    /* P */
  }
  .g-width-185--md {
    width: 185px !important;
    /* O */
  }
  .g-width-280--md {
    width: 280px !important;
    /* O */
  }
  .g-width-780--md {
    width: 780px !important;
    /* O */
    max-width: 100%;
  }
  .g-max-width-200--md {
    max-width: 200px;
  }
  .g-max-width-400--md {
    max-width: 400px;
  }
  .g-min-width-110--md {
    min-width: 110px;
  }
  .g-width-auto--md {
    width: auto !important;
    /* P */
  }
}

@media (min-width: 992px) {
  .g-width-60x--lg {
    width: 60% !important;
    /* J */
  }
  .g-width-100x--lg {
    width: 100% !important;
    /* P */
  }
  .g-width-155--lg {
    width: 155px !important;
    /* O */
  }
  .g-width-165--lg {
    width: 165px !important;
  }
  .g-width-200--lg {
    width: 200px !important;
    /* O */
    max-width: 100%;
  }
  .g-width-250--lg {
    /* RG-Q */
    width: 250px !important;
    /* P */
    max-width: 100%;
  }
  .g-width-485--lg {
    width: 485px !important;
    /* O */
    max-width: 100%;
  }
  .g-width-auto--lg {
    width: auto !important;
    /* P */
  }
  .g-max-width-200--lg {
    max-width: 200px;
  }
}

@media (min-width: 1200px) {
  .g-min-width-315--xl {
    min-width: 315px;
  }
}

* > .g-width-70--hover {
  -webkit-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

*:hover > .g-width-70--hover {
  width: 70px;
}

/*------------------------------------
  Heights
------------------------------------*/
/* Height in Percentage (%) */
.g-height-50x {
  height: 50%;
}

.g-height-80x {
  height: 80%;
}

.g-height-90x {
  height: 90%;
}

.g-height-95x {
  height: 95%;
}

.g-height-100x {
  height: 100%;
}

/* Max Height in Percentage (%) */
.g-max-height-100x {
  max-height: 100%;
}

/* Max Height in Viewport Height (vh) */
.g-max-height-70vh {
  max-height: 70vh !important;
}

.g-max-height-90vh {
  height: 90vh !important;
}

/* Min Height in Percentage (%) */
.g-min-height-100x {
  min-height: 100%;
}

/* Height  in Viewport Height (vh) */
.g-height-15vh {
  height: 15vh !important;
}
.g-height-20vh {
  height: 20vh !important;
}
.g-height-30vh {
  height: 30vh !important;
}
.g-height-35vh {
  height: 35vh !important;
}
.g-height-40vh {
  height: 40vh !important;
}

.g-height-70vh {
  height: 70vh;
}

.g-height-75vh {
  height: 75vh;
}

.g-height-100vh {
  height: 100vh !important;
}

/* Min Height in Viewport Height (vh) */
.g-min-height-50vh {
  min-height: 50vh;
}

.g-min-height-60vh {
  min-height: 60vh;
}

.g-min-height-70vh {
  min-height: 70vh;
}

.g-min-height-80vh {
  min-height: 80vh;
}

.g-min-height-90vh {
  min-height: 90vh;
}

.g-min-height-100vh {
  min-height: 100vh;
}

/* Auto Height */
.g-height-auto {
  height: auto;
}

@media (min-width: 576px) {
  .g-height-100vh--sm {
    height: 100vh !important;
  }
  .g-height-auto--sm {
    height: auto;
  }
  .g-height-100x--sm {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .g-height-auto--md {
    height: auto;
  }
  .g-min-height-100vh--md {
    min-height: 100vh;
  }
  .g-min-height-auto--md {
    min-height: auto !important;
  }
}

@media (min-width: 992px) {
  .g-min-height-90vh--lg {
    min-height: 90vh;
  }
  .g-min-height-auto--lg {
    min-height: auto !important;
  }
  .g-height-100vh--lg {
    height: 100vh !important;
  }
  .g-height-auto--lg {
    height: auto;
  }
}

@media (min-width: 1200px) {
  .g-height-auto--xl {
    height: auto;
  }
}

/* Height in Pixels (px) */
.g-height-1 {
  height: 1px;
}

.g-height-2 {
  height: 2px;
}

.g-height-4 {
  height: 4px;
}

.g-height-5 {
  height: 5px !important;
}

.g-height-6 {
  height: 6px !important;
}

.g-height-10 {
  height: 10px !important;
}

.g-height-12 {
  height: 12px !important;
}

.g-height-16 {
  height: 16px !important;
}

.g-height-18 {
  height: 18px;
}

.g-height-20 {
  height: 20px !important;
}

.g-height-22 {
  height: 22px !important;
}

.g-height-24 {
  height: 24px;
}

.g-height-25 {
  height: 25px;
}

.g-height-26 {
  height: 26px;
}

.g-height-28 {
  height: 28px !important;
  /* O */
}

.g-height-30 {
  height: 30px !important;
}

.g-height-32 {
  height: 32px;
  /* O */
}

.g-height-35 {
  height: 35px !important;
}

.g-height-40 {
  height: 40px;
}

.g-height-45 {
  height: 45px;
}

.g-height-48 {
  height: 48px;
  /* O */
}

.g-height-50 {
  height: 50px;
}

.g-height-55 {
  height: 55px;
}

.g-height-60 {
  height: 60px;
}

.g-height-64 {
  height: 64px;
}

.g-height-70 {
  height: 70px;
}

.g-height-75 {
  height: 75px;
  /* O */
}

.g-height-80 {
  height: 80px !important;
}

.g-height-85 {
  height: 85px;
}

.g-height-88 {
  height: 88px;
}

.g-height-90 {
  height: 90px;
}

.g-height-95 {
  height: 95px !important;
}

.g-height-100 {
  height: 100px !important;
}

.g-height-105 {
  height: 105px;
}

.g-height-115 {
  height: 115px !important;
  /* O */
}

.g-height-120 {
  height: 120px;
}

.g-height-125 {
  height: 125px;
}

.g-height-130 {
  height: 130px;
}

.g-height-140 {
  height: 140px;
}

.g-height-150 {
  height: 150px;
}

.g-height-160 {
  height: 160px;
}

.g-height-170 {
  height: 170px;
  /* O */
}

.g-height-180 {
  height: 180px !important;
  /* O */
}

.g-height-200 {
  height: 200px;
}

.g-height-220 {
  height: 220px;
}

.g-height-250 {
  height: 250px;
}

.g-height-280 {
  height: 280px;
}

.g-height-300 {
  height: 300px;
}

.g-height-350 {
  height: 350px;
}

.g-height-400 {
  height: 400px;
}

.g-height-450 {
  height: 450px;
}

.g-height-460 {
  height: 460px;
  /* O */
  max-height: 100% !important;
}

.g-height-500 {
  height: 500px;
}

.g-height-600 {
  height: 600px;
}

.g-height-680 {
  height: 680px;
}

/* Min Height in Pixels (px) */
.g-min-height-4 {
  min-height: 4px;
}

.g-min-height-35 {
  min-height: 35px;
}

.g-min-height-170 {
  min-height: 170px;
}

.g-min-height-200 {
  min-height: 200px;
}

.g-min-height-250 {
  min-height: 250px;
}

.g-min-height-275 {
  min-height: 275px;
}

.g-min-height-300 {
  min-height: 300px;
}

.g-min-height-312 {
  min-height: 312px;
}

.g-min-height-360 {
  min-height: 360px;
}

.g-min-height-400 {
  min-height: 400px;
}

.g-min-height-450 {
  min-height: 450px;
}

.g-min-height-500 {
  min-height: 500px;
}

.g-min-height-600 {
  min-height: 600px;
}

@media (min-width: 576px) {
  .g-height-350--sm {
    height: 350px;
  }
  .g-height-680--sm {
    height: 680px;
  }
}

@media (min-width: 768px) {
  .g-height-40--md {
    height: 40px !important;
  }
  .g-height-45--md {
    height: 45px !important;
  }
  .g-height-60--md {
    height: 60px !important;
  }
  .g-height-100--md {
    height: 100px !important;
  }
  .g-height-170--md {
    height: 170px !important;
  }
  .g-height-350--md {
    height: 350px;
  }
  .g-height-500--md {
    height: 500px;
  }
  .g-height-680--md {
    height: 680px;
  }
  .g-height-100x--md {
    height: 100%;
  }
  .g-height-100vh--md {
    height: 100vh;
  }
  .g-min-height-230--md {
    min-height: 230px;
  }
  .g-min-height-500--md {
    min-height: 500px;
  }
}

@media (min-width: 992px) {
  .g-height-80--lg {
    height: 80px !important;
  }
  .g-height-200--lg {
    height: 200px !important;
  }
  .g-height-230--lg {
    height: 230px;
  }
  .g-height-350--lg {
    height: 350px;
  }
  .g-height-680--lg {
    height: 680px;
  }
}

@media (min-width: 1200px) {
  .g-height-350--xl {
    height: 350px;
  }
  .g-height-680--xl {
    height: 680px;
  }
}

/*------------------------------------
  Margin Spaces
------------------------------------*/
/* Margin Spaces (xs)
------------------------------------*/
@media (min-width: 0) {
  .g-ma-0 {
    margin: 0 !important;
  }
  .g-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .g-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .g-ml-0 {
    margin-left: 0 !important;
  }
  .g-mr-0 {
    margin-right: 0 !important;
  }
  .g-mt-0 {
    margin-top: 0 !important;
  }
  .g-mb-0 {
    margin-bottom: 0 !important;
  }
  .g-mx-1 {
    margin-left: 0.07143rem !important;
    margin-right: 0.07143rem !important;
  }
  .g-mx-2 {
    margin-left: 0.14286rem !important;
    margin-right: 0.14286rem !important;
  }
  .g-mx-3 {
    margin-left: 0.21429rem !important;
    margin-right: 0.21429rem !important;
  }
  .g-mx-4 {
    margin-left: 0.28571rem !important;
    margin-right: 0.28571rem !important;
  }
  .g-mx-5 {
    margin-left: 0.35714rem !important;
    margin-right: 0.35714rem !important;
  }
  .g-mx-6 {
    margin-left: 0.42857rem !important;
    margin-right: 0.42857rem !important;
  }
  .g-mx-7 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .g-mx-8 {
    margin-left: 0.57143rem !important;
    margin-right: 0.57143rem !important;
  }
  .g-mx-9 {
    margin-left: 0.64286rem !important;
    margin-right: 0.64286rem !important;
  }
  .g-mx-10 {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-10 {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-15 {
    margin-left: 1.07143rem !important;
    margin-right: 1.07143rem !important;
  }
  .g-mx-20 {
    margin-left: 1.42857rem !important;
    margin-right: 1.42857rem !important;
  }
  .g-mx-25 {
    margin-left: 1.78571rem !important;
    margin-right: 1.78571rem !important;
  }
  .g-mx-30 {
    margin-left: 2.14286rem !important;
    margin-right: 2.14286rem !important;
  }
  .g-mx-35 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .g-mx-40 {
    margin-left: 2.85714rem !important;
    margin-right: 2.85714rem !important;
  }
  .g-mx-45 {
    margin-left: 3.21429rem !important;
    margin-right: 3.21429rem !important;
  }
  .g-mx-50 {
    margin-left: 3.57143rem !important;
    margin-right: 3.57143rem !important;
  }
  .g-mx-55 {
    margin-left: 3.92857rem !important;
    margin-right: 3.92857rem !important;
  }
  .g-mx-60 {
    margin-left: 4.28571rem !important;
    margin-right: 4.28571rem !important;
  }
  .g-mx-65 {
    margin-left: 4.64286rem !important;
    margin-right: 4.64286rem !important;
  }
  .g-mx-70 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .g-mx-75 {
    margin-left: 5.35714rem !important;
    margin-right: 5.35714rem !important;
  }
  .g-mx-80 {
    margin-left: 5.71429rem !important;
    margin-right: 5.71429rem !important;
  }
  .g-mx-85 {
    margin-left: 6.07143rem !important;
    margin-right: 6.07143rem !important;
  }
  .g-mx-90 {
    margin-left: 6.42857rem !important;
    margin-right: 6.42857rem !important;
  }
  .g-mx-95 {
    margin-left: 6.78571rem !important;
    margin-right: 6.78571rem !important;
  }
  .g-mx-100 {
    margin-left: 7.14286rem !important;
    margin-right: 7.14286rem !important;
  }
  .g-my-1 {
    margin-top: 0.07143rem !important;
    margin-bottom: 0.07143rem !important;
  }
  .g-my-2 {
    margin-top: 0.14286rem !important;
    margin-bottom: 0.14286rem !important;
  }
  .g-my-3 {
    margin-top: 0.21429rem !important;
    margin-bottom: 0.21429rem !important;
  }
  .g-my-4 {
    margin-top: 0.28571rem !important;
    margin-bottom: 0.28571rem !important;
  }
  .g-my-5 {
    margin-top: 0.35714rem !important;
    margin-bottom: 0.35714rem !important;
  }
  .g-my-6 {
    margin-top: 0.42857rem !important;
    margin-bottom: 0.42857rem !important;
  }
  .g-my-7 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .g-my-8 {
    margin-top: 0.57143rem !important;
    margin-bottom: 0.57143rem !important;
  }
  .g-my-9 {
    margin-top: 0.64286rem !important;
    margin-bottom: 0.64286rem !important;
  }
  .g-my-10 {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-10 {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-15 {
    margin-top: 1.07143rem !important;
    margin-bottom: 1.07143rem !important;
  }
  .g-my-20 {
    margin-top: 1.42857rem !important;
    margin-bottom: 1.42857rem !important;
  }
  .g-my-25 {
    margin-top: 1.78571rem !important;
    margin-bottom: 1.78571rem !important;
  }
  .g-my-30 {
    margin-top: 2.14286rem !important;
    margin-bottom: 2.14286rem !important;
  }
  .g-my-35 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .g-my-40 {
    margin-top: 2.85714rem !important;
    margin-bottom: 2.85714rem !important;
  }
  .g-my-45 {
    margin-top: 3.21429rem !important;
    margin-bottom: 3.21429rem !important;
  }
  .g-my-50 {
    margin-top: 1.57143rem !important;
    margin-bottom: 3.57143rem !important;
  }
  .g-my-55 {
    margin-top: 3.92857rem !important;
    margin-bottom: 3.92857rem !important;
  }
  .g-my-60 {
    margin-top: 4.28571rem !important;
    margin-bottom: 4.28571rem !important;
  }
  .g-my-65 {
    margin-top: 4.64286rem !important;
    margin-bottom: 4.64286rem !important;
  }
  .g-my-70 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .g-my-75 {
    margin-top: 5.35714rem !important;
    margin-bottom: 5.35714rem !important;
  }
  .g-my-80 {
    /* margin-top: 5.71429rem !important;
        margin-bottom: 5.71429rem !important; */
  }
  .g-my-85 {
    margin-top: 6.07143rem !important;
    margin-bottom: 6.07143rem !important;
  }
  .g-my-90 {
    margin-top: 6.42857rem !important;
    margin-bottom: 6.42857rem !important;
  }
  .g-my-95 {
    margin-top: 6.78571rem !important;
    margin-bottom: 6.78571rem !important;
  }
  .g-my-100 {
    margin-top: 7.14286rem !important;
    margin-bottom: 7.14286rem !important;
  }
  .g-mt-1 {
    margin-top: 0.07143rem !important;
  }
  .g-mt-minus-1 {
    margin-top: -0.07143rem !important;
  }
  .g-mt-2 {
    margin-top: 0.14286rem !important;
  }
  .g-mt-minus-2 {
    margin-top: -0.14286rem !important;
  }
  .g-mt-3 {
    margin-top: 0.21429rem !important;
  }
  .g-mt-minus-3 {
    margin-top: -0.21429rem !important;
  }
  .g-mt-4 {
    margin-top: 0.28571rem !important;
  }
  .g-mt-minus-4 {
    margin-top: -0.28571rem !important;
  }
  .g-mt-5 {
    margin-top: 0.35714rem !important;
  }
  .g-mt-minus-5 {
    margin-top: -0.35714rem !important;
  }
  .g-mt-6 {
    margin-top: 0.42857rem !important;
  }
  .g-mt-minus-6 {
    margin-top: -0.42857rem !important;
  }
  .g-mt-7 {
    margin-top: 0.5rem !important;
  }
  .g-mt-minus-7 {
    margin-top: -0.5rem !important;
  }
  .g-mt-8 {
    margin-top: 0.57143rem !important;
  }
  .g-mt-minus-8 {
    margin-top: -0.57143rem !important;
  }
  .g-mt-9 {
    margin-top: 0.64286rem !important;
  }
  .g-mt-minus-9 {
    margin-top: -0.64286rem !important;
  }
  .g-mt-10 {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10 {
    margin-top: -0.71429rem !important;
  }
  .g-mt-11 {
    margin-top: 0.78571rem !important;
  }
  .g-mt-minus-11 {
    margin-top: -0.78571rem !important;
  }
  .g-mt-12 {
    margin-top: 0.85714rem !important;
  }
  .g-mt-minus-12 {
    margin-top: -0.85714rem !important;
  }
  .g-mt-13 {
    margin-top: 0.92857rem !important;
  }
  .g-mt-minus-13 {
    margin-top: -0.92857rem !important;
  }
  .g-mt-14 {
    margin-top: 1rem !important;
  }
  .g-mt-minus-14 {
    margin-top: -1rem !important;
  }
  .g-mt-15 {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15 {
    margin-top: -1.07143rem !important;
  }
  .g-mt-16 {
    margin-top: 1.14286rem !important;
  }
  .g-mt-minus-16 {
    margin-top: -1.14286rem !important;
  }
  .g-mt-17 {
    margin-top: 1.21429rem !important;
  }
  .g-mt-minus-17 {
    margin-top: -1.21429rem !important;
  }
  .g-mt-18 {
    margin-top: 1.28571rem !important;
  }
  .g-mt-minus-18 {
    margin-top: -1.28571rem !important;
  }
  .g-mt-19 {
    margin-top: 1.35714rem !important;
  }
  .g-mt-minus-19 {
    margin-top: -1.35714rem !important;
  }
  .g-mt-20 {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20 {
    margin-top: -1.42857rem !important;
  }
  .g-mt-10 {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10 {
    margin-top: -0.71429rem !important;
  }
  .g-mt-15 {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15 {
    margin-top: -1.07143rem !important;
  }
  .g-mt-20 {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20 {
    margin-top: -1.42857rem !important;
  }
  .g-mt-25 {
    margin-top: 1.78571rem !important;
  }
  .g-mt-minus-25 {
    margin-top: -1.78571rem !important;
  }
  .g-mt-30 {
    margin-top: 2.14286rem !important;
  }
  .g-mt-minus-30 {
    margin-top: -2.14286rem !important;
  }
  .g-mt-35 {
    margin-top: 2.5rem !important;
  }
  .g-mt-minus-35 {
    margin-top: -2.5rem !important;
  }
  .g-mt-40 {
    margin-top: 2.85714rem !important;
  }
  .g-mt-minus-40 {
    margin-top: -2.85714rem !important;
  }
  .g-mt-45 {
    margin-top: 3.21429rem !important;
  }
  .g-mt-minus-45 {
    margin-top: -3.21429rem !important;
  }
  .g-mt-50 {
    margin-top: 3.57143rem !important;
  }
  .g-mt-minus-50 {
    margin-top: -3.57143rem !important;
  }
  .g-mt-55 {
    margin-top: 3.92857rem !important;
  }
  .g-mt-minus-55 {
    margin-top: -3.92857rem !important;
  }
  .g-mt-60 {
    margin-top: 4.28571rem !important;
  }
  .g-mt-minus-60 {
    margin-top: -4.28571rem !important;
  }
  .g-mt-65 {
    margin-top: 4.64286rem !important;
  }
  .g-mt-minus-65 {
    margin-top: -4.64286rem !important;
  }
  .g-mt-70 {
    margin-top: 5rem !important;
  }
  .g-mt-minus-70 {
    margin-top: -5rem !important;
  }
  .g-mt-75 {
    margin-top: 5.35714rem !important;
  }
  .g-mt-minus-75 {
    margin-top: -5.35714rem !important;
  }
  .g-mt-80 {
    margin-top: 5.71429rem !important;
  }
  .g-mt-minus-80 {
    margin-top: -5.71429rem !important;
  }
  .g-mt-85 {
    margin-top: 6.07143rem !important;
  }
  .g-mt-minus-85 {
    margin-top: -6.07143rem !important;
  }
  .g-mt-90 {
    margin-top: 6.42857rem !important;
  }
  .g-mt-minus-90 {
    margin-top: -6.42857rem !important;
  }
  .g-mt-95 {
    margin-top: 6.78571rem !important;
  }
  .g-mt-minus-95 {
    margin-top: -6.78571rem !important;
  }
  .g-mt-100 {
    margin-top: 7.14286rem !important;
  }
  .g-mt-minus-100 {
    margin-top: -7.14286rem !important;
  }
  .g-mt-105 {
    margin-top: 7.5rem !important;
  }
  .g-mt-minus-105 {
    margin-top: -7.5rem !important;
  }
  .g-mt-110 {
    margin-top: 7.85714rem !important;
  }
  .g-mt-minus-110 {
    margin-top: -7.85714rem !important;
  }
  .g-mt-115 {
    margin-top: 8.21429rem !important;
  }
  .g-mt-minus-115 {
    margin-top: -8.21429rem !important;
  }
  .g-mt-120 {
    margin-top: 8.57143rem !important;
  }
  .g-mt-minus-120 {
    margin-top: -8.57143rem !important;
  }
  .g-mt-125 {
    margin-top: 8.92857rem !important;
  }
  .g-mt-minus-125 {
    margin-top: -8.92857rem !important;
  }
  .g-mt-130 {
    margin-top: 9.28571rem !important;
  }
  .g-mt-minus-130 {
    margin-top: -9.28571rem !important;
  }
  .g-mt-135 {
    margin-top: 9.64286rem !important;
  }
  .g-mt-minus-135 {
    margin-top: -9.64286rem !important;
  }
  .g-mt-140 {
    margin-top: 10rem !important;
  }
  .g-mt-minus-140 {
    margin-top: -10rem !important;
  }
  .g-mt-145 {
    margin-top: 10.35714rem !important;
  }
  .g-mt-minus-145 {
    margin-top: -10.35714rem !important;
  }
  .g-mt-150 {
    margin-top: 10.71429rem !important;
  }
  .g-mt-minus-150 {
    margin-top: -10.71429rem !important;
  }
  .g-mt-155 {
    margin-top: 11.07143rem !important;
  }
  .g-mt-minus-155 {
    margin-top: -11.07143rem !important;
  }
  .g-mt-160 {
    margin-top: 11.42857rem !important;
  }
  .g-mt-minus-160 {
    margin-top: -11.42857rem !important;
  }
  .g-mt-165 {
    margin-top: 15.78571rem !important;
  }
  .g-mt-minus-165 {
    margin-top: -11.78571rem !important;
  }
  .g-mt-170 {
    margin-top: 12.14286rem !important;
  }
  .g-mt-190 {
    margin-top: 20.14286rem !important;
  }

  .g-mt-200 {
    margin-top: 25.14286rem !important;
  }
  .g-mt-minus-170 {
    margin-top: -12.14286rem !important;
  }
  .g-mb-1 {
    margin-bottom: 0.07143rem !important;
  }
  .g-mb-minus-1 {
    margin-bottom: -0.07143rem !important;
  }
  .g-mb-2 {
    margin-bottom: 0.14286rem !important;
  }
  .g-mb-minus-2 {
    margin-bottom: -0.14286rem !important;
  }
  .g-mb-3 {
    margin-bottom: 0.21429rem !important;
  }
  .g-mb-minus-3 {
    margin-bottom: -0.21429rem !important;
  }
  .g-mb-4 {
    margin-bottom: 0.28571rem !important;
  }
  .g-mb-minus-4 {
    margin-bottom: -0.28571rem !important;
  }
  .g-mb-5 {
    margin-bottom: 0.35714rem !important;
  }
  .g-mb-minus-5 {
    margin-bottom: -0.35714rem !important;
  }
  .g-mb-6 {
    margin-bottom: 0.42857rem !important;
  }
  .g-mb-minus-6 {
    margin-bottom: -0.42857rem !important;
  }
  .g-mb-7 {
    margin-bottom: 0.5rem !important;
  }
  .g-mb-minus-7 {
    margin-bottom: -0.5rem !important;
  }
  .g-mb-8 {
    margin-bottom: 0.57143rem !important;
  }
  .g-mb-minus-8 {
    margin-bottom: -0.57143rem !important;
  }
  .g-mb-9 {
    margin-bottom: 0.64286rem !important;
  }
  .g-mb-minus-9 {
    margin-bottom: -0.64286rem !important;
  }
  .g-mb-10 {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-minus-10 {
    margin-bottom: -0.71429rem !important;
  }
  .g-mb-11 {
    margin-bottom: 0.78571rem !important;
  }
  .g-mb-minus-11 {
    margin-bottom: -0.78571rem !important;
  }
  .g-mb-12 {
    margin-bottom: 0.85714rem !important;
  }
  .g-mb-minus-12 {
    margin-bottom: -0.85714rem !important;
  }
  .g-mb-13 {
    margin-bottom: 0.92857rem !important;
  }
  .g-mb-minus-13 {
    margin-bottom: -0.92857rem !important;
  }
  .g-mb-14 {
    margin-bottom: 1rem !important;
  }
  .g-mb-minus-14 {
    margin-bottom: -1rem !important;
  }
  .g-mb-15 {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-minus-15 {
    margin-bottom: -1.07143rem !important;
  }
  .g-mb-16 {
    margin-bottom: 1.14286rem !important;
  }
  .g-mb-minus-16 {
    margin-bottom: -1.14286rem !important;
  }
  .g-mb-17 {
    margin-bottom: 1.21429rem !important;
  }
  .g-mb-minus-17 {
    margin-bottom: -1.21429rem !important;
  }
  .g-mb-18 {
    margin-bottom: 1.28571rem !important;
  }
  .g-mb-minus-18 {
    margin-bottom: -1.28571rem !important;
  }
  .g-mb-19 {
    margin-bottom: 1.35714rem !important;
  }
  .g-mb-minus-19 {
    margin-bottom: -1.35714rem !important;
  }
  .g-mb-20 {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-minus-20 {
    margin-bottom: -1.42857rem !important;
  }
  .g-mb-10 {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-15 {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-20 {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-25 {
    margin-bottom: 1.78571rem !important;
  }
  .g-mb-30 {
    margin-bottom: 2.14286rem !important;
  }
  .g-mb-35 {
    margin-bottom: 2.5rem !important;
  }
  .g-mb-40 {
    margin-bottom: 2.85714rem !important;
  }
  .g-mb-45 {
    margin-bottom: 3.21429rem !important;
  }
  .g-mb-50 {
    margin-bottom: 3.57143rem !important;
  }
  .g-mb-55 {
    margin-bottom: 3.92857rem !important;
  }
  .g-mb-60 {
    margin-bottom: 4.28571rem !important;
  }
  .g-mb-65 {
    margin-bottom: 4.64286rem !important;
  }
  .g-mb-70 {
    margin-bottom: 5rem !important;
  }
  .g-mb-75 {
    margin-bottom: 5.35714rem !important;
  }
  .g-mb-80 {
    margin-bottom: 5.71429rem !important;
  }
  .g-mb-85 {
    margin-bottom: 6.07143rem !important;
  }
  .g-mb-90 {
    margin-bottom: 6.42857rem !important;
  }
  .g-mb-95 {
    margin-bottom: 6.78571rem !important;
  }
  .g-mb-100 {
    /* margin-bottom: 7.14286rem !important; */
  }
  .g-mb-105 {
    margin-bottom: 7.5rem !important;
  }
  .g-mb-110 {
    margin-bottom: 7.85714rem !important;
  }
  .g-mb-115 {
    margin-bottom: 8.21429rem !important;
  }
  .g-mb-120 {
    margin-bottom: 8.57143rem !important;
  }
  .g-mb-125 {
    margin-bottom: 8.92857rem !important;
  }
  .g-mb-130 {
    margin-bottom: 9.28571rem !important;
  }
  .g-mb-135 {
    margin-bottom: 9.64286rem !important;
  }
  .g-mb-140 {
    margin-bottom: 10rem !important;
  }
  .g-mb-145 {
    margin-bottom: 10.35714rem !important;
  }
  .g-mb-150 {
    margin-bottom: 10.71429rem !important;
  }
  .g-mb-155 {
    margin-bottom: 11.07143rem !important;
  }
  .g-mb-160 {
    margin-bottom: 11.42857rem !important;
  }
  .g-mb-165 {
    margin-bottom: 11.78571rem !important;
  }
  .g-mb-170 {
    margin-bottom: 12.14286rem !important;
  }
  .g-ml-1 {
    margin-left: 0.07143rem !important;
  }
  .g-ml-minus-1 {
    margin-left: -0.07143rem !important;
  }
  .g-ml-2 {
    margin-left: 0.14286rem !important;
  }
  .g-ml-minus-2 {
    margin-left: -0.14286rem !important;
  }
  .g-ml-3 {
    margin-left: 0.21429rem !important;
  }
  .g-ml-minus-3 {
    margin-left: -0.21429rem !important;
  }
  .g-ml-4 {
    margin-left: 0.28571rem !important;
  }
  .g-ml-minus-4 {
    margin-left: -0.28571rem !important;
  }
  .g-ml-5 {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5 {
    margin-left: -0.35714rem !important;
  }
  .g-ml-6 {
    margin-left: 0.42857rem !important;
  }
  .g-ml-minus-6 {
    margin-left: -0.42857rem !important;
  }
  .g-ml-7 {
    margin-left: 0.5rem !important;
  }
  .g-ml-minus-7 {
    margin-left: -0.5rem !important;
  }
  .g-ml-8 {
    margin-left: 0.57143rem !important;
  }
  .g-ml-minus-8 {
    margin-left: -0.57143rem !important;
  }
  .g-ml-9 {
    margin-left: 0.64286rem !important;
  }
  .g-ml-minus-9 {
    margin-left: -0.64286rem !important;
  }
  .g-ml-10 {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10 {
    margin-left: -0.71429rem !important;
  }
  .g-ml-5 {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5 {
    margin-left: -0.35714rem !important;
  }
  .g-ml-10 {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10 {
    margin-left: -0.71429rem !important;
  }
  .g-ml-15 {
    margin-left: 1.07143rem !important;
  }
  .g-ml-minus-15 {
    margin-left: -1.07143rem !important;
  }
  .g-ml-20 {
    margin-left: 1.42857rem !important;
  }
  .g-ml-minus-20 {
    margin-left: -1.42857rem !important;
  }
  .g-ml-25 {
    margin-left: 1.78571rem !important;
  }
  .g-ml-minus-25 {
    margin-left: -1.78571rem !important;
  }
  .g-ml-30 {
    margin-left: 2.14286rem !important;
  }
  .g-ml-minus-30 {
    margin-left: -2.14286rem !important;
  }
  .g-ml-35 {
    margin-left: 2.5rem !important;
  }
  .g-ml-minus-35 {
    margin-left: -2.5rem !important;
  }
  .g-ml-40 {
    margin-left: 2.85714rem !important;
  }
  .g-ml-minus-40 {
    margin-left: -2.85714rem !important;
  }
  .g-ml-45 {
    margin-left: 3.21429rem !important;
  }
  .g--ml-50 {
    margin-left: 8.21429rem !important;
  }
  .g-ml-minus-45 {
    margin-left: -3.21429rem !important;
  }
  .g-ml-50 {
    margin-left: 3.57143rem !important;
  }
  .g-ml-minus-50 {
    margin-left: -3.57143rem !important;
  }
  .g-mr-1 {
    margin-right: 0.07143rem !important;
  }
  .g-mr-minus-1 {
    margin-right: -0.07143rem !important;
  }
  .g-mr-2 {
    margin-right: 0.14286rem !important;
  }
  .g-mr-minus-2 {
    margin-right: -0.14286rem !important;
  }
  .g-mr-3 {
    margin-right: 0.21429rem !important;
  }
  .g-mr-minus-3 {
    margin-right: -0.21429rem !important;
  }
  .g-mr-4 {
    margin-right: 0.28571rem !important;
  }
  .g-mr-minus-4 {
    margin-right: -0.28571rem !important;
  }
  .g-mr-5 {
    margin-right: 0.35714rem !important;
  }
  .g-mr-minus-5 {
    margin-right: -0.35714rem !important;
  }
  .g-mr-6 {
    margin-right: 0.42857rem !important;
  }
  .g-mr-minus-6 {
    margin-right: -0.42857rem !important;
  }
  .g-mr-7 {
    margin-right: 0.5rem !important;
  }
  .g-mr-minus-7 {
    margin-right: -0.5rem !important;
  }
  .g-mr-8 {
    margin-right: 0.57143rem !important;
  }
  .g-mr-minus-8 {
    margin-right: -0.57143rem !important;
  }
  .g-mr-9 {
    margin-right: 0.64286rem !important;
  }
  .g-mr-minus-9 {
    margin-right: -0.64286rem !important;
  }
  .g-mr-10 {
    margin-right: 0.71429rem !important;
  }
  .g-mr-minus-10 {
    margin-right: -0.71429rem !important;
  }
  .g-mr-5 {
    margin-right: 0.35714rem !important;
  }
  .g-mr-10 {
    margin-right: 0.71429rem !important;
  }
  .g-mr-15 {
    margin-right: 1.07143rem !important;
  }
  .g-mr-20 {
    margin-right: 1.42857rem !important;
  }
  .g-mr-25 {
    margin-right: 1.78571rem !important;
  }
  .g-mr-30 {
    margin-right: 2.14286rem !important;
  }
  .g-mr-35 {
    margin-right: 2.5rem !important;
  }
  .g-mr-40 {
    margin-right: 2.85714rem !important;
  }
  .g-mr-45 {
    margin-right: 3.21429rem !important;
  }
  .g-mr-50 {
    margin-right: 3.57143rem !important;
  }
}

/* Margin Spaces (sm)
------------------------------------*/
@media (min-width: 576px) {
  .g-ma-0--sm {
    margin: 0 !important;
  }
  .g-mx-0--sm {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .g-my-0--sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .g-ml-0--sm {
    margin-left: 0 !important;
  }
  .g-mr-0--sm {
    margin-right: 0 !important;
  }
  .g-mt-0--sm {
    margin-top: 0 !important;
  }
  .g-mt-100--sm {
    margin-top: 50vmin !important;
  }
  .g-mb-0--sm {
    margin-bottom: 0 !important;
  }
  .g-mx-1--sm {
    margin-left: 0.07143rem !important;
    margin-right: 0.07143rem !important;
  }
  .g-mx-2--sm {
    margin-left: 0.14286rem !important;
    margin-right: 0.14286rem !important;
  }
  .g-mx-3--sm {
    margin-left: 0.21429rem !important;
    margin-right: 0.21429rem !important;
  }
  .g-mx-4--sm {
    margin-left: 0.28571rem !important;
    margin-right: 0.28571rem !important;
  }
  .g-mx-5--sm {
    margin-left: 0.35714rem !important;
    margin-right: 0.35714rem !important;
  }
  .g-mx-6--sm {
    margin-left: 0.42857rem !important;
    margin-right: 0.42857rem !important;
  }
  .g-mx-7--sm {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .g-mx-8--sm {
    margin-left: 0.57143rem !important;
    margin-right: 0.57143rem !important;
  }
  .g-mx-9--sm {
    margin-left: 0.64286rem !important;
    margin-right: 0.64286rem !important;
  }
  .g-mx-10--sm {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-10--sm {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-15--sm {
    margin-left: 1.07143rem !important;
    margin-right: 1.07143rem !important;
  }
  .g-mx-20--sm {
    margin-left: 1.42857rem !important;
    margin-right: 1.42857rem !important;
  }
  .g-mx-25--sm {
    margin-left: 1.78571rem !important;
    margin-right: 1.78571rem !important;
  }
  .g-mx-30--sm {
    margin-left: 2.14286rem !important;
    margin-right: 2.14286rem !important;
  }
  .g-mx-35--sm {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .g-mx-40--sm {
    margin-left: 2.85714rem !important;
    margin-right: 2.85714rem !important;
  }
  .g-mx-45--sm {
    margin-left: 3.21429rem !important;
    margin-right: 3.21429rem !important;
  }
  .g-mx-50--sm {
    margin-left: 3.57143rem !important;
    margin-right: 3.57143rem !important;
  }
  .g-mx-55--sm {
    margin-left: 3.92857rem !important;
    margin-right: 3.92857rem !important;
  }
  .g-mx-60--sm {
    margin-left: 4.28571rem !important;
    margin-right: 4.28571rem !important;
  }
  .g-mx-65--sm {
    margin-left: 4.64286rem !important;
    margin-right: 4.64286rem !important;
  }
  .g-mx-70--sm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .g-mx-75--sm {
    margin-left: 5.35714rem !important;
    margin-right: 5.35714rem !important;
  }
  .g-mx-80--sm {
    margin-left: 5.71429rem !important;
    margin-right: 5.71429rem !important;
  }
  .g-mx-85--sm {
    margin-left: 6.07143rem !important;
    margin-right: 6.07143rem !important;
  }
  .g-mx-90--sm {
    margin-left: 6.42857rem !important;
    margin-right: 6.42857rem !important;
  }
  .g-mx-95--sm {
    margin-left: 6.78571rem !important;
    margin-right: 6.78571rem !important;
  }
  .g-mx-100--sm {
    margin-left: 7.14286rem !important;
    margin-right: 7.14286rem !important;
  }
  .g-mx-200--sm {
    margin-left: 7.14286rem !important;
    margin-right: 7.14286rem !important;
  }
  .g-my-1--sm {
    margin-top: 0.07143rem !important;
    margin-bottom: 0.07143rem !important;
  }
  .g-my-2--sm {
    margin-top: 0.14286rem !important;
    margin-bottom: 0.14286rem !important;
  }
  .g-my-3--sm {
    margin-top: 0.21429rem !important;
    margin-bottom: 0.21429rem !important;
  }
  .g-my-4--sm {
    margin-top: 0.28571rem !important;
    margin-bottom: 0.28571rem !important;
  }
  .g-my-5--sm {
    margin-top: 0.35714rem !important;
    margin-bottom: 0.35714rem !important;
  }
  .g-my-6--sm {
    margin-top: 0.42857rem !important;
    margin-bottom: 0.42857rem !important;
  }
  .g-my-7--sm {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .g-my-8--sm {
    margin-top: 0.57143rem !important;
    margin-bottom: 0.57143rem !important;
  }
  .g-my-9--sm {
    margin-top: 0.64286rem !important;
    margin-bottom: 0.64286rem !important;
  }
  .g-my-10--sm {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-10--sm {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-15--sm {
    margin-top: 1.07143rem !important;
    margin-bottom: 1.07143rem !important;
  }
  .g-my-20--sm {
    margin-top: 1.42857rem !important;
    margin-bottom: 1.42857rem !important;
  }
  .g-my-25--sm {
    margin-top: 1.78571rem !important;
    margin-bottom: 1.78571rem !important;
  }
  .g-my-30--sm {
    margin-top: 2.14286rem !important;
    margin-bottom: 2.14286rem !important;
  }
  .g-my-35--sm {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .g-my-40--sm {
    margin-top: 2.85714rem !important;
    margin-bottom: 2.85714rem !important;
  }
  .g-my-45--sm {
    margin-top: 3.21429rem !important;
    margin-bottom: 3.21429rem !important;
  }
  .g-my-50--sm {
    margin-top: 3.57143rem !important;
    margin-bottom: 3.57143rem !important;
  }
  .g-my-55--sm {
    margin-top: 3.92857rem !important;
    margin-bottom: 3.92857rem !important;
  }
  .g-my-60--sm {
    margin-top: 4.28571rem !important;
    margin-bottom: 4.28571rem !important;
  }
  .g-my-65--sm {
    margin-top: 4.64286rem !important;
    margin-bottom: 4.64286rem !important;
  }
  .g-my-70--sm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .g-my-75--sm {
    margin-top: 5.35714rem !important;
    margin-bottom: 5.35714rem !important;
  }
  .g-my-80--sm {
    margin-top: 5.71429rem !important;
    margin-bottom: 5.71429rem !important;
  }
  .g-my-85--sm {
    margin-top: 6.07143rem !important;
    margin-bottom: 6.07143rem !important;
  }
  .g-my-90--sm {
    margin-top: 6.42857rem !important;
    margin-bottom: 6.42857rem !important;
  }
  .g-my-95--sm {
    margin-top: 6.78571rem !important;
    margin-bottom: 6.78571rem !important;
  }
  .g-my-100--sm {
    margin-top: 7.14286rem !important;
    margin-bottom: 7.14286rem !important;
  }
  .g-mt-1--sm {
    margin-top: 0.07143rem !important;
  }
  .g-mt-minus-1--sm {
    margin-top: -0.07143rem !important;
  }
  .g-mt-2--sm {
    margin-top: 0.14286rem !important;
  }
  .g-mt-minus-2--sm {
    margin-top: -0.14286rem !important;
  }
  .g-mt-3--sm {
    margin-top: 0.21429rem !important;
  }
  .g-mt-minus-3--sm {
    margin-top: -0.21429rem !important;
  }
  .g-mt-4--sm {
    margin-top: 0.28571rem !important;
  }
  .g-mt-minus-4--sm {
    margin-top: -0.28571rem !important;
  }
  .g-mt-5--sm {
    margin-top: 0.35714rem !important;
  }
  .g-mt-minus-5--sm {
    margin-top: -0.35714rem !important;
  }
  .g-mt-6--sm {
    margin-top: 0.42857rem !important;
  }
  .g-mt-minus-6--sm {
    margin-top: -0.42857rem !important;
  }
  .g-mt-7--sm {
    margin-top: 0.5rem !important;
  }
  .g-mt-minus-7--sm {
    margin-top: -0.5rem !important;
  }
  .g-mt-8--sm {
    margin-top: 0.57143rem !important;
  }
  .g-mt-minus-8--sm {
    margin-top: -0.57143rem !important;
  }
  .g-mt-9--sm {
    margin-top: 0.64286rem !important;
  }
  .g-mt-minus-9--sm {
    margin-top: -0.64286rem !important;
  }
  .g-mt-10--sm {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10--sm {
    margin-top: -0.71429rem !important;
  }
  .g-mt-11--sm {
    margin-top: 0.78571rem !important;
  }
  .g-mt-minus-11--sm {
    margin-top: -0.78571rem !important;
  }
  .g-mt-12--sm {
    margin-top: 0.85714rem !important;
  }
  .g-mt-minus-12--sm {
    margin-top: -0.85714rem !important;
  }
  .g-mt-13--sm {
    margin-top: 0.92857rem !important;
  }
  .g-mt-minus-13--sm {
    margin-top: -0.92857rem !important;
  }
  .g-mt-14--sm {
    margin-top: 1rem !important;
  }
  .g-mt-minus-14--sm {
    margin-top: -1rem !important;
  }
  .g-mt-15--sm {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15--sm {
    margin-top: -1.07143rem !important;
  }
  .g-mt-16--sm {
    margin-top: 1.14286rem !important;
  }
  .g-mt-minus-16--sm {
    margin-top: -1.14286rem !important;
  }
  .g-mt-17--sm {
    margin-top: 1.21429rem !important;
  }
  .g-mt-minus-17--sm {
    margin-top: -1.21429rem !important;
  }
  .g-mt-18--sm {
    margin-top: 1.28571rem !important;
  }
  .g-mt-minus-18--sm {
    margin-top: -1.28571rem !important;
  }
  .g-mt-19--sm {
    margin-top: 1.35714rem !important;
  }
  .g-mt-minus-19--sm {
    margin-top: -1.35714rem !important;
  }
  .g-mt-20--sm {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20--sm {
    margin-top: -1.42857rem !important;
  }
  .g-mt-10--sm {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10--sm {
    margin-top: -0.71429rem !important;
  }
  .g-mt-15--sm {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15--sm {
    margin-top: -1.07143rem !important;
  }
  .g-mt-20--sm {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20--sm {
    margin-top: -1.42857rem !important;
  }
  .g-mt-25--sm {
    margin-top: 1.78571rem !important;
  }
  .g-mt-minus-25--sm {
    margin-top: -1.78571rem !important;
  }
  .g-mt-30--sm {
    margin-top: 2.14286rem !important;
  }
  .g-mt-minus-30--sm {
    margin-top: -2.14286rem !important;
  }
  .g-mt-35--sm {
    margin-top: 2.5rem !important;
  }
  .g-mt-minus-35--sm {
    margin-top: -2.5rem !important;
  }
  .g-mt-40--sm {
    margin-top: 2.85714rem !important;
  }
  .g-mt-minus-40--sm {
    margin-top: -2.85714rem !important;
  }
  .g-mt-45--sm {
    margin-top: 3.21429rem !important;
  }
  .g-mt-minus-45--sm {
    margin-top: -3.21429rem !important;
  }
  .g-mt-50--sm {
    margin-top: 3.57143rem !important;
  }
  .g-mt-minus-50--sm {
    margin-top: -3.57143rem !important;
  }
  .g-mt-55--sm {
    margin-top: 3.92857rem !important;
  }
  .g-mt-minus-55--sm {
    margin-top: -3.92857rem !important;
  }
  .g-mt-60--sm {
    margin-top: 4.28571rem !important;
  }
  .g-mt-minus-60--sm {
    margin-top: -4.28571rem !important;
  }
  .g-mt-65--sm {
    margin-top: 4.64286rem !important;
  }
  .g-mt-minus-65--sm {
    margin-top: -4.64286rem !important;
  }
  .g-mt-70--sm {
    margin-top: 5rem !important;
  }
  .g-mt-minus-70--sm {
    margin-top: -5rem !important;
  }
  .g-mt-75--sm {
    margin-top: 5.35714rem !important;
  }
  .g-mt-minus-75--sm {
    margin-top: -5.35714rem !important;
  }
  .g-mt-80--sm {
    margin-top: 5.71429rem !important;
  }
  .g-mt-minus-80--sm {
    margin-top: -5.71429rem !important;
  }
  .g-mt-85--sm {
    margin-top: 6.07143rem !important;
  }
  .g-mt-minus-85--sm {
    margin-top: -6.07143rem !important;
  }
  .g-mt-90--sm {
    margin-top: 6.42857rem !important;
  }
  .g-mt-minus-90--sm {
    margin-top: -6.42857rem !important;
  }
  .g-mt-95--sm {
    margin-top: 6.78571rem !important;
  }
  .g-mt-minus-95--sm {
    margin-top: -6.78571rem !important;
  }
  .g-mt-100--sm {
    margin-top: 7.14286rem !important;
  }
  .g-mt-minus-100--sm {
    margin-top: -7.14286rem !important;
  }
  .g-mt-105--sm {
    margin-top: 7.5rem !important;
  }
  .g-mt-minus-105--sm {
    margin-top: -7.5rem !important;
  }
  .g-mt-110--sm {
    margin-top: 7.85714rem !important;
  }
  .g-mt-minus-110--sm {
    margin-top: -7.85714rem !important;
  }
  .g-mt-115--sm {
    margin-top: 8.21429rem !important;
  }
  .g-mt-minus-115--sm {
    margin-top: -8.21429rem !important;
  }
  .g-mt-120--sm {
    margin-top: 8.57143rem !important;
  }
  .g-mt-minus-120--sm {
    margin-top: -8.57143rem !important;
  }
  .g-mt-125--sm {
    margin-top: 8.92857rem !important;
  }
  .g-mt-minus-125--sm {
    margin-top: -8.92857rem !important;
  }
  .g-mt-130--sm {
    margin-top: 9.28571rem !important;
  }
  .g-mt-minus-130--sm {
    margin-top: -9.28571rem !important;
  }
  .g-mt-135--sm {
    margin-top: 9.64286rem !important;
  }
  .g-mt-minus-135--sm {
    margin-top: -9.64286rem !important;
  }
  .g-mt-140--sm {
    margin-top: 10rem !important;
  }
  .g-mt-minus-140--sm {
    margin-top: -10rem !important;
  }
  .g-mt-145--sm {
    margin-top: 10.35714rem !important;
  }
  .g-mt-minus-145--sm {
    margin-top: -10.35714rem !important;
  }
  .g-mt-150--sm {
    margin-top: 10.71429rem !important;
  }
  .g-mt-minus-150--sm {
    margin-top: -10.71429rem !important;
  }
  .g-mt-155--sm {
    margin-top: 11.07143rem !important;
  }
  .g-mt-minus-155--sm {
    margin-top: -11.07143rem !important;
  }
  .g-mt-160--sm {
    margin-top: 11.42857rem !important;
  }
  .g-mt-minus-160--sm {
    margin-top: -11.42857rem !important;
  }
  .g-mt-165--sm {
    margin-top: 11.78571rem !important;
  }
  .g-mt-minus-165--sm {
    margin-top: -11.78571rem !important;
  }
  .g-mt-170--sm {
    margin-top: 12.14286rem !important;
  }
  .g-mt-minus-170--sm {
    margin-top: -12.14286rem !important;
  }
  .g-mb-1--sm {
    margin-bottom: 0.07143rem !important;
  }
  .g-mb-minus-1--sm {
    margin-bottom: -0.07143rem !important;
  }
  .g-mb-2--sm {
    margin-bottom: 0.14286rem !important;
  }
  .g-mb-minus-2--sm {
    margin-bottom: -0.14286rem !important;
  }
  .g-mb-3--sm {
    margin-bottom: 0.21429rem !important;
  }
  .g-mb-minus-3--sm {
    margin-bottom: -0.21429rem !important;
  }
  .g-mb-4--sm {
    margin-bottom: 0.28571rem !important;
  }
  .g-mb-minus-4--sm {
    margin-bottom: -0.28571rem !important;
  }
  .g-mb-5--sm {
    margin-bottom: 0.35714rem !important;
  }
  .g-mb-minus-5--sm {
    margin-bottom: -0.35714rem !important;
  }
  .g-mb-6--sm {
    margin-bottom: 0.42857rem !important;
  }
  .g-mb-minus-6--sm {
    margin-bottom: -0.42857rem !important;
  }
  .g-mb-7--sm {
    margin-bottom: 0.5rem !important;
  }
  .g-mb-minus-7--sm {
    margin-bottom: -0.5rem !important;
  }
  .g-mb-8--sm {
    margin-bottom: 0.57143rem !important;
  }
  .g-mb-minus-8--sm {
    margin-bottom: -0.57143rem !important;
  }
  .g-mb-9--sm {
    margin-bottom: 0.64286rem !important;
  }
  .g-mb-minus-9--sm {
    margin-bottom: -0.64286rem !important;
  }
  .g-mb-10--sm {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-minus-10--sm {
    margin-bottom: -0.71429rem !important;
  }
  .g-mb-11--sm {
    margin-bottom: 0.78571rem !important;
  }
  .g-mb-minus-11--sm {
    margin-bottom: -0.78571rem !important;
  }
  .g-mb-12--sm {
    margin-bottom: 0.85714rem !important;
  }
  .g-mb-minus-12--sm {
    margin-bottom: -0.85714rem !important;
  }
  .g-mb-13--sm {
    margin-bottom: 0.92857rem !important;
  }
  .g-mb-minus-13--sm {
    margin-bottom: -0.92857rem !important;
  }
  .g-mb-14--sm {
    margin-bottom: 1rem !important;
  }
  .g-mb-minus-14--sm {
    margin-bottom: -1rem !important;
  }
  .g-mb-15--sm {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-minus-15--sm {
    margin-bottom: -1.07143rem !important;
  }
  .g-mb-16--sm {
    margin-bottom: 1.14286rem !important;
  }
  .g-mb-minus-16--sm {
    margin-bottom: -1.14286rem !important;
  }
  .g-mb-17--sm {
    margin-bottom: 1.21429rem !important;
  }
  .g-mb-minus-17--sm {
    margin-bottom: -1.21429rem !important;
  }
  .g-mb-18--sm {
    margin-bottom: 1.28571rem !important;
  }
  .g-mb-minus-18--sm {
    margin-bottom: -1.28571rem !important;
  }
  .g-mb-19--sm {
    margin-bottom: 1.35714rem !important;
  }
  .g-mb-minus-19--sm {
    margin-bottom: -1.35714rem !important;
  }
  .g-mb-20--sm {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-minus-20--sm {
    margin-bottom: -1.42857rem !important;
  }
  .g-mb-10--sm {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-15--sm {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-20--sm {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-25--sm {
    margin-bottom: 1.78571rem !important;
  }
  .g-mb-30--sm {
    margin-bottom: 2.14286rem !important;
  }
  .g-mb-35--sm {
    margin-bottom: 2.5rem !important;
  }
  .g-mb-40--sm {
    margin-bottom: 2.85714rem !important;
  }
  .g-mb-45--sm {
    margin-bottom: 3.21429rem !important;
  }
  .g-mb-50--sm {
    margin-bottom: 3.57143rem !important;
  }
  .g-mb-55--sm {
    margin-bottom: 3.92857rem !important;
  }
  .g-mb-60--sm {
    margin-bottom: 4.28571rem !important;
  }
  .g-mb-65--sm {
    margin-bottom: 4.64286rem !important;
  }
  .g-mb-70--sm {
    margin-bottom: 5rem !important;
  }
  .g-mb-75--sm {
    margin-bottom: 5.35714rem !important;
  }
  .g-mb-80--sm {
    margin-bottom: 5.71429rem !important;
  }
  .g-mb-85--sm {
    margin-bottom: 6.07143rem !important;
  }
  .g-mb-90--sm {
    margin-bottom: 6.42857rem !important;
  }
  .g-mb-95--sm {
    margin-bottom: 6.78571rem !important;
  }
  .g-mb-100--sm {
    margin-bottom: 7.14286rem !important;
  }
  .g-mb-105--sm {
    margin-bottom: 7.5rem !important;
  }
  .g-mb-110--sm {
    margin-bottom: 7.85714rem !important;
  }
  .g-mb-115--sm {
    margin-bottom: 8.21429rem !important;
  }
  .g-mb-120--sm {
    margin-bottom: 8.57143rem !important;
  }
  .g-mb-125--sm {
    margin-bottom: 8.92857rem !important;
  }
  .g-mb-130--sm {
    margin-bottom: 9.28571rem !important;
  }
  .g-mb-135--sm {
    margin-bottom: 9.64286rem !important;
  }
  .g-mb-140--sm {
    margin-bottom: 10rem !important;
  }
  .g-mb-145--sm {
    margin-bottom: 10.35714rem !important;
  }
  .g-mb-150--sm {
    margin-bottom: 10.71429rem !important;
  }
  .g-mb-155--sm {
    margin-bottom: 11.07143rem !important;
  }
  .g-mb-160--sm {
    margin-bottom: 11.42857rem !important;
  }
  .g-mb-165--sm {
    margin-bottom: 11.78571rem !important;
  }
  .g-mb-170--sm {
    margin-bottom: 12.14286rem !important;
  }
  .g-ml-1--sm {
    margin-left: 0.07143rem !important;
  }
  .g-ml-minus-1--sm {
    margin-left: -0.07143rem !important;
  }
  .g-ml-2--sm {
    margin-left: 0.14286rem !important;
  }
  .g-ml-minus-2--sm {
    margin-left: -0.14286rem !important;
  }
  .g-ml-3--sm {
    margin-left: 0.21429rem !important;
  }
  .g-ml-minus-3--sm {
    margin-left: -0.21429rem !important;
  }
  .g-ml-4--sm {
    margin-left: 0.28571rem !important;
  }
  .g-ml-minus-4--sm {
    margin-left: -0.28571rem !important;
  }
  .g-ml-5--sm {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5--sm {
    margin-left: -0.35714rem !important;
  }
  .g-ml-6--sm {
    margin-left: 0.42857rem !important;
  }
  .g-ml-minus-6--sm {
    margin-left: -0.42857rem !important;
  }
  .g-ml-7--sm {
    margin-left: 0.5rem !important;
  }
  .g-ml-minus-7--sm {
    margin-left: -0.5rem !important;
  }
  .g-ml-8--sm {
    margin-left: 0.57143rem !important;
  }
  .g-ml-minus-8--sm {
    margin-left: -0.57143rem !important;
  }
  .g-ml-9--sm {
    margin-left: 0.64286rem !important;
  }
  .g-ml-minus-9--sm {
    margin-left: -0.64286rem !important;
  }
  .g-ml-10--sm {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10--sm {
    margin-left: -0.71429rem !important;
  }
  .g-ml-5--sm {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5--sm {
    margin-left: -0.35714rem !important;
  }
  .g-ml-10--sm {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10--sm {
    margin-left: -0.71429rem !important;
  }
  .g-ml-15--sm {
    margin-left: 1.07143rem !important;
  }
  .g-ml-minus-15--sm {
    margin-left: -1.07143rem !important;
  }
  .g-ml-20--sm {
    margin-left: 1.42857rem !important;
  }
  .g-ml-minus-20--sm {
    margin-left: -1.42857rem !important;
  }
  .g-ml-25--sm {
    margin-left: 1.78571rem !important;
  }
  .g-ml-minus-25--sm {
    margin-left: -1.78571rem !important;
  }
  .g-ml-30--sm {
    margin-left: 2.14286rem !important;
  }
  .g-ml-minus-30--sm {
    margin-left: -2.14286rem !important;
  }
  .g-ml-35--sm {
    margin-left: 2.5rem !important;
  }
  .g-ml-minus-35--sm {
    margin-left: -2.5rem !important;
  }
  .g-ml-40--sm {
    margin-left: 2.85714rem !important;
  }
  .g-ml-minus-40--sm {
    margin-left: -2.85714rem !important;
  }
  .g-ml-45--sm {
    margin-left: 3.21429rem !important;
  }
  .g-ml-minus-45--sm {
    margin-left: -3.21429rem !important;
  }
  .g-ml-50--sm {
    margin-left: 3.57143rem !important;
  }
  .g-ml-minus-50--sm {
    margin-left: -3.57143rem !important;
  }
  .g-mr-1--sm {
    margin-right: 0.07143rem !important;
  }
  .g-mr-minus-1--sm {
    margin-right: -0.07143rem !important;
  }
  .g-mr-2--sm {
    margin-right: 0.14286rem !important;
  }
  .g-mr-minus-2--sm {
    margin-right: -0.14286rem !important;
  }
  .g-mr-3--sm {
    margin-right: 0.21429rem !important;
  }
  .g-mr-minus-3--sm {
    margin-right: -0.21429rem !important;
  }
  .g-mr-4--sm {
    margin-right: 0.28571rem !important;
  }
  .g-mr-minus-4--sm {
    margin-right: -0.28571rem !important;
  }
  .g-mr-5--sm {
    margin-right: 0.35714rem !important;
  }
  .g-mr-minus-5--sm {
    margin-right: -0.35714rem !important;
  }
  .g-mr-6--sm {
    margin-right: 0.42857rem !important;
  }
  .g-mr-minus-6--sm {
    margin-right: -0.42857rem !important;
  }
  .g-mr-7--sm {
    margin-right: 0.5rem !important;
  }
  .g-mr-minus-7--sm {
    margin-right: -0.5rem !important;
  }
  .g-mr-8--sm {
    margin-right: 0.57143rem !important;
  }
  .g-mr-minus-8--sm {
    margin-right: -0.57143rem !important;
  }
  .g-mr-9--sm {
    margin-right: 0.64286rem !important;
  }
  .g-mr-minus-9--sm {
    margin-right: -0.64286rem !important;
  }
  .g-mr-10--sm {
    margin-right: 0.71429rem !important;
  }
  .g-mr-minus-10--sm {
    margin-right: -0.71429rem !important;
  }
  .g-mr-5--sm {
    margin-right: 0.35714rem !important;
  }
  .g-mr-10--sm {
    margin-right: 0.71429rem !important;
  }
  .g-mr-15--sm {
    margin-right: 1.07143rem !important;
  }
  .g-mr-20--sm {
    margin-right: 1.42857rem !important;
  }
  .g-mr-25--sm {
    margin-right: 1.78571rem !important;
  }
  .g-mr-30--sm {
    margin-right: 2.14286rem !important;
  }
  .g-mr-35--sm {
    margin-right: 2.5rem !important;
  }
  .g-mr-40--sm {
    margin-right: 2.85714rem !important;
  }
  .g-mr-45--sm {
    margin-right: 3.21429rem !important;
  }
  .g-mr-50--sm {
    margin-right: 3.57143rem !important;
  }
}

/* Margin Spaces (md)
------------------------------------*/
@media (min-width: 768px) {
  .g-ma-0--md {
    margin: 0 !important;
  }
  .g-mx-0--md {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .g-my-0--md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .g-ml-0--md {
    margin-left: 0 !important;
  }
  .g-mr-0--md {
    margin-right: 0 !important;
  }
  .g-mt-0--md {
    margin-top: 0 !important;
  }
  .g-mb-0--md {
    margin-bottom: 0 !important;
  }
  .g-mx-1--md {
    margin-left: 0.07143rem !important;
    margin-right: 0.07143rem !important;
  }
  .g-mx-2--md {
    margin-left: 0.14286rem !important;
    margin-right: 0.14286rem !important;
  }
  .g-mx-3--md {
    margin-left: 0.21429rem !important;
    margin-right: 0.21429rem !important;
  }
  .g-mx-4--md {
    margin-left: 0.28571rem !important;
    margin-right: 0.28571rem !important;
  }
  .g-mx-5--md {
    margin-left: 0.35714rem !important;
    margin-right: 0.35714rem !important;
  }
  .g-mx-6--md {
    margin-left: 0.42857rem !important;
    margin-right: 0.42857rem !important;
  }
  .g-mx-7--md {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .g-mx-8--md {
    margin-left: 0.57143rem !important;
    margin-right: 0.57143rem !important;
  }
  .g-mx-9--md {
    margin-left: 0.64286rem !important;
    margin-right: 0.64286rem !important;
  }
  .g-mx-10--md {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-10--md {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-15--md {
    margin-left: 1.07143rem !important;
    margin-right: 1.07143rem !important;
  }
  .g-mx-20--md {
    margin-left: 1.42857rem !important;
    margin-right: 1.42857rem !important;
  }
  .g-mx-25--md {
    margin-left: 1.78571rem !important;
    margin-right: 1.78571rem !important;
  }
  .g-mx-30--md {
    margin-left: 2.14286rem !important;
    margin-right: 2.14286rem !important;
  }
  .g-mx-35--md {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .g-mx-40--md {
    margin-left: 2.85714rem !important;
    margin-right: 2.85714rem !important;
  }
  .g-mx-45--md {
    margin-left: 3.21429rem !important;
    margin-right: 3.21429rem !important;
  }
  .g-mx-50--md {
    margin-left: 3.57143rem !important;
    margin-right: 3.57143rem !important;
  }
  .g-mx-55--md {
    margin-left: 3.92857rem !important;
    margin-right: 3.92857rem !important;
  }
  .g-mx-60--md {
    margin-left: 4.28571rem !important;
    margin-right: 4.28571rem !important;
  }
  .g-mx-65--md {
    margin-left: 4.64286rem !important;
    margin-right: 4.64286rem !important;
  }
  .g-mx-70--md {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .g-mx-75--md {
    margin-left: 5.35714rem !important;
    margin-right: 5.35714rem !important;
  }
  .g-mx-80--md {
    margin-left: 5.71429rem !important;
    margin-right: 5.71429rem !important;
  }
  .g-mx-85--md {
    margin-left: 6.07143rem !important;
    margin-right: 6.07143rem !important;
  }
  .g-mx-90--md {
    margin-left: 6.42857rem !important;
    margin-right: 6.42857rem !important;
  }
  .g-mx-95--md {
    margin-left: 6.78571rem !important;
    margin-right: 6.78571rem !important;
  }
  /* ฟิกย่อหน้า contact */
  .g-mx-100--md {
    margin-left: 17.14286rem !important;
    margin-right: 17.14286rem !important;
  }
  .g-my-1--md {
    margin-top: 0.07143rem !important;
    margin-bottom: 0.07143rem !important;
  }
  .g-my-2--md {
    margin-top: 0.14286rem !important;
    margin-bottom: 0.14286rem !important;
  }
  .g-my-3--md {
    margin-top: 0.21429rem !important;
    margin-bottom: 0.21429rem !important;
  }
  .g-my-4--md {
    margin-top: 0.28571rem !important;
    margin-bottom: 0.28571rem !important;
  }
  .g-my-5--md {
    margin-top: 0.35714rem !important;
    margin-bottom: 0.35714rem !important;
  }
  .g-my-6--md {
    margin-top: 0.42857rem !important;
    margin-bottom: 0.42857rem !important;
  }
  .g-my-7--md {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .g-my-8--md {
    margin-top: 0.57143rem !important;
    margin-bottom: 0.57143rem !important;
  }
  .g-my-9--md {
    margin-top: 0.64286rem !important;
    margin-bottom: 0.64286rem !important;
  }
  .g-my-10--md {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-10--md {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-15--md {
    margin-top: 1.07143rem !important;
    margin-bottom: 1.07143rem !important;
  }
  .g-my-20--md {
    margin-top: 1.42857rem !important;
    margin-bottom: 1.42857rem !important;
  }
  .g-my-25--md {
    margin-top: 1.78571rem !important;
    margin-bottom: 1.78571rem !important;
  }
  .g-my-30--md {
    margin-top: 2.14286rem !important;
    margin-bottom: 2.14286rem !important;
  }
  .g-my-35--md {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .g-my-40--md {
    margin-top: 2.85714rem !important;
    margin-bottom: 2.85714rem !important;
  }
  .g-my-45--md {
    margin-top: 3.21429rem !important;
    margin-bottom: 3.21429rem !important;
  }
  .g-my-50--md {
    margin-top: 3.57143rem !important;
    margin-bottom: 3.57143rem !important;
  }
  .g-my-55--md {
    margin-top: 3.92857rem !important;
    margin-bottom: 3.92857rem !important;
  }
  .g-my-60--md {
    margin-top: 4.28571rem !important;
    margin-bottom: 4.28571rem !important;
  }
  .g-my-65--md {
    margin-top: 4.64286rem !important;
    margin-bottom: 4.64286rem !important;
  }
  .g-my-70--md {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .g-my-75--md {
    margin-top: 5.35714rem !important;
    margin-bottom: 5.35714rem !important;
  }
  .g-my-80--md {
    margin-top: 5.71429rem !important;
    margin-bottom: 5.71429rem !important;
  }
  .g-my-85--md {
    margin-top: 6.07143rem !important;
    margin-bottom: 6.07143rem !important;
  }
  .g-my-90--md {
    margin-top: 6.42857rem !important;
    margin-bottom: 6.42857rem !important;
  }
  .g-my-95--md {
    margin-top: 6.78571rem !important;
    margin-bottom: 6.78571rem !important;
  }
  .g-my-100--md {
    margin-top: 7.14286rem !important;
    margin-bottom: 7.14286rem !important;
  }
  .g-my-150--md {
    margin-top: 15.14286rem !important;
    margin-bottom: 15.14286rem !important;
  }
  .g-mt-1--md {
    margin-top: 0.07143rem !important;
  }
  .g-mt-minus-1--md {
    margin-top: -0.07143rem !important;
  }
  .g-mt-2--md {
    margin-top: 0.14286rem !important;
  }
  .g-mt-minus-2--md {
    margin-top: -0.14286rem !important;
  }
  .g-mt-3--md {
    margin-top: 0.21429rem !important;
  }
  .g-mt-minus-3--md {
    margin-top: -0.21429rem !important;
  }
  .g-mt-4--md {
    margin-top: 0.28571rem !important;
  }
  .g-mt-minus-4--md {
    margin-top: -0.28571rem !important;
  }
  .g-mt-5--md {
    margin-top: 0.35714rem !important;
  }
  .g-mt-minus-5--md {
    margin-top: -0.35714rem !important;
  }
  .g-mt-6--md {
    margin-top: 0.42857rem !important;
  }
  .g-mt-minus-6--md {
    margin-top: -0.42857rem !important;
  }
  .g-mt-7--md {
    margin-top: 0.5rem !important;
  }
  .g-mt-minus-7--md {
    margin-top: -0.5rem !important;
  }
  .g-mt-8--md {
    margin-top: 0.57143rem !important;
  }
  .g-mt-minus-8--md {
    margin-top: -0.57143rem !important;
  }
  .g-mt-9--md {
    margin-top: 0.64286rem !important;
  }
  .g-mt-minus-9--md {
    margin-top: -0.64286rem !important;
  }
  .g-mt-10--md {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10--md {
    margin-top: -0.71429rem !important;
  }
  .g-mt-11--md {
    margin-top: 0.78571rem !important;
  }
  .g-mt-minus-11--md {
    margin-top: -0.78571rem !important;
  }
  .g-mt-12--md {
    margin-top: 0.85714rem !important;
  }
  .g-mt-minus-12--md {
    margin-top: -0.85714rem !important;
  }
  .g-mt-13--md {
    margin-top: 0.92857rem !important;
  }
  .g-mt-minus-13--md {
    margin-top: -0.92857rem !important;
  }
  .g-mt-14--md {
    margin-top: 1rem !important;
  }
  .g-mt-minus-14--md {
    margin-top: -1rem !important;
  }
  .g-mt-15--md {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15--md {
    margin-top: -1.07143rem !important;
  }
  .g-mt-16--md {
    margin-top: 1.14286rem !important;
  }
  .g-mt-minus-16--md {
    margin-top: -1.14286rem !important;
  }
  .g-mt-17--md {
    margin-top: 1.21429rem !important;
  }
  .g-mt-minus-17--md {
    margin-top: -1.21429rem !important;
  }
  .g-mt-18--md {
    margin-top: 1.28571rem !important;
  }
  .g-mt-minus-18--md {
    margin-top: -1.28571rem !important;
  }
  .g-mt-19--md {
    margin-top: 1.35714rem !important;
  }
  .g-mt-minus-19--md {
    margin-top: -1.35714rem !important;
  }
  .g-mt-20--md {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20--md {
    margin-top: -1.42857rem !important;
  }
  .g-mt-10--md {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10--md {
    margin-top: -0.71429rem !important;
  }
  .g-mt-15--md {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15--md {
    margin-top: -1.07143rem !important;
  }
  .g-mt-20--md {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20--md {
    margin-top: -1.42857rem !important;
  }
  .g-mt-25--md {
    margin-top: 1.78571rem !important;
  }
  .g-mt-minus-25--md {
    margin-top: -1.78571rem !important;
  }
  .g-mt-30--md {
    margin-top: 2.14286rem !important;
  }
  .g-mt-minus-30--md {
    margin-top: -2.14286rem !important;
  }
  .g-mt-35--md {
    margin-top: 2.5rem !important;
  }
  .g-mt-minus-35--md {
    margin-top: -2.5rem !important;
  }
  .g-mt-40--md {
    margin-top: 2.85714rem !important;
  }
  .g-mt-minus-40--md {
    margin-top: -2.85714rem !important;
  }
  .g-mt-45--md {
    margin-top: 3.21429rem !important;
  }
  .g-mt-minus-45--md {
    margin-top: -3.21429rem !important;
  }
  .g-mt-50--md {
    margin-top: 3.57143rem !important;
  }
  .g-mt-minus-50--md {
    margin-top: -3.57143rem !important;
  }
  .g-mt-55--md {
    margin-top: 3.92857rem !important;
  }
  .g-mt-minus-55--md {
    margin-top: -3.92857rem !important;
  }
  .g-mt-60--md {
    margin-top: 4.28571rem !important;
  }
  .g-mt-minus-60--md {
    margin-top: -4.28571rem !important;
  }
  .g-mt-65--md {
    margin-top: 4.64286rem !important;
  }
  .g-mt-minus-65--md {
    margin-top: -4.64286rem !important;
  }
  .g-mt-70--md {
    margin-top: 5rem !important;
  }
  .g-mt-minus-70--md {
    margin-top: -5rem !important;
  }
  .g-mt-75--md {
    margin-top: 5.35714rem !important;
  }
  .g-mt-minus-75--md {
    margin-top: -5.35714rem !important;
  }
  .g-mt-80--md {
    margin-top: 5.71429rem !important;
  }
  .g-mt-minus-80--md {
    margin-top: -5.71429rem !important;
  }
  .g-mt-85--md {
    margin-top: 6.07143rem !important;
  }
  .g-mt-minus-85--md {
    margin-top: -6.07143rem !important;
  }
  .g-mt-90--md {
    margin-top: 6.42857rem !important;
  }
  .g-mt-minus-90--md {
    margin-top: -6.42857rem !important;
  }
  .g-mt-95--md {
    margin-top: 6.78571rem !important;
  }
  .g-mt-minus-95--md {
    margin-top: -6.78571rem !important;
  }
  .g-mt-100--md {
    margin-top: 7.14286rem !important;
  }
  .g-mt-minus-100--md {
    margin-top: -7.14286rem !important;
  }
  .g-mt-105--md {
    /*margin-top: 7.5rem !important;*/
    margin-top: 5rem !important;
  }
  .g-mt-minus-105--md {
    margin-top: -7.5rem !important;
  }
  .g-mt-110--md {
    margin-top: 7.85714rem !important;
  }
  .g-mt-minus-110--md {
    margin-top: -7.85714rem !important;
  }
  .g-mt-115--md {
    margin-top: 8.21429rem !important;
  }
  .g-mt-minus-115--md {
    margin-top: -8.21429rem !important;
  }
  .g-mt-120--md {
    margin-top: 8.57143rem !important;
  }
  .g-mt-minus-120--md {
    margin-top: -8.57143rem !important;
  }
  .g-mt-125--md {
    margin-top: 8.92857rem !important;
  }
  .g-mt-minus-125--md {
    margin-top: -8.92857rem !important;
  }
  .g-mt-130--md {
    margin-top: 9.28571rem !important;
  }
  .g-mt-minus-130--md {
    margin-top: -9.28571rem !important;
  }
  .g-mt-135--md {
    margin-top: 9.64286rem !important;
  }
  .g-mt-minus-135--md {
    margin-top: -9.64286rem !important;
  }
  .g-mt-140--md {
    margin-top: 10rem !important;
  }
  .g-mt-minus-140--md {
    margin-top: -10rem !important;
  }
  .g-mt-145--md {
    margin-top: 10.35714rem !important;
  }
  .g-mt-minus-145--md {
    margin-top: -10.35714rem !important;
  }
  .g-mt-150--md {
    margin-top: 10.71429rem !important;
  }
  .g-mt-minus-150--md {
    margin-top: -10.71429rem !important;
  }
  .g-mt-155--md {
    margin-top: 11.07143rem !important;
  }
  .g-mt-minus-155--md {
    margin-top: -11.07143rem !important;
  }
  .g-mt-160--md {
    margin-top: 15.42857rem !important;
  }
  .g-mt-minus-160--md {
    margin-top: -11.42857rem !important;
  }
  .g-mt-165--md {
    margin-top: 18.78571rem !important;
  }
  .g-mt-minus-165--md {
    margin-top: -11.78571rem !important;
  }
  /*ฟิกหัวข้อในหน้าแรกไว้*/
  .g-mt-170--md {
    margin-top: 35.14286rem !important;
  }
  .g-mt-minus-170--md {
    margin-top: -12.14286rem !important;
  }
  .g-mb-1--md {
    margin-bottom: 0.07143rem !important;
  }
  .g-mb-minus-1--md {
    margin-bottom: -0.07143rem !important;
  }
  .g-mb-2--md {
    margin-bottom: 0.14286rem !important;
  }
  .g-mb-minus-2--md {
    margin-bottom: -0.14286rem !important;
  }
  .g-mb-3--md {
    margin-bottom: 0.21429rem !important;
  }
  .g-mb-minus-3--md {
    margin-bottom: -0.21429rem !important;
  }
  .g-mb-4--md {
    margin-bottom: 0.28571rem !important;
  }
  .g-mb-minus-4--md {
    margin-bottom: -0.28571rem !important;
  }
  .g-mb-5--md {
    margin-bottom: 0.35714rem !important;
  }
  .g-mb-minus-5--md {
    margin-bottom: -0.35714rem !important;
  }
  .g-mb-6--md {
    margin-bottom: 0.42857rem !important;
  }
  .g-mb-minus-6--md {
    margin-bottom: -0.42857rem !important;
  }
  .g-mb-7--md {
    margin-bottom: 0.5rem !important;
  }
  .g-mb-minus-7--md {
    margin-bottom: -0.5rem !important;
  }
  .g-mb-8--md {
    margin-bottom: 0.57143rem !important;
  }
  .g-mb-minus-8--md {
    margin-bottom: -0.57143rem !important;
  }
  .g-mb-9--md {
    margin-bottom: 0.64286rem !important;
  }
  .g-mb-minus-9--md {
    margin-bottom: -0.64286rem !important;
  }
  .g-mb-10--md {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-minus-10--md {
    margin-bottom: -0.71429rem !important;
  }
  .g-mb-11--md {
    margin-bottom: 0.78571rem !important;
  }
  .g-mb-minus-11--md {
    margin-bottom: -0.78571rem !important;
  }
  .g-mb-12--md {
    margin-bottom: 0.85714rem !important;
  }
  .g-mb-minus-12--md {
    margin-bottom: -0.85714rem !important;
  }
  .g-mb-13--md {
    margin-bottom: 0.92857rem !important;
  }
  .g-mb-minus-13--md {
    margin-bottom: -0.92857rem !important;
  }
  .g-mb-14--md {
    margin-bottom: 1rem !important;
  }
  .g-mb-minus-14--md {
    margin-bottom: -1rem !important;
  }
  .g-mb-15--md {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-minus-15--md {
    margin-bottom: -1.07143rem !important;
  }
  .g-mb-16--md {
    margin-bottom: 1.14286rem !important;
  }
  .g-mb-minus-16--md {
    margin-bottom: -1.14286rem !important;
  }
  .g-mb-17--md {
    margin-bottom: 1.21429rem !important;
  }
  .g-mb-minus-17--md {
    margin-bottom: -1.21429rem !important;
  }
  .g-mb-18--md {
    margin-bottom: 1.28571rem !important;
  }
  .g-mb-minus-18--md {
    margin-bottom: -1.28571rem !important;
  }
  .g-mb-19--md {
    margin-bottom: 1.35714rem !important;
  }
  .g-mb-minus-19--md {
    margin-bottom: -1.35714rem !important;
  }
  .g-mb-20--md {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-minus-20--md {
    margin-bottom: -1.42857rem !important;
  }
  .g-mb-10--md {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-15--md {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-20--md {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-25--md {
    margin-bottom: 1.78571rem !important;
  }
  .g-mb-30--md {
    margin-bottom: 2.14286rem !important;
  }
  .g-mb-35--md {
    margin-bottom: 2.5rem !important;
  }
  .g-mb-40--md {
    margin-bottom: 2.85714rem !important;
  }
  .g-mb-45--md {
    margin-bottom: 3.21429rem !important;
  }
  .g-mb-50--md {
    margin-bottom: 3.57143rem !important;
  }
  .g-mb-55--md {
    margin-bottom: 3.92857rem !important;
  }
  .g-mb-60--md {
    margin-bottom: 4.28571rem !important;
  }
  .g-mb-65--md {
    margin-bottom: 4.64286rem !important;
  }
  .g-mb-70--md {
    margin-bottom: 5rem !important;
  }
  .g-mb-75--md {
    margin-bottom: 5.35714rem !important;
  }
  .g-mb-80--md {
    margin-bottom: 5.71429rem !important;
  }
  .g-mb-85--md {
    margin-bottom: 6.07143rem !important;
  }
  .g-mb-90--md {
    margin-bottom: 6.42857rem !important;
  }
  .g-mb-95--md {
    margin-bottom: 6.78571rem !important;
  }
  .g-mb-100--md {
    margin-bottom: 7.14286rem !important;
  }
  .g-mb-105--md {
    margin-bottom: 7.5rem !important;
  }
  .g-mb-110--md {
    margin-bottom: 7.85714rem !important;
  }
  .g-mb-115--md {
    margin-bottom: 8.21429rem !important;
  }
  .g-mb-120--md {
    margin-bottom: 8.57143rem !important;
  }
  .g-mb-125--md {
    margin-bottom: 8.92857rem !important;
  }
  .g-mb-130--md {
    margin-bottom: 9.28571rem !important;
  }
  .g-mb-135--md {
    margin-bottom: 9.64286rem !important;
  }
  .g-mb-140--md {
    margin-bottom: 10rem !important;
  }
  .g-mb-145--md {
    margin-bottom: 10.35714rem !important;
  }
  .g-mb-150--md {
    margin-bottom: 10.71429rem !important;
  }
  .g-mb-155--md {
    margin-bottom: 11.07143rem !important;
  }
  .g-mb-160--md {
    margin-bottom: 11.42857rem !important;
  }
  .g-mb-165--md {
    margin-bottom: 11.78571rem !important;
  }
  .g-mb-170--md {
    margin-bottom: 12.14286rem !important;
  }
  .g-ml-1--md {
    margin-left: 0.07143rem !important;
  }
  .g-ml-minus-1--md {
    margin-left: -0.07143rem !important;
  }
  .g-ml-2--md {
    margin-left: 0.14286rem !important;
  }
  .g-ml-minus-2--md {
    margin-left: -0.14286rem !important;
  }
  .g-ml-3--md {
    margin-left: 0.21429rem !important;
  }
  .g-ml-minus-3--md {
    margin-left: -0.21429rem !important;
  }
  .g-ml-4--md {
    margin-left: 0.28571rem !important;
  }
  .g-ml-minus-4--md {
    margin-left: -0.28571rem !important;
  }
  .g-ml-5--md {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5--md {
    margin-left: -0.35714rem !important;
  }
  .g-ml-6--md {
    margin-left: 0.42857rem !important;
  }
  .g-ml-minus-6--md {
    margin-left: -0.42857rem !important;
  }
  .g-ml-7--md {
    margin-left: 0.5rem !important;
  }
  .g-ml-minus-7--md {
    margin-left: -0.5rem !important;
  }
  .g-ml-8--md {
    margin-left: 0.57143rem !important;
  }
  .g-ml-minus-8--md {
    margin-left: -0.57143rem !important;
  }
  .g-ml-9--md {
    margin-left: 0.64286rem !important;
  }
  .g-ml-minus-9--md {
    margin-left: -0.64286rem !important;
  }
  .g-ml-10--md {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10--md {
    margin-left: -0.71429rem !important;
  }
  .g-ml-5--md {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5--md {
    margin-left: -0.35714rem !important;
  }
  .g-ml-10--md {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10--md {
    margin-left: -0.71429rem !important;
  }
  .g-ml-15--md {
    margin-left: 1.07143rem !important;
  }
  .g-ml-minus-15--md {
    margin-left: -1.07143rem !important;
  }
  .g-ml-20--md {
    margin-left: 1.42857rem !important;
  }
  .g-ml-minus-20--md {
    margin-left: -1.42857rem !important;
  }
  .g-ml-25--md {
    margin-left: 1.78571rem !important;
  }
  .g-ml-minus-25--md {
    margin-left: -1.78571rem !important;
  }
  .g-ml-30--md {
    margin-left: 2.14286rem !important;
  }
  .g-ml-minus-30--md {
    margin-left: -2.14286rem !important;
  }
  .g-ml-35--md {
    margin-left: 2.5rem !important;
  }
  .g-ml-minus-35--md {
    margin-left: -2.5rem !important;
  }
  .g-ml-40--md {
    margin-left: 2.85714rem !important;
  }
  .g-ml-minus-40--md {
    margin-left: -2.85714rem !important;
  }
  .g-ml-45--md {
    margin-left: 3.21429rem !important;
  }
  .g-ml-minus-45--md {
    margin-left: -3.21429rem !important;
  }
  .g-ml-50--md {
    margin-left: 3.57143rem !important;
  }
  .g-ml-minus-50--md {
    margin-left: -3.57143rem !important;
  }
  .g-mr-1--md {
    margin-right: 0.07143rem !important;
  }
  .g-mr-minus-1--md {
    margin-right: -0.07143rem !important;
  }
  .g-mr-2--md {
    margin-right: 0.14286rem !important;
  }
  .g-mr-minus-2--md {
    margin-right: -0.14286rem !important;
  }
  .g-mr-3--md {
    margin-right: 0.21429rem !important;
  }
  .g-mr-minus-3--md {
    margin-right: -0.21429rem !important;
  }
  .g-mr-4--md {
    margin-right: 0.28571rem !important;
  }
  .g-mr-minus-4--md {
    margin-right: -0.28571rem !important;
  }
  .g-mr-5--md {
    margin-right: 0.35714rem !important;
  }
  .g-mr-minus-5--md {
    margin-right: -0.35714rem !important;
  }
  .g-mr-6--md {
    margin-right: 0.42857rem !important;
  }
  .g-mr-minus-6--md {
    margin-right: -0.42857rem !important;
  }
  .g-mr-7--md {
    margin-right: 0.5rem !important;
  }
  .g-mr-minus-7--md {
    margin-right: -0.5rem !important;
  }
  .g-mr-8--md {
    margin-right: 0.57143rem !important;
  }
  .g-mr-minus-8--md {
    margin-right: -0.57143rem !important;
  }
  .g-mr-9--md {
    margin-right: 0.64286rem !important;
  }
  .g-mr-minus-9--md {
    margin-right: -0.64286rem !important;
  }
  .g-mr-10--md {
    margin-right: 0.71429rem !important;
  }
  .g-mr-minus-10--md {
    margin-right: -0.71429rem !important;
  }
  .g-mr-5--md {
    margin-right: 0.35714rem !important;
  }
  .g-mr-10--md {
    margin-right: 0.71429rem !important;
  }
  .g-mr-15--md {
    margin-right: 1.07143rem !important;
  }
  .g-mr-20--md {
    margin-right: 1.42857rem !important;
  }
  .g-mr-25--md {
    margin-right: 1.78571rem !important;
  }
  .g-mr-30--md {
    margin-right: 2.14286rem !important;
  }
  .g-mr-35--md {
    margin-right: 2.5rem !important;
  }
  .g-mr-40--md {
    margin-right: 2.85714rem !important;
  }
  .g-mr-45--md {
    margin-right: 3.21429rem !important;
  }
  .g-mr-50--md {
    margin-right: 3.57143rem !important;
  }
}

/* Margin Spaces (lg)
------------------------------------*/
@media (min-width: 992px) {
  .g-ma-0--lg {
    margin: 0 !important;
  }
  .g-mx-0--lg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .g-my-0--lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .g-ml-0--lg {
    margin-left: 0 !important;
  }
  .g-mr-0--lg {
    margin-right: 0 !important;
  }
  .g-mt-0--lg {
    margin-top: 0 !important;
  }
  .g-mb-0--lg {
    margin-bottom: 0 !important;
  }
  .g-mx-1--lg {
    margin-left: 0.07143rem !important;
    margin-right: 0.07143rem !important;
  }
  .g-mx-2--lg {
    margin-left: 0.14286rem !important;
    margin-right: 0.14286rem !important;
  }
  .g-mx-3--lg {
    margin-left: 0.21429rem !important;
    margin-right: 0.21429rem !important;
  }
  .g-mx-4--lg {
    margin-left: 0.28571rem !important;
    margin-right: 0.28571rem !important;
  }
  .g-mx-5--lg {
    margin-left: 0.35714rem !important;
    margin-right: 0.35714rem !important;
  }
  .g-mx-6--lg {
    margin-left: 0.42857rem !important;
    margin-right: 0.42857rem !important;
  }
  .g-mx-7--lg {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .g-mx-8--lg {
    margin-left: 0.57143rem !important;
    margin-right: 0.57143rem !important;
  }
  .g-mx-9--lg {
    margin-left: 0.64286rem !important;
    margin-right: 0.64286rem !important;
  }
  .g-mx-10--lg {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-10--lg {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-15--lg {
    margin-left: 1.07143rem !important;
    margin-right: 1.07143rem !important;
  }
  .g-mx-20--lg {
    margin-left: 1.42857rem !important;
    margin-right: 1.42857rem !important;
  }
  .g-mx-25--lg {
    margin-left: 1.78571rem !important;
    margin-right: 1.78571rem !important;
  }
  .g-mx-30--lg {
    margin-left: 2.14286rem !important;
    margin-right: 2.14286rem !important;
  }
  .g-mx-35--lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .g-mx-40--lg {
    margin-left: 2.85714rem !important;
    margin-right: 2.85714rem !important;
  }
  .g-mx-45--lg {
    margin-left: 3.21429rem !important;
    margin-right: 3.21429rem !important;
  }
  .g-mx-50--lg {
    margin-left: 3.57143rem !important;
    margin-right: 3.57143rem !important;
  }
  .g-mx-55--lg {
    margin-left: 3.92857rem !important;
    margin-right: 3.92857rem !important;
  }
  .g-mx-60--lg {
    margin-left: 4.28571rem !important;
    margin-right: 4.28571rem !important;
  }
  .g-mx-65--lg {
    margin-left: 4.64286rem !important;
    margin-right: 4.64286rem !important;
  }
  .g-mx-70--lg {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .g-mx-75--lg {
    margin-left: 5.35714rem !important;
    margin-right: 5.35714rem !important;
  }
  .g-mx-80--lg {
    margin-left: 5.71429rem !important;
    margin-right: 5.71429rem !important;
  }
  .g-mx-85--lg {
    margin-left: 6.07143rem !important;
    margin-right: 6.07143rem !important;
  }
  .g-mx-90--lg {
    margin-left: 6.42857rem !important;
    margin-right: 6.42857rem !important;
  }
  .g-mx-95--lg {
    margin-left: 6.78571rem !important;
    margin-right: 6.78571rem !important;
  }
  .g-mx-100--lg {
    margin-left: 7.14286rem !important;
    margin-right: 7.14286rem !important;
  }
  .g-my-1--lg {
    margin-top: 0.07143rem !important;
    margin-bottom: 0.07143rem !important;
  }
  .g-my-2--lg {
    margin-top: 0.14286rem !important;
    margin-bottom: 0.14286rem !important;
  }
  .g-my-3--lg {
    margin-top: 0.21429rem !important;
    margin-bottom: 0.21429rem !important;
  }
  .g-my-4--lg {
    margin-top: 0.28571rem !important;
    margin-bottom: 0.28571rem !important;
  }
  .g-my-5--lg {
    margin-top: 0.35714rem !important;
    margin-bottom: 0.35714rem !important;
  }
  .g-my-6--lg {
    margin-top: 0.42857rem !important;
    margin-bottom: 0.42857rem !important;
  }
  .g-my-7--lg {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .g-my-8--lg {
    margin-top: 0.57143rem !important;
    margin-bottom: 0.57143rem !important;
  }
  .g-my-9--lg {
    margin-top: 0.64286rem !important;
    margin-bottom: 0.64286rem !important;
  }
  .g-my-10--lg {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-10--lg {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-15--lg {
    margin-top: 1.07143rem !important;
    margin-bottom: 1.07143rem !important;
  }
  .g-my-20--lg {
    margin-top: 1.42857rem !important;
    margin-bottom: 1.42857rem !important;
  }
  .g-my-25--lg {
    margin-top: 1.78571rem !important;
    margin-bottom: 1.78571rem !important;
  }
  .g-my-30--lg {
    margin-top: 2.14286rem !important;
    margin-bottom: 2.14286rem !important;
  }
  .g-my-35--lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .g-my-40--lg {
    margin-top: 2.85714rem !important;
    margin-bottom: 2.85714rem !important;
  }
  .g-my-45--lg {
    margin-top: 3.21429rem !important;
    margin-bottom: 3.21429rem !important;
  }
  .g-my-50--lg {
    margin-top: 3.57143rem !important;
    margin-bottom: 3.57143rem !important;
  }
  .g-my-55--lg {
    margin-top: 3.92857rem !important;
    margin-bottom: 3.92857rem !important;
  }
  .g-my-60--lg {
    margin-top: 4.28571rem !important;
    margin-bottom: 4.28571rem !important;
  }
  .g-my-65--lg {
    margin-top: 4.64286rem !important;
    margin-bottom: 4.64286rem !important;
  }
  .g-my-70--lg {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .g-my-75--lg {
    margin-top: 5.35714rem !important;
    margin-bottom: 5.35714rem !important;
  }
  .g-my-80--lg {
    margin-top: 5.71429rem !important;
    margin-bottom: 5.71429rem !important;
  }
  .g-my-85--lg {
    margin-top: 6.07143rem !important;
    margin-bottom: 6.07143rem !important;
  }
  .g-my-90--lg {
    margin-top: 6.42857rem !important;
    margin-bottom: 6.42857rem !important;
  }
  .g-my-95--lg {
    margin-top: 6.78571rem !important;
    margin-bottom: 6.78571rem !important;
  }
  .g-my-100--lg {
    margin-top: 7.14286rem !important;
    margin-bottom: 7.14286rem !important;
  }
  .g-mt-1--lg {
    margin-top: 0.07143rem !important;
  }
  .g-mt-minus-1--lg {
    margin-top: -0.07143rem !important;
  }
  .g-mt-2--lg {
    margin-top: 0.14286rem !important;
  }
  .g-mt-minus-2--lg {
    margin-top: -0.14286rem !important;
  }
  .g-mt-3--lg {
    margin-top: 0.21429rem !important;
  }
  .g-mt-minus-3--lg {
    margin-top: -0.21429rem !important;
  }
  .g-mt-4--lg {
    margin-top: 0.28571rem !important;
  }
  .g-mt-minus-4--lg {
    margin-top: -0.28571rem !important;
  }
  .g-mt-5--lg {
    margin-top: 0.35714rem !important;
  }
  .g-mt-minus-5--lg {
    margin-top: -0.35714rem !important;
  }
  .g-mt-6--lg {
    margin-top: 0.42857rem !important;
  }
  .g-mt-minus-6--lg {
    margin-top: -0.42857rem !important;
  }
  .g-mt-7--lg {
    margin-top: 0.5rem !important;
  }
  .g-mt-minus-7--lg {
    margin-top: -0.5rem !important;
  }
  .g-mt-8--lg {
    margin-top: 0.57143rem !important;
  }
  .g-mt-minus-8--lg {
    margin-top: -0.57143rem !important;
  }
  .g-mt-9--lg {
    margin-top: 0.64286rem !important;
  }
  .g-mt-minus-9--lg {
    margin-top: -0.64286rem !important;
  }
  .g-mt-10--lg {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10--lg {
    margin-top: -0.71429rem !important;
  }
  .g-mt-11--lg {
    margin-top: 0.78571rem !important;
  }
  .g-mt-minus-11--lg {
    margin-top: -0.78571rem !important;
  }
  .g-mt-12--lg {
    margin-top: 0.85714rem !important;
  }
  .g-mt-minus-12--lg {
    margin-top: -0.85714rem !important;
  }
  .g-mt-13--lg {
    margin-top: 0.92857rem !important;
  }
  .g-mt-minus-13--lg {
    margin-top: -0.92857rem !important;
  }
  .g-mt-14--lg {
    margin-top: 1rem !important;
  }
  .g-mt-minus-14--lg {
    margin-top: -1rem !important;
  }
  .g-mt-15--lg {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15--lg {
    margin-top: -1.07143rem !important;
  }
  .g-mt-16--lg {
    margin-top: 1.14286rem !important;
  }
  .g-mt-minus-16--lg {
    margin-top: -1.14286rem !important;
  }
  .g-mt-17--lg {
    margin-top: 1.21429rem !important;
  }
  .g-mt-minus-17--lg {
    margin-top: -1.21429rem !important;
  }
  .g-mt-18--lg {
    margin-top: 1.28571rem !important;
  }
  .g-mt-minus-18--lg {
    margin-top: -1.28571rem !important;
  }
  .g-mt-19--lg {
    margin-top: 1.35714rem !important;
  }
  .g-mt-minus-19--lg {
    margin-top: -1.35714rem !important;
  }
  .g-mt-20--lg {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20--lg {
    margin-top: -1.42857rem !important;
  }
  .g-mt-10--lg {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10--lg {
    margin-top: -0.71429rem !important;
  }
  .g-mt-15--lg {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15--lg {
    margin-top: -1.07143rem !important;
  }
  .g-mt-20--lg {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20--lg {
    margin-top: -1.42857rem !important;
  }
  .g-mt-25--lg {
    margin-top: 1.78571rem !important;
  }
  .g-mt-minus-25--lg {
    margin-top: -1.78571rem !important;
  }
  .g-mt-30--lg {
    margin-top: 2.14286rem !important;
  }
  .g-mt-minus-30--lg {
    margin-top: -2.14286rem !important;
  }
  .g-mt-35--lg {
    margin-top: 2.5rem !important;
  }
  .g-mt-minus-35--lg {
    margin-top: -2.5rem !important;
  }
  .g-mt-40--lg {
    margin-top: 2.85714rem !important;
  }
  .g-mt-minus-40--lg {
    margin-top: -2.85714rem !important;
  }
  .g-mt-45--lg {
    margin-top: 3.21429rem !important;
  }
  .g-mt-minus-45--lg {
    margin-top: -3.21429rem !important;
  }
  .g-mt-50--lg {
    margin-top: 3.57143rem !important;
  }
  .g-mt-minus-50--lg {
    margin-top: -3.57143rem !important;
  }
  .g-mt-55--lg {
    margin-top: 3.92857rem !important;
  }
  .g-mt-minus-55--lg {
    margin-top: -3.92857rem !important;
  }
  .g-mt-60--lg {
    margin-top: 4.28571rem !important;
  }
  .g-mt-minus-60--lg {
    margin-top: -4.28571rem !important;
  }
  .g-mt-65--lg {
    margin-top: 4.64286rem !important;
  }
  .g-mt-minus-65--lg {
    margin-top: -4.64286rem !important;
  }
  .g-mt-70--lg {
    margin-top: 5rem !important;
  }
  .g-mt-minus-70--lg {
    margin-top: -5rem !important;
  }
  .g-mt-75--lg {
    margin-top: 5.35714rem !important;
  }
  .g-mt-minus-75--lg {
    margin-top: -5.35714rem !important;
  }
  .g-mt-80--lg {
    margin-top: 5.71429rem !important;
  }
  .g-mt-minus-80--lg {
    margin-top: -5.71429rem !important;
  }
  .g-mt-85--lg {
    margin-top: 6.07143rem !important;
  }
  .g-mt-minus-85--lg {
    margin-top: -6.07143rem !important;
  }
  .g-mt-90--lg {
    margin-top: 6.42857rem !important;
  }
  .g-mt-minus-90--lg {
    margin-top: -6.42857rem !important;
  }
  .g-mt-95--lg {
    margin-top: 6.78571rem !important;
  }
  .g-mt-minus-95--lg {
    margin-top: -6.78571rem !important;
  }
  .g-mt-100--lg {
    margin-top: 7.14286rem !important;
  }
  .g-mt-minus-100--lg {
    margin-top: -7.14286rem !important;
  }
  .g-mt-105--lg {
    margin-top: 7.5rem !important;
  }
  .g-mt-minus-105--lg {
    margin-top: -7.5rem !important;
  }
  .g-mt-110--lg {
    margin-top: 7.85714rem !important;
  }
  .g-mt-minus-110--lg {
    margin-top: -7.85714rem !important;
  }
  .g-mt-115--lg {
    margin-top: 8.21429rem !important;
  }
  .g-mt-minus-115--lg {
    margin-top: -8.21429rem !important;
  }
  .g-mt-120--lg {
    margin-top: 8.57143rem !important;
  }
  .g-mt-minus-120--lg {
    margin-top: -8.57143rem !important;
  }
  .g-mt-125--lg {
    margin-top: 8.92857rem !important;
  }
  .g-mt-minus-125--lg {
    margin-top: -8.92857rem !important;
  }
  .g-mt-130--lg {
    margin-top: 9.28571rem !important;
  }
  .g-mt-minus-130--lg {
    margin-top: -9.28571rem !important;
  }
  .g-mt-135--lg {
    margin-top: 9.64286rem !important;
  }
  .g-mt-minus-135--lg {
    margin-top: -9.64286rem !important;
  }
  .g-mt-140--lg {
    margin-top: 10rem !important;
  }
  .g-mt-minus-140--lg {
    margin-top: -10rem !important;
  }
  .g-mt-145--lg {
    margin-top: 10.35714rem !important;
  }
  .g-mt-minus-145--lg {
    margin-top: -10.35714rem !important;
  }
  .g-mt-150--lg {
    margin-top: 10.71429rem !important;
  }
  .g-mt-minus-150--lg {
    margin-top: -10.71429rem !important;
  }
  .g-mt-155--lg {
    margin-top: 11.07143rem !important;
  }
  .g-mt-minus-155--lg {
    margin-top: -11.07143rem !important;
  }
  .g-mt-160--lg {
    margin-top: 11.42857rem !important;
  }
  .g-mt-minus-160--lg {
    margin-top: -11.42857rem !important;
  }
  .g-mt-165--lg {
    margin-top: 11.78571rem !important;
  }
  .g-mt-minus-165--lg {
    margin-top: -11.78571rem !important;
  }
  .g-mt-170--lg {
    margin-top: 12.14286rem !important;
  }
  .g-mt-minus-170--lg {
    margin-top: -12.14286rem !important;
  }
  .g-mb-1--lg {
    margin-bottom: 0.07143rem !important;
  }
  .g-mb-minus-1--lg {
    margin-bottom: -0.07143rem !important;
  }
  .g-mb-2--lg {
    margin-bottom: 0.14286rem !important;
  }
  .g-mb-minus-2--lg {
    margin-bottom: -0.14286rem !important;
  }
  .g-mb-3--lg {
    margin-bottom: 0.21429rem !important;
  }
  .g-mb-minus-3--lg {
    margin-bottom: -0.21429rem !important;
  }
  .g-mb-4--lg {
    margin-bottom: 0.28571rem !important;
  }
  .g-mb-minus-4--lg {
    margin-bottom: -0.28571rem !important;
  }
  .g-mb-5--lg {
    margin-bottom: 0.35714rem !important;
  }
  .g-mb-minus-5--lg {
    margin-bottom: -0.35714rem !important;
  }
  .g-mb-6--lg {
    margin-bottom: 0.42857rem !important;
  }
  .g-mb-minus-6--lg {
    margin-bottom: -0.42857rem !important;
  }
  .g-mb-7--lg {
    margin-bottom: 0.5rem !important;
  }
  .g-mb-minus-7--lg {
    margin-bottom: -0.5rem !important;
  }
  .g-mb-8--lg {
    margin-bottom: 0.57143rem !important;
  }
  .g-mb-minus-8--lg {
    margin-bottom: -0.57143rem !important;
  }
  .g-mb-9--lg {
    margin-bottom: 0.64286rem !important;
  }
  .g-mb-minus-9--lg {
    margin-bottom: -0.64286rem !important;
  }
  .g-mb-10--lg {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-minus-10--lg {
    margin-bottom: -0.71429rem !important;
  }
  .g-mb-11--lg {
    margin-bottom: 0.78571rem !important;
  }
  .g-mb-minus-11--lg {
    margin-bottom: -0.78571rem !important;
  }
  .g-mb-12--lg {
    margin-bottom: 0.85714rem !important;
  }
  .g-mb-minus-12--lg {
    margin-bottom: -0.85714rem !important;
  }
  .g-mb-13--lg {
    margin-bottom: 0.92857rem !important;
  }
  .g-mb-minus-13--lg {
    margin-bottom: -0.92857rem !important;
  }
  .g-mb-14--lg {
    margin-bottom: 1rem !important;
  }
  .g-mb-minus-14--lg {
    margin-bottom: -1rem !important;
  }
  .g-mb-15--lg {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-minus-15--lg {
    margin-bottom: -1.07143rem !important;
  }
  .g-mb-16--lg {
    margin-bottom: 1.14286rem !important;
  }
  .g-mb-minus-16--lg {
    margin-bottom: -1.14286rem !important;
  }
  .g-mb-17--lg {
    margin-bottom: 1.21429rem !important;
  }
  .g-mb-minus-17--lg {
    margin-bottom: -1.21429rem !important;
  }
  .g-mb-18--lg {
    margin-bottom: 1.28571rem !important;
  }
  .g-mb-minus-18--lg {
    margin-bottom: -1.28571rem !important;
  }
  .g-mb-19--lg {
    margin-bottom: 1.35714rem !important;
  }
  .g-mb-minus-19--lg {
    margin-bottom: -1.35714rem !important;
  }
  .g-mb-20--lg {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-minus-20--lg {
    margin-bottom: -1.42857rem !important;
  }
  .g-mb-10--lg {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-15--lg {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-20--lg {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-25--lg {
    margin-bottom: 1.78571rem !important;
  }
  .g-mb-30--lg {
    margin-bottom: 2.14286rem !important;
  }
  .g-mb-35--lg {
    margin-bottom: 2.5rem !important;
  }
  .g-mb-40--lg {
    margin-bottom: 2.85714rem !important;
  }
  .g-mb-45--lg {
    margin-bottom: 3.21429rem !important;
  }
  .g-mb-50--lg {
    margin-bottom: 3.57143rem !important;
  }
  .g-mb-55--lg {
    margin-bottom: 3.92857rem !important;
  }
  .g-mb-60--lg {
    margin-bottom: 4.28571rem !important;
  }
  .g-mb-65--lg {
    margin-bottom: 4.64286rem !important;
  }
  .g-mb-70--lg {
    margin-bottom: 5rem !important;
  }
  .g-mb-75--lg {
    margin-bottom: 5.35714rem !important;
  }
  .g-mb-80--lg {
    margin-bottom: 5.71429rem !important;
  }
  .g-mb-85--lg {
    margin-bottom: 6.07143rem !important;
  }
  .g-mb-90--lg {
    margin-bottom: 6.42857rem !important;
  }
  .g-mb-95--lg {
    margin-bottom: 6.78571rem !important;
  }
  .g-mb-100--lg {
    margin-bottom: 7.14286rem !important;
  }
  .g-mb-105--lg {
    margin-bottom: 7.5rem !important;
  }
  .g-mb-110--lg {
    margin-bottom: 7.85714rem !important;
  }
  .g-mb-115--lg {
    margin-bottom: 8.21429rem !important;
  }
  .g-mb-120--lg {
    margin-bottom: 8.57143rem !important;
  }
  .g-mb-125--lg {
    margin-bottom: 8.92857rem !important;
  }
  .g-mb-130--lg {
    margin-bottom: 9.28571rem !important;
  }
  .g-mb-135--lg {
    margin-bottom: 9.64286rem !important;
  }
  .g-mb-140--lg {
    margin-bottom: 10rem !important;
  }
  .g-mb-145--lg {
    margin-bottom: 10.35714rem !important;
  }
  .g-mb-150--lg {
    margin-bottom: 10.71429rem !important;
  }
  .g-mb-155--lg {
    margin-bottom: 11.07143rem !important;
  }
  .g-mb-160--lg {
    margin-bottom: 11.42857rem !important;
  }
  .g-mb-165--lg {
    margin-bottom: 11.78571rem !important;
  }
  .g-mb-170--lg {
    margin-bottom: 12.14286rem !important;
  }
  .g-ml-1--lg {
    margin-left: 0.07143rem !important;
  }
  .g-ml-minus-1--lg {
    margin-left: -0.07143rem !important;
  }
  .g-ml-2--lg {
    margin-left: 0.14286rem !important;
  }
  .g-ml-minus-2--lg {
    margin-left: -0.14286rem !important;
  }
  .g-ml-3--lg {
    margin-left: 0.21429rem !important;
  }
  .g-ml-minus-3--lg {
    margin-left: -0.21429rem !important;
  }
  .g-ml-4--lg {
    margin-left: 0.28571rem !important;
  }
  .g-ml-minus-4--lg {
    margin-left: -0.28571rem !important;
  }
  .g-ml-5--lg {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5--lg {
    margin-left: -0.35714rem !important;
  }
  .g-ml-6--lg {
    margin-left: 0.42857rem !important;
  }
  .g-ml-minus-6--lg {
    margin-left: -0.42857rem !important;
  }
  .g-ml-7--lg {
    margin-left: 0.5rem !important;
  }
  .g-ml-minus-7--lg {
    margin-left: -0.5rem !important;
  }
  .g-ml-8--lg {
    margin-left: 0.57143rem !important;
  }
  .g-ml-minus-8--lg {
    margin-left: -0.57143rem !important;
  }
  .g-ml-9--lg {
    margin-left: 0.64286rem !important;
  }
  .g-ml-minus-9--lg {
    margin-left: -0.64286rem !important;
  }
  .g-ml-10--lg {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10--lg {
    margin-left: -0.71429rem !important;
  }
  .g-ml-5--lg {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5--lg {
    margin-left: -0.35714rem !important;
  }
  .g-ml-10--lg {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10--lg {
    margin-left: -0.71429rem !important;
  }
  .g-ml-15--lg {
    margin-left: 1.07143rem !important;
  }
  .g-ml-minus-15--lg {
    margin-left: -1.07143rem !important;
  }
  .g-ml-20--lg {
    margin-left: 1.42857rem !important;
  }
  .g-ml-minus-20--lg {
    margin-left: -1.42857rem !important;
  }
  .g-ml-25--lg {
    margin-left: 1.78571rem !important;
  }
  .g-ml-minus-25--lg {
    margin-left: -1.78571rem !important;
  }
  .g-ml-30--lg {
    margin-left: 2.14286rem !important;
  }
  .g-ml-minus-30--lg {
    margin-left: -2.14286rem !important;
  }
  .g-ml-35--lg {
    margin-left: 2.5rem !important;
  }
  .g-ml-minus-35--lg {
    margin-left: -2.5rem !important;
  }
  .g-ml-40--lg {
    margin-left: 2.85714rem !important;
  }
  .g-ml-minus-40--lg {
    margin-left: -2.85714rem !important;
  }
  .g-ml-45--lg {
    margin-left: 3.21429rem !important;
  }
  .g-ml-minus-45--lg {
    margin-left: -3.21429rem !important;
  }
  .g-ml-50--lg {
    margin-left: 10.57143rem !important;
  }
  .g-ml-minus-50--lg {
    margin-left: -2.9rem !important;
  }
  .g-mr-1--lg {
    margin-right: 0.07143rem !important;
  }
  .g-mr-minus-1--lg {
    margin-right: -0.07143rem !important;
  }
  .g-mr-2--lg {
    margin-right: 0.14286rem !important;
  }
  .g-mr-minus-2--lg {
    margin-right: -0.14286rem !important;
  }
  .g-mr-3--lg {
    margin-right: 0.21429rem !important;
  }
  .g-mr-minus-3--lg {
    margin-right: -0.21429rem !important;
  }
  .g-mr-4--lg {
    margin-right: 0.28571rem !important;
  }
  .g-mr-minus-4--lg {
    margin-right: -0.28571rem !important;
  }
  .g-mr-5--lg {
    margin-right: 0.35714rem !important;
  }
  .g-mr-minus-5--lg {
    margin-right: -0.35714rem !important;
  }
  .g-mr-6--lg {
    margin-right: 0.42857rem !important;
  }
  .g-mr-minus-6--lg {
    margin-right: -0.42857rem !important;
  }
  .g-mr-7--lg {
    margin-right: 0.5rem !important;
  }
  .g-mr-minus-7--lg {
    margin-right: -0.5rem !important;
  }
  .g-mr-8--lg {
    margin-right: 0.57143rem !important;
  }
  .g-mr-minus-8--lg {
    margin-right: -0.57143rem !important;
  }
  .g-mr-9--lg {
    margin-right: 0.64286rem !important;
  }
  .g-mr-minus-9--lg {
    margin-right: -0.64286rem !important;
  }
  .g-mr-10--lg {
    margin-right: 0.71429rem !important;
  }
  .g-mr-minus-10--lg {
    margin-right: -0.71429rem !important;
  }
  .g-mr-5--lg {
    margin-right: 0.35714rem !important;
  }
  .g-mr-10--lg {
    margin-right: 0.71429rem !important;
  }
  .g-mr-15--lg {
    margin-right: 1.07143rem !important;
  }
  .g-mr-20--lg {
    margin-right: 1.42857rem !important;
  }
  .g-mr-25--lg {
    margin-right: 1.78571rem !important;
  }
  .g-mr-30--lg {
    margin-right: 2.14286rem !important;
  }
  .g-mr-35--lg {
    margin-right: 2.5rem !important;
  }
  .g-mr-40--lg {
    margin-right: 2.85714rem !important;
  }
  .g-mr-45--lg {
    margin-right: 3.21429rem !important;
  }
  .g-mr-50--lg {
    margin-right: 3.57143rem !important;
  }
}

/* Margin Spaces (xl)
------------------------------------*/
/* P */
@media (min-width: 1200px) {
  .g-ma-0--xl {
    margin: 0 !important;
  }
  .g-mx-0--xl {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .g-my-0--xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .g-ml-0--xl {
    margin-left: 0 !important;
  }
  .g-mr-0--xl {
    margin-right: 0 !important;
  }
  .g-mt-0--xl {
    margin-top: 0 !important;
  }
  .g-mb-0--xl {
    margin-bottom: 0 !important;
  }
  .g-mx-1--xl {
    margin-left: 0.07143rem !important;
    margin-right: 0.07143rem !important;
  }
  .g-mx-2--xl {
    margin-left: 0.14286rem !important;
    margin-right: 0.14286rem !important;
  }
  .g-mx-3--xl {
    margin-left: 0.21429rem !important;
    margin-right: 0.21429rem !important;
  }
  .g-mx-4--xl {
    margin-left: 0.28571rem !important;
    margin-right: 0.28571rem !important;
  }
  .g-mx-5--xl {
    margin-left: 0.35714rem !important;
    margin-right: 0.35714rem !important;
  }
  .g-mx-6--xl {
    margin-left: 0.42857rem !important;
    margin-right: 0.42857rem !important;
  }
  .g-mx-7--xl {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .g-mx-8--xl {
    margin-left: 0.57143rem !important;
    margin-right: 0.57143rem !important;
  }
  .g-mx-9--xl {
    margin-left: 0.64286rem !important;
    margin-right: 0.64286rem !important;
  }
  .g-mx-10--xl {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-10--xl {
    margin-left: 0.71429rem !important;
    margin-right: 0.71429rem !important;
  }
  .g-mx-15--xl {
    margin-left: 1.07143rem !important;
    margin-right: 1.07143rem !important;
  }
  .g-mx-20--xl {
    margin-left: 1.42857rem !important;
    margin-right: 1.42857rem !important;
  }
  .g-mx-25--xl {
    margin-left: 1.78571rem !important;
    margin-right: 1.78571rem !important;
  }
  .g-mx-30--xl {
    margin-left: 2.14286rem !important;
    margin-right: 2.14286rem !important;
  }
  .g-mx-35--xl {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .g-mx-40--xl {
    margin-left: 2.85714rem !important;
    margin-right: 2.85714rem !important;
  }
  .g-mx-45--xl {
    margin-left: 3.21429rem !important;
    margin-right: 3.21429rem !important;
  }
  .g-mx-50--xl {
    margin-left: 3.57143rem !important;
    margin-right: 3.57143rem !important;
  }
  .g-mx-55--xl {
    margin-left: 3.92857rem !important;
    margin-right: 3.92857rem !important;
  }
  .g-mx-60--xl {
    margin-left: 4.28571rem !important;
    margin-right: 4.28571rem !important;
  }
  .g-mx-65--xl {
    margin-left: 4.64286rem !important;
    margin-right: 4.64286rem !important;
  }
  .g-mx-70--xl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .g-mx-75--xl {
    margin-left: 5.35714rem !important;
    margin-right: 5.35714rem !important;
  }
  .g-mx-80--xl {
    margin-left: 5.71429rem !important;
    margin-right: 5.71429rem !important;
  }
  .g-mx-85--xl {
    margin-left: 6.07143rem !important;
    margin-right: 6.07143rem !important;
  }
  .g-mx-90--xl {
    margin-left: 6.42857rem !important;
    margin-right: 6.42857rem !important;
  }
  .g-mx-95--xl {
    margin-left: 6.78571rem !important;
    margin-right: 6.78571rem !important;
  }
  .g-mx-100--xl {
    margin-left: 7.14286rem !important;
    margin-right: 7.14286rem !important;
  }
  .g-my-1--xl {
    margin-top: 0.07143rem !important;
    margin-bottom: 0.07143rem !important;
  }
  .g-my-2--xl {
    margin-top: 0.14286rem !important;
    margin-bottom: 0.14286rem !important;
  }
  .g-my-3--xl {
    margin-top: 0.21429rem !important;
    margin-bottom: 0.21429rem !important;
  }
  .g-my-4--xl {
    margin-top: 0.28571rem !important;
    margin-bottom: 0.28571rem !important;
  }
  .g-my-5--xl {
    margin-top: 0.35714rem !important;
    margin-bottom: 0.35714rem !important;
  }
  .g-my-6--xl {
    margin-top: 0.42857rem !important;
    margin-bottom: 0.42857rem !important;
  }
  .g-my-7--xl {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .g-my-8--xl {
    margin-top: 0.57143rem !important;
    margin-bottom: 0.57143rem !important;
  }
  .g-my-9--xl {
    margin-top: 0.64286rem !important;
    margin-bottom: 0.64286rem !important;
  }
  .g-my-10--xl {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-10--xl {
    margin-top: 0.71429rem !important;
    margin-bottom: 0.71429rem !important;
  }
  .g-my-15--xl {
    margin-top: 1.07143rem !important;
    margin-bottom: 1.07143rem !important;
  }
  .g-my-20--xl {
    margin-top: 1.42857rem !important;
    margin-bottom: 1.42857rem !important;
  }
  .g-my-25--xl {
    margin-top: 1.78571rem !important;
    margin-bottom: 1.78571rem !important;
  }
  .g-my-30--xl {
    margin-top: 2.14286rem !important;
    margin-bottom: 2.14286rem !important;
  }
  .g-my-35--xl {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .g-my-40--xl {
    margin-top: 2.85714rem !important;
    margin-bottom: 2.85714rem !important;
  }
  .g-my-45--xl {
    margin-top: 3.21429rem !important;
    margin-bottom: 3.21429rem !important;
  }
  .g-my-50--xl {
    margin-top: 3.57143rem !important;
    margin-bottom: 3.57143rem !important;
  }
  .g-my-55--xl {
    margin-top: 3.92857rem !important;
    margin-bottom: 3.92857rem !important;
  }
  .g-my-60--xl {
    margin-top: 4.28571rem !important;
    margin-bottom: 4.28571rem !important;
  }
  .g-my-65--xl {
    margin-top: 4.64286rem !important;
    margin-bottom: 4.64286rem !important;
  }
  .g-my-70--xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .g-my-75--xl {
    margin-top: 5.35714rem !important;
    margin-bottom: 5.35714rem !important;
  }
  .g-my-80--xl {
    margin-top: 5.71429rem !important;
    margin-bottom: 5.71429rem !important;
  }
  .g-my-85--xl {
    margin-top: 6.07143rem !important;
    margin-bottom: 6.07143rem !important;
  }
  .g-my-90--xl {
    margin-top: 6.42857rem !important;
    margin-bottom: 6.42857rem !important;
  }
  .g-my-95--xl {
    margin-top: 6.78571rem !important;
    margin-bottom: 6.78571rem !important;
  }
  .g-my-100--xl {
    margin-top: 7.14286rem !important;
    margin-bottom: 7.14286rem !important;
  }
  .g-mt-1--xl {
    margin-top: 0.07143rem !important;
  }
  .g-mt-minus-1--xl {
    margin-top: -0.07143rem !important;
  }
  .g-mt-2--xl {
    margin-top: 0.14286rem !important;
  }
  .g-mt-minus-2--xl {
    margin-top: -0.14286rem !important;
  }
  .g-mt-3--xl {
    margin-top: 0.21429rem !important;
  }
  .g-mt-minus-3--xl {
    margin-top: -0.21429rem !important;
  }
  .g-mt-4--xl {
    margin-top: 0.28571rem !important;
  }
  .g-mt-minus-4--xl {
    margin-top: -0.28571rem !important;
  }
  .g-mt-5--xl {
    margin-top: 0.35714rem !important;
  }
  .g-mt-minus-5--xl {
    margin-top: -0.35714rem !important;
  }
  .g-mt-6--xl {
    margin-top: 0.42857rem !important;
  }
  .g-mt-minus-6--xl {
    margin-top: -0.42857rem !important;
  }
  .g-mt-7--xl {
    margin-top: 0.5rem !important;
  }
  .g-mt-minus-7--xl {
    margin-top: -0.5rem !important;
  }
  .g-mt-8--xl {
    margin-top: 0.57143rem !important;
  }
  .g-mt-minus-8--xl {
    margin-top: -0.57143rem !important;
  }
  .g-mt-9--xl {
    margin-top: 0.64286rem !important;
  }
  .g-mt-minus-9--xl {
    margin-top: -0.64286rem !important;
  }
  .g-mt-10--xl {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10--xl {
    margin-top: -0.71429rem !important;
  }
  .g-mt-11--xl {
    margin-top: 0.78571rem !important;
  }
  .g-mt-minus-11--xl {
    margin-top: -0.78571rem !important;
  }
  .g-mt-12--xl {
    margin-top: 0.85714rem !important;
  }
  .g-mt-minus-12--xl {
    margin-top: -0.85714rem !important;
  }
  .g-mt-13--xl {
    margin-top: 0.92857rem !important;
  }
  .g-mt-minus-13--xl {
    margin-top: -0.92857rem !important;
  }
  .g-mt-14--xl {
    margin-top: 1rem !important;
  }
  .g-mt-minus-14--xl {
    margin-top: -1rem !important;
  }
  .g-mt-15--xl {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15--xl {
    margin-top: -1.07143rem !important;
  }
  .g-mt-16--xl {
    margin-top: 1.14286rem !important;
  }
  .g-mt-minus-16--xl {
    margin-top: -1.14286rem !important;
  }
  .g-mt-17--xl {
    margin-top: 1.21429rem !important;
  }
  .g-mt-minus-17--xl {
    margin-top: -1.21429rem !important;
  }
  .g-mt-18--xl {
    margin-top: 1.28571rem !important;
  }
  .g-mt-minus-18--xl {
    margin-top: -1.28571rem !important;
  }
  .g-mt-19--xl {
    margin-top: 1.35714rem !important;
  }
  .g-mt-minus-19--xl {
    margin-top: -1.35714rem !important;
  }
  .g-mt-20--xl {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20--xl {
    margin-top: -1.42857rem !important;
  }
  .g-mt-10--xl {
    margin-top: 0.71429rem !important;
  }
  .g-mt-minus-10--xl {
    margin-top: -0.71429rem !important;
  }
  .g-mt-15--xl {
    margin-top: 1.07143rem !important;
  }
  .g-mt-minus-15--xl {
    margin-top: -1.07143rem !important;
  }
  .g-mt-20--xl {
    margin-top: 1.42857rem !important;
  }
  .g-mt-minus-20--xl {
    margin-top: -1.42857rem !important;
  }
  .g-mt-25--xl {
    margin-top: 1.78571rem !important;
  }
  .g-mt-minus-25--xl {
    margin-top: -1.78571rem !important;
  }
  .g-mt-30--xl {
    margin-top: 2.14286rem !important;
  }
  .g-mt-minus-30--xl {
    margin-top: -2.14286rem !important;
  }
  .g-mt-35--xl {
    margin-top: 2.5rem !important;
  }
  .g-mt-minus-35--xl {
    margin-top: -2.5rem !important;
  }
  .g-mt-40--xl {
    margin-top: 2.85714rem !important;
  }
  .g-mt-minus-40--xl {
    margin-top: -2.85714rem !important;
  }
  .g-mt-45--xl {
    margin-top: 3.21429rem !important;
  }
  .g-mt-minus-45--xl {
    margin-top: -3.21429rem !important;
  }
  .g-mt-50--xl {
    margin-top: 3.57143rem !important;
  }
  .g-mt-minus-50--xl {
    margin-top: -3.57143rem !important;
  }
  .g-mt-55--xl {
    margin-top: 3.92857rem !important;
  }
  .g-mt-minus-55--xl {
    margin-top: -3.92857rem !important;
  }
  .g-mt-60--xl {
    margin-top: 4.28571rem !important;
  }
  .g-mt-minus-60--xl {
    margin-top: -4.28571rem !important;
  }
  .g-mt-65--xl {
    margin-top: 4.64286rem !important;
  }
  .g-mt-minus-65--xl {
    margin-top: -4.64286rem !important;
  }
  .g-mt-70--xl {
    margin-top: 5rem !important;
  }
  .g-mt-minus-70--xl {
    margin-top: -5rem !important;
  }
  .g-mt-75--xl {
    margin-top: 5.35714rem !important;
  }
  .g-mt-minus-75--xl {
    margin-top: -5.35714rem !important;
  }
  .g-mt-80--xl {
    margin-top: 5.71429rem !important;
  }
  .g-mt-minus-80--xl {
    margin-top: -5.71429rem !important;
  }
  .g-mt-85--xl {
    margin-top: 6.07143rem !important;
  }
  .g-mt-minus-85--xl {
    margin-top: -6.07143rem !important;
  }
  .g-mt-90--xl {
    margin-top: 6.42857rem !important;
  }
  .g-mt-minus-90--xl {
    margin-top: -6.42857rem !important;
  }
  .g-mt-95--xl {
    margin-top: 6.78571rem !important;
  }
  .g-mt-minus-95--xl {
    margin-top: -6.78571rem !important;
  }
  .g-mt-100--xl {
    margin-top: 7.14286rem !important;
  }
  .g-mt-minus-100--xl {
    margin-top: -7.14286rem !important;
  }
  .g-mt-105--xl {
    margin-top: 7.5rem !important;
  }
  .g-mt-minus-105--xl {
    margin-top: -7.5rem !important;
  }
  .g-mt-110--xl {
    margin-top: 7.85714rem !important;
  }
  .g-mt-minus-110--xl {
    margin-top: -7.85714rem !important;
  }
  .g-mt-115--xl {
    margin-top: 8.21429rem !important;
  }
  .g-mt-minus-115--xl {
    margin-top: -8.21429rem !important;
  }
  .g-mt-120--xl {
    margin-top: 8.57143rem !important;
  }
  .g-mt-minus-120--xl {
    margin-top: -8.57143rem !important;
  }
  .g-mt-125--xl {
    margin-top: 8.92857rem !important;
  }
  .g-mt-minus-125--xl {
    margin-top: -8.92857rem !important;
  }
  .g-mt-130--xl {
    margin-top: 9.28571rem !important;
  }
  .g-mt-minus-130--xl {
    margin-top: -9.28571rem !important;
  }
  .g-mt-135--xl {
    margin-top: 9.64286rem !important;
  }
  .g-mt-minus-135--xl {
    margin-top: -9.64286rem !important;
  }
  .g-mt-140--xl {
    margin-top: 10rem !important;
  }
  .g-mt-minus-140--xl {
    margin-top: -10rem !important;
  }
  .g-mt-145--xl {
    margin-top: 10.35714rem !important;
  }
  .g-mt-minus-145--xl {
    margin-top: -10.35714rem !important;
  }
  .g-mt-150--xl {
    margin-top: 10.71429rem !important;
  }
  .g-mt-minus-150--xl {
    margin-top: -10.71429rem !important;
  }
  .g-mt-155--xl {
    margin-top: 11.07143rem !important;
  }
  .g-mt-minus-155--xl {
    margin-top: -11.07143rem !important;
  }
  .g-mt-160--xl {
    margin-top: 11.42857rem !important;
  }
  .g-mt-minus-160--xl {
    margin-top: -11.42857rem !important;
  }
  .g-mt-165--xl {
    margin-top: 11.78571rem !important;
  }
  .g-mt-minus-165--xl {
    margin-top: -11.78571rem !important;
  }
  .g-mt-170--xl {
    margin-top: 20.14286rem !important;
  }
  .g-mt-200--xl {
    /*margin-top: 25.14286rem !important;*/
    margin-top: 66.14286rem !important;
  }
  .g-mt-minus-170--xl {
    margin-top: -12.14286rem !important;
  }
  .g-mb-1--xl {
    margin-bottom: 0.07143rem !important;
  }
  .g-mb-minus-1--xl {
    margin-bottom: -0.07143rem !important;
  }
  .g-mb-2--xl {
    margin-bottom: 0.14286rem !important;
  }
  .g-mb-minus-2--xl {
    margin-bottom: -0.14286rem !important;
  }
  .g-mb-3--xl {
    margin-bottom: 0.21429rem !important;
  }
  .g-mb-minus-3--xl {
    margin-bottom: -0.21429rem !important;
  }
  .g-mb-4--xl {
    margin-bottom: 0.28571rem !important;
  }
  .g-mb-minus-4--xl {
    margin-bottom: -0.28571rem !important;
  }
  .g-mb-5--xl {
    margin-bottom: 0.35714rem !important;
  }
  .g-mb-minus-5--xl {
    margin-bottom: -0.35714rem !important;
  }
  .g-mb-6--xl {
    margin-bottom: 0.42857rem !important;
  }
  .g-mb-minus-6--xl {
    margin-bottom: -0.42857rem !important;
  }
  .g-mb-7--xl {
    margin-bottom: 0.5rem !important;
  }
  .g-mb-minus-7--xl {
    margin-bottom: -0.5rem !important;
  }
  .g-mb-8--xl {
    margin-bottom: 0.57143rem !important;
  }
  .g-mb-minus-8--xl {
    margin-bottom: -0.57143rem !important;
  }
  .g-mb-9--xl {
    margin-bottom: 0.64286rem !important;
  }
  .g-mb-minus-9--xl {
    margin-bottom: -0.64286rem !important;
  }
  .g-mb-10--xl {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-minus-10--xl {
    margin-bottom: -0.71429rem !important;
  }
  .g-mb-11--xl {
    margin-bottom: 0.78571rem !important;
  }
  .g-mb-minus-11--xl {
    margin-bottom: -0.78571rem !important;
  }
  .g-mb-12--xl {
    margin-bottom: 0.85714rem !important;
  }
  .g-mb-minus-12--xl {
    margin-bottom: -0.85714rem !important;
  }
  .g-mb-13--xl {
    margin-bottom: 0.92857rem !important;
  }
  .g-mb-minus-13--xl {
    margin-bottom: -0.92857rem !important;
  }
  .g-mb-14--xl {
    margin-bottom: 1rem !important;
  }
  .g-mb-minus-14--xl {
    margin-bottom: -1rem !important;
  }
  .g-mb-15--xl {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-minus-15--xl {
    margin-bottom: -1.07143rem !important;
  }
  .g-mb-16--xl {
    margin-bottom: 1.14286rem !important;
  }
  .g-mb-minus-16--xl {
    margin-bottom: -1.14286rem !important;
  }
  .g-mb-17--xl {
    margin-bottom: 1.21429rem !important;
  }
  .g-mb-minus-17--xl {
    margin-bottom: -1.21429rem !important;
  }
  .g-mb-18--xl {
    margin-bottom: 1.28571rem !important;
  }
  .g-mb-minus-18--xl {
    margin-bottom: -1.28571rem !important;
  }
  .g-mb-19--xl {
    margin-bottom: 1.35714rem !important;
  }
  .g-mb-minus-19--xl {
    margin-bottom: -1.35714rem !important;
  }
  .g-mb-20--xl {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-minus-20--xl {
    margin-bottom: -1.42857rem !important;
  }
  .g-mb-10--xl {
    margin-bottom: 0.71429rem !important;
  }
  .g-mb-15--xl {
    margin-bottom: 1.07143rem !important;
  }
  .g-mb-20--xl {
    margin-bottom: 1.42857rem !important;
  }
  .g-mb-25--xl {
    margin-bottom: 1.78571rem !important;
  }
  .g-mb-30--xl {
    margin-bottom: 2.14286rem !important;
  }
  .g-mb-35--xl {
    margin-bottom: 2.5rem !important;
  }
  .g-mb-40--xl {
    margin-bottom: 2.85714rem !important;
  }
  .g-mb-45--xl {
    margin-bottom: 3.21429rem !important;
  }
  .g-mb-50--xl {
    margin-bottom: 3.57143rem !important;
  }
  .g-mb-55--xl {
    margin-bottom: 3.92857rem !important;
  }
  .g-mb-60--xl {
    margin-bottom: 4.28571rem !important;
  }
  .g-mb-65--xl {
    margin-bottom: 4.64286rem !important;
  }
  .g-mb-70--xl {
    margin-bottom: 5rem !important;
  }
  .g-mb-75--xl {
    margin-bottom: 5.35714rem !important;
  }
  .g-mb-80--xl {
    margin-bottom: 5.71429rem !important;
  }
  .g-mb-85--xl {
    margin-bottom: 6.07143rem !important;
  }
  .g-mb-90--xl {
    margin-bottom: 6.42857rem !important;
  }
  .g-mb-95--xl {
    margin-bottom: 6.78571rem !important;
  }
  .g-mb-100--xl {
    margin-bottom: 7.14286rem !important;
  }
  .g-mb-105--xl {
    margin-bottom: 7.5rem !important;
  }
  .g-mb-110--xl {
    margin-bottom: 7.85714rem !important;
  }
  .g-mb-115--xl {
    margin-bottom: 8.21429rem !important;
  }
  .g-mb-120--xl {
    margin-bottom: 8.57143rem !important;
  }
  .g-mb-125--xl {
    margin-bottom: 8.92857rem !important;
  }
  .g-mb-130--xl {
    margin-bottom: 9.28571rem !important;
  }
  .g-mb-135--xl {
    margin-bottom: 9.64286rem !important;
  }
  .g-mb-140--xl {
    margin-bottom: 10rem !important;
  }
  .g-mb-145--xl {
    margin-bottom: 10.35714rem !important;
  }
  .g-mb-150--xl {
    margin-bottom: 10.71429rem !important;
  }
  .g-mb-155--xl {
    margin-bottom: 11.07143rem !important;
  }
  .g-mb-160--xl {
    margin-bottom: 11.42857rem !important;
  }
  .g-mb-165--xl {
    margin-bottom: 11.78571rem !important;
  }
  .g-mb-170--xl {
    margin-bottom: 12.14286rem !important;
  }
  .g-ml-1--xl {
    margin-left: 0.07143rem !important;
  }
  .g-ml-minus-1--xl {
    margin-left: -0.07143rem !important;
  }
  .g-ml-2--xl {
    margin-left: 0.14286rem !important;
  }
  .g-ml-minus-2--xl {
    margin-left: -0.14286rem !important;
  }
  .g-ml-3--xl {
    margin-left: 0.21429rem !important;
  }
  .g-ml-minus-3--xl {
    margin-left: -0.21429rem !important;
  }
  .g-ml-4--xl {
    margin-left: 0.28571rem !important;
  }
  .g-ml-minus-4--xl {
    margin-left: -0.28571rem !important;
  }
  .g-ml-5--xl {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5--xl {
    margin-left: -0.35714rem !important;
  }
  .g-ml-6--xl {
    margin-left: 0.42857rem !important;
  }
  .g-ml-minus-6--xl {
    margin-left: -0.42857rem !important;
  }
  .g-ml-7--xl {
    margin-left: 0.5rem !important;
  }
  .g-ml-minus-7--xl {
    margin-left: -0.5rem !important;
  }
  .g-ml-8--xl {
    margin-left: 0.57143rem !important;
  }
  .g-ml-minus-8--xl {
    margin-left: -0.57143rem !important;
  }
  .g-ml-9--xl {
    margin-left: 0.64286rem !important;
  }
  .g-ml-minus-9--xl {
    margin-left: -0.64286rem !important;
  }
  .g-ml-10--xl {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10--xl {
    margin-left: -0.71429rem !important;
  }
  .g-ml-5--xl {
    margin-left: 0.35714rem !important;
  }
  .g-ml-minus-5--xl {
    margin-left: -0.35714rem !important;
  }
  .g-ml-10--xl {
    margin-left: 0.71429rem !important;
  }
  .g-ml-minus-10--xl {
    margin-left: -0.71429rem !important;
  }
  .g-ml-15--xl {
    margin-left: 1.07143rem !important;
  }
  .g-ml-minus-15--xl {
    margin-left: -1.07143rem !important;
  }
  .g-ml-20--xl {
    margin-left: 1.42857rem !important;
  }
  .g-ml-minus-20--xl {
    margin-left: -1.42857rem !important;
  }
  .g-ml-25--xl {
    margin-left: 1.78571rem !important;
  }
  .g-ml-minus-25--xl {
    margin-left: -1.78571rem !important;
  }
  .g-ml-30--xl {
    margin-left: 2.14286rem !important;
  }
  .g-ml-minus-30--xl {
    margin-left: -2.14286rem !important;
  }
  .g-ml-35--xl {
    margin-left: 2.5rem !important;
  }
  .g-ml-minus-35--xl {
    margin-left: -2.5rem !important;
  }
  .g-ml-40--xl {
    margin-left: 2.85714rem !important;
  }
  .g-ml-minus-40--xl {
    margin-left: -2.85714rem !important;
  }
  .g-ml-45--xl {
    margin-left: 3.21429rem !important;
  }
  .g-ml-minus-45--xl {
    margin-left: -3.21429rem !important;
  }
  .g-ml-50--xl {
    margin-left: 3.57143rem !important;
  }
  .g-ml-minus-50--xl {
    margin-left: -3.57143rem !important;
  }
  .g-mr-1--xl {
    margin-right: 0.07143rem !important;
  }
  .g-mr-minus-1--xl {
    margin-right: -0.07143rem !important;
  }
  .g-mr-2--xl {
    margin-right: 0.14286rem !important;
  }
  .g-mr-minus-2--xl {
    margin-right: -0.14286rem !important;
  }
  .g-mr-3--xl {
    margin-right: 0.21429rem !important;
  }
  .g-mr-minus-3--xl {
    margin-right: -0.21429rem !important;
  }
  .g-mr-4--xl {
    margin-right: 0.28571rem !important;
  }
  .g-mr-minus-4--xl {
    margin-right: -0.28571rem !important;
  }
  .g-mr-5--xl {
    margin-right: 0.35714rem !important;
  }
  .g-mr-minus-5--xl {
    margin-right: -0.35714rem !important;
  }
  .g-mr-6--xl {
    margin-right: 0.42857rem !important;
  }
  .g-mr-minus-6--xl {
    margin-right: -0.42857rem !important;
  }
  .g-mr-7--xl {
    margin-right: 0.5rem !important;
  }
  .g-mr-minus-7--xl {
    margin-right: -0.5rem !important;
  }
  .g-mr-8--xl {
    margin-right: 0.57143rem !important;
  }
  .g-mr-minus-8--xl {
    margin-right: -0.57143rem !important;
  }
  .g-mr-9--xl {
    margin-right: 0.64286rem !important;
  }
  .g-mr-minus-9--xl {
    margin-right: -0.64286rem !important;
  }
  .g-mr-10--xl {
    margin-right: 0.71429rem !important;
  }
  .g-mr-minus-10--xl {
    margin-right: -0.71429rem !important;
  }
  .g-mr-5--xl {
    margin-right: 0.35714rem !important;
  }
  .g-mr-10--xl {
    margin-right: 0.71429rem !important;
  }
  .g-mr-15--xl {
    margin-right: 1.07143rem !important;
  }
  .g-mr-20--xl {
    margin-right: 1.42857rem !important;
  }
  .g-mr-25--xl {
    margin-right: 1.78571rem !important;
  }
  .g-mr-30--xl {
    margin-right: 2.14286rem !important;
  }
  .g-mr-35--xl {
    margin-right: 2.5rem !important;
  }
  .g-mr-40--xl {
    margin-right: 2.85714rem !important;
  }
  .g-mr-45--xl {
    margin-right: 3.21429rem !important;
  }
  .g-mr-50--xl {
    margin-right: 3.57143rem !important;
  }
}

/* Margins Around
------------------------------------*/
.g-ma-1 {
  margin: 0.07143rem !important;
}

.g-ma-3 {
  margin: 0.21429rem !important;
}

.g-ma-5 {
  margin: 0.35714rem !important;
}

.g-ma-10 {
  margin: 0.71429rem !important;
}

.g-ma-20 {
  margin: 1.42857rem !important;
}

.g-ma-minus-1 {
  margin: -0.07143rem !important;
}

/* Minus Margins
------------------------------------*/
/* Minus Margin Top */
.g-mt-minus-1 {
  margin-top: -0.07143rem;
}

.g-mt-minus-20 {
  margin-top: -1.42857rem;
}

.g-mt-minus-25 {
  margin-top: -1.78571rem;
}

.g-mt-minus-30 {
  margin-top: -2.14286rem;
}

.g-mt-minus-40 {
  margin-top: -2.85714rem;
}

.g-mt-minus-70 {
  margin-top: -5rem;
}

.g-mt-minus-73 {
  margin-top: -5.14286rem !important;
}

.g-mt-minus-120 {
  margin-top: -8.57143rem;
}

.g-mt-minus-200 {
  margin-top: -14.28571rem;
}

.g-mt-minus-300 {
  margin-top: -21.42857rem;
}

/* Minus Margin Bottom */
.g-mb-minus-70 {
  margin-bottom: -5rem;
}

/* Minus Margin Left */
.g-ml-minus-20 {
  margin-left: -1.42857rem;
}

.g-ml-minus-23 {
  margin-left: -1.64286rem;
}

.g-ml-minus-35 {
  margin-left: -2.5rem;
}

.g-ml-minus-55 {
  margin-left: -3.92857rem;
}

.g-ml-minus-25 {
  margin-left: -1.78571rem;
}

.g-ml-minus-82 {
  margin-left: -5.85714rem;
}

.g-ml-minus-90 {
  margin-left: -6.42857rem;
}

.g-ml-minus-100 {
  margin-left: -7.14286rem;
}

.g-ml-minus-118 {
  margin-left: -8.42857rem;
}

.g-ml-minus-142 {
  margin-left: -10.14286rem;
}

/* Minus Margin Right */
.g-mr-minus-50 {
  margin-right: -3.57143rem;
}

.g-mr-minus-100 {
  margin-right: -7.14286rem;
}

/* Margin Left and Right */
.g-mx-minus-1 {
  margin-left: -0.07143rem;
  margin-right: -0.07143rem;
}

.g-mx-minus-2 {
  margin-left: -0.14286rem;
  margin-right: -0.14286rem;
}

.g-mx-minus-4 {
  margin-left: -0.28571rem;
  margin-right: -0.28571rem;
}

.g-mx-minus-5 {
  margin-left: -0.35714rem;
  margin-right: -0.35714rem;
}

.g-mx-minus-15 {
  margin-left: -1.07143rem;
  margin-right: -1.07143rem;
}

.g-mx-minus-25 {
  margin-left: -1.78571rem;
  margin-right: -1.78571rem;
}

.g-mx-minus-30 {
  margin-left: -2.14286rem;
  margin-right: -2.14286rem;
}

/* Custon Spaces
------------------------------------*/
/* Margin Top */
.g-mt-10x {
  margin-top: 10%;
  /* O */
}

.g-mt-21 {
  margin-top: 1.5rem;
}

.g-mt-22 {
  margin-top: 1.57143rem;
}

.g-mt-28 {
  margin-top: 2rem !important;
}

.g-mt-32 {
  margin-top: 2.28571rem !important;
}

.g-mt-57 {
  margin-top: 4.07143rem !important;
}

.g-mt-500 {
  margin-top: 35.71429rem;
}

/* Margin Bottom */
.g-mb-23 {
  margin-bottom: 1.64286rem;
}

.g-mb-28 {
  margin-bottom: 2rem;
}

.g-mb-500 {
  margin-bottom: 35.71429rem;
}

/* Margin Left */
.g-ml-10x {
  margin-left: 10%;
  /* O */
}

.g-ml-12 {
  margin-left: 0.85714rem;
}

.g-ml-13 {
  margin-left: 0.92857rem;
}

.g-ml-20 {
  margin-left: 1.42857rem;
}

.g-ml-25 {
  margin-left: 1.78571rem;
}

.g-ml-35 {
  margin-left: 2.5rem;
}

.g-ml-43 {
  margin-left: 3.07143rem;
}

.g-mr-43 {
  margin-right: 3.07143rem;
}

.g-ml-50 {
  margin-left: 3.57143rem;
}

.g-ml-60 {
  margin-left: 4.28571rem;
}

.g-ml-75 {
  margin-left: 5.35714rem;
}

.g-ml-82 {
  margin-left: 5.85714rem;
}

.g-ml-83 {
  margin-left: 5.92857rem;
}

.g-ml-85 {
  margin-left: 6.07143rem;
}

.g-ml-105 {
  margin-left: 7.5rem;
}

.g-ml-118 {
  margin-left: 8.42857rem;
}

.g-ml-142 {
  margin-left: 10.14286rem;
}

/* Margin Right */
.g-mr-12 {
  margin-right: 0.85714rem;
}

.g-mr-60 {
  margin-right: 4.28571rem;
}

.g-mr-63 {
  margin-right: 4.5rem;
}

.g-mr-75 {
  margin-right: 5.35714rem;
}

.g-mr-85 {
  margin-right: 6.07143rem !important;
}

.g-mr-minus-10 {
  margin-right: -0.71429rem;
}

.g-mr-minus-13 {
  margin-right: -0.92857rem;
}

.g-mr-minus-15 {
  margin-right: -1.07143rem;
}

.g-mr-minus-23 {
  margin-right: -1.64286rem;
}

.g-mr-minus-30 {
  margin-right: -2.14286rem;
}

/* Margin Left and Right */
.g-mx-minus-10 {
  margin-left: -0.71429rem;
  margin-right: -0.71429rem;
}

.g-mx-minus-15 {
  margin-left: -1.07143rem;
  margin-right: -1.07143rem;
}

.g-mx-minus-20 {
  margin-left: -1.42857rem;
  margin-right: -1.42857rem;
}

.g-mx-minus-25 {
  margin-left: -1.78571rem;
  margin-right: -1.78571rem;
}

.g-mx-minus-30 {
  margin-left: -2.14286rem;
  margin-right: -2.14286rem;
}

/* Margin Top and Bottom */
.g-my-minus-1 {
  margin-top: -0.07143rem;
  margin-bottom: -0.07143rem;
}

.g-my-minus-2 {
  margin-top: -0.14286rem;
  margin-bottom: -0.14286rem;
}

.g-my-minus-10 {
  margin-top: -0.71429rem;
  margin-bottom: -0.71429rem;
}

.g-m-reset {
  margin: 0 !important;
}

@media (min-width: 576px) {
  .g-mb-0--sm {
    margin-bottom: 0 !important;
  }
  .g-mx-minus-10--sm {
    margin-left: -0.71429rem;
    margin-right: -0.71429rem;
  }
  .g-my-minus-5--sm {
    margin-top: -0.35714rem;
    margin-bottom: -0.35714rem;
  }
  .g-my-minus-10--sm {
    margin-top: -0.71429rem;
    margin-bottom: -0.71429rem;
  }
  .g-mx-minus-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .g-my-minus-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .g-mr-12--sm {
    margin-right: 0.85714rem;
  }
}

@media (min-width: 768px) {
  .g-ml-0--md {
    margin-left: 0 !important;
  }
  .g-mr-0--md {
    margin-right: 0 !important;
  }
  .g-mx-12--md {
    margin-left: 0.85714rem !important;
    margin-right: 0.85714rem !important;
  }
  .g-ml-12--md {
    margin-left: 0.85714rem !important;
  }
  .g-mr-12--md {
    margin-right: 0.85714rem !important;
  }
  .g-mb-0--md {
    margin-bottom: 0 !important;
  }
  .g-ml-minus-1--md {
    margin-left: -0.07143rem;
  }
  .g-ml-minus-9--md {
    margin-left: -0.64286rem !important;
  }
  .g-ml-minus-15--md {
    margin-left: -1.07143rem !important;
  }
  .g-ml-minus-23--md {
    margin-left: -1.64286rem !important;
  }
  .g-ml-minus-25--md {
    margin-left: -1.78571rem !important;
  }
  .g-mr-minus-1--md {
    margin-right: -0.07143rem;
  }
  .g-mr-minus-9--md {
    margin-right: -0.64286rem !important;
  }
  .g-mr-minus-13--md {
    margin-right: -0.92857rem;
  }
  .g-mr-minus-23--md {
    margin-right: -1.64286rem;
  }
  .g-ml-minus-82--md {
    margin-left: -5.85714rem !important;
  }
  .g-mr-minus-82--md {
    margin-right: -5.85714rem !important;
  }
  .g-mr-60--md {
    margin-right: 4.28571rem !important;
  }
  .g-mr-63--md {
    margin-right: 4.5rem !important;
  }
  .g-ml-63--md {
    margin-left: 4.5rem !important;
  }
  .g-ml-85--md {
    margin-left: 6.07143rem !important;
  }
  .g-ml-250--md {
    margin-left: 17.85714rem !important;
  }
  .g-ml-minus-90--md {
    margin-left: -6.42857rem !important;
  }
  .g-m-reset--md {
    margin: 0 !important;
  }
  .g-mt-130--md {
    margin-top: 9.28571rem !important;
  }
  .g-mt-minus-76--md {
    margin-top: -5.42857rem !important;
  }
  .g-my-30--md {
    margin-top: 2.14286rem !important;
    margin-bottom: 2.14286rem !important;
  }
}

@media (min-width: 992px) {
  .g-mx-12--lg {
    margin-left: 0.85714rem !important;
    margin-right: 0.85714rem !important;
  }
  .g-mb-60--lg {
    margin-bottom: 4.28571rem !important;
  }
  .g-ml-12--lg {
    margin-left: 0.85714rem !important;
  }
  .g-mr-12--lg {
    margin-right: 0.85714rem !important;
  }
  .g-mr-minus-1--lg {
    margin-right: -0.07143rem;
  }
  .g-mr-minus-50--lg {
    margin-right: -2.9rem;
  }
  .g-mr-minus-100--lg {
    margin-right: -7.14286rem;
  }
  .g-ml-minus-100--lg {
    margin-left: -7.14286rem;
  }
  .g-ml-minus-100 {
    margin-left: -7.14286rem;
  }
  .g-mx-minus-5--lg {
    margin-left: -0.35714rem;
    margin-right: -0.35714rem;
  }
  .g-mx-minus-10--lg {
    margin-left: -0.71429rem;
    margin-right: -0.71429rem;
  }
  .g-mx-minus-15--lg {
    margin-left: -1.07143rem;
    margin-right: -1.07143rem;
  }
  .g-ml-minus-50--lg {
    margin-left: -3.57143rem;
  }
  .g-m-reset--lg {
    margin: 0 !important;
  }
  .g-ml-100--lg {
    margin-left: 7.14286rem;
  }
}

@media (min-width: 1200px) {
  .g-mx-minus-10--xl {
    margin-left: -0.71429rem;
    margin-right: -0.71429rem;
  }
  .g-mx-minus-15--xl {
    margin-left: -1.07143rem;
    margin-right: -1.07143rem;
  }
  .g-m-reset--xl {
    margin: 0 !important;
  }
  .g-mr-0--xl {
    margin-right: 0px !important;
  }
}

/*------------------------------------
  Margins Extended
------------------------------------*/
@media (min-width: 992px) {
  /* Margin Top */
  .js-header-change-moment .g-mt-1--lg--scrolling {
    margin-top: 0.07143rem !important;
  }
  .js-header-change-moment .g-mt-2--lg--scrolling {
    margin-top: 0.14286rem !important;
  }
  .js-header-change-moment .g-mt-3--lg--scrolling {
    margin-top: 0.21429rem !important;
  }
  .js-header-change-moment .g-mt-4--lg--scrolling {
    margin-top: 0.28571rem !important;
  }
  .js-header-change-moment .g-mt-5--lg--scrolling {
    margin-top: 0.35714rem !important;
  }
  .js-header-change-moment .g-mt-6--lg--scrolling {
    margin-top: 0.42857rem !important;
  }
  .js-header-change-moment .g-mt-7--lg--scrolling {
    margin-top: 0.5rem !important;
  }
  .js-header-change-moment .g-mt-8--lg--scrolling {
    margin-top: 0.57143rem !important;
  }
  .js-header-change-moment .g-mt-9--lg--scrolling {
    margin-top: 0.64286rem !important;
  }
  .js-header-change-moment .g-mt-10--lg--scrolling {
    margin-top: 0.71429rem !important;
  }
  .js-header-change-moment .g-mt-11--lg--scrolling {
    margin-top: 0.78571rem !important;
  }
  .js-header-change-moment .g-mt-12--lg--scrolling {
    margin-top: 0.85714rem !important;
  }
  .js-header-change-moment .g-mt-13--lg--scrolling {
    margin-top: 0.92857rem !important;
  }
  .js-header-change-moment .g-mt-14--lg--scrolling {
    margin-top: 1rem !important;
  }
  .js-header-change-moment .g-mt-15--lg--scrolling {
    margin-top: 1.07143rem !important;
  }
  .js-header-change-moment .g-mt-16--lg--scrolling {
    margin-top: 1.14286rem !important;
  }
  .js-header-change-moment .g-mt-17--lg--scrolling {
    margin-top: 1.21429rem !important;
  }
  .js-header-change-moment .g-mt-18--lg--scrolling {
    margin-top: 1.28571rem !important;
  }
  .js-header-change-moment .g-mt-19--lg--scrolling {
    margin-top: 1.35714rem !important;
  }
  .js-header-change-moment .g-mt-20--lg--scrolling {
    margin-top: 1.42857rem !important;
  }
  .js-header-change-moment .g-mt-21--lg--scrolling {
    margin-top: 1.5rem !important;
  }
  .js-header-change-moment .g-mt-22--lg--scrolling {
    margin-top: 1.57143rem !important;
  }
  .js-header-change-moment .g-mt-23--lg--scrolling {
    margin-top: 1.64286rem !important;
  }
  .js-header-change-moment .g-mt-24--lg--scrolling {
    margin-top: 1.71429rem !important;
  }
  .js-header-change-moment .g-mt-25--lg--scrolling {
    margin-top: 1.78571rem !important;
  }
}

/*------------------------------------
  Padding Spaces
------------------------------------*/
/* Padding Spaces (xs)
------------------------------------*/
@media (min-width: 0) {
  .g-pa-0 {
    padding: 0 !important;
  }
  .g-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .g-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-pt-0 {
    padding-top: 0 !important;
  }
  .g-pr-0 {
    padding-right: 0 !important;
  }
  .g-pb-0 {
    padding-bottom: 0 !important;
  }
  .g-pl-0 {
    padding-left: 0 !important;
  }
  /* Padding Around */
  .g-pa-2 {
    padding: 0.14286rem !important;
  }
  .g-pa-3 {
    padding: 0.21429rem !important;
  }
  .g-pa-5 {
    padding: 0.35714rem !important;
  }
  .g-pa-7 {
    padding: 0.5rem !important;
  }
  .g-pa-10 {
    padding: 0.71429rem !important;
  }
  .g-pa-15 {
    padding: 1.07143rem !important;
  }
  .g-pa-20 {
    padding: 1.42857rem !important;
  }
  .g-pa-25 {
    padding: 1.78571rem !important;
  }
  .g-pa-30 {
    padding: 2.14286rem !important;
  }
  .g-pa-35 {
    padding: 2.5rem !important;
  }
  .g-pa-40 {
    padding: 2.85714rem !important;
  }
  .g-pa-45 {
    padding: 3.21429rem !important;
  }
  .g-pa-50 {
    padding: 3.57143rem !important;
  }
  .g-pa-55 {
    padding: 3.92857rem !important;
  }
  .g-pa-60 {
    padding: 4.28571rem !important;
  }
  .g-pa-65 {
    padding: 4.64286rem !important;
  }
  .g-pa-70 {
    padding: 5rem !important;
  }
  .g-pa-75 {
    padding: 5.35714rem !important;
  }
  .g-pa-80 {
    padding: 5.71429rem !important;
  }
  .g-pa-85 {
    padding: 6.07143rem !important;
  }
  .g-pa-90 {
    padding: 6.42857rem !important;
  }
  .g-pa-95 {
    padding: 6.78571rem !important;
  }
  .g-pa-100 {
    padding: 7.14286rem !important;
  }
  .g-pa-105 {
    padding: 7.5rem !important;
  }
  .g-pa-110 {
    padding: 7.85714rem !important;
  }
  .g-pa-115 {
    padding: 8.21429rem !important;
  }
  .g-pa-120 {
    padding: 8.57143rem !important;
  }
  .g-pa-125 {
    padding: 8.92857rem !important;
  }
  .g-pa-130 {
    padding: 9.28571rem !important;
  }
  .g-pa-135 {
    padding: 9.64286rem !important;
  }
  .g-pa-140 {
    padding: 10rem !important;
  }
  .g-pa-145 {
    padding: 10.35714rem !important;
  }
  .g-pa-150 {
    padding: 10.71429rem !important;
  }
  /* Padding X */
  .g-px-1 {
    padding-left: 0.07143rem !important;
    padding-right: 0.07143rem !important;
  }
  .g-px-2 {
    padding-left: 0.14286rem !important;
    padding-right: 0.14286rem !important;
  }
  .g-px-3 {
    padding-left: 0.21429rem !important;
    padding-right: 0.21429rem !important;
  }
  .g-px-4 {
    padding-left: 0.28571rem !important;
    padding-right: 0.28571rem !important;
  }
  .g-px-5 {
    padding-left: 0.35714rem !important;
    padding-right: 0.35714rem !important;
  }
  .g-px-6 {
    padding-left: 0.42857rem !important;
    padding-right: 0.42857rem !important;
  }
  .g-px-7 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .g-px-8 {
    padding-left: 0.57143rem !important;
    padding-right: 0.57143rem !important;
  }
  .g-px-9 {
    padding-left: 0.64286rem !important;
    padding-right: 0.64286rem !important;
  }
  .g-px-10 {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-11 {
    padding-left: 0.78571rem !important;
    padding-right: 0.78571rem !important;
  }
  .g-px-12 {
    padding-left: 0.85714rem !important;
    padding-right: 0.85714rem !important;
  }
  .g-px-13 {
    padding-left: 0.92857rem !important;
    padding-right: 0.92857rem !important;
  }
  .g-px-14 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .g-px-15 {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-16 {
    padding-left: 1.14286rem !important;
    padding-right: 1.14286rem !important;
  }
  .g-px-17 {
    padding-left: 1.21429rem !important;
    padding-right: 1.21429rem !important;
  }
  .g-px-18 {
    padding-left: 1.28571rem !important;
    padding-right: 1.28571rem !important;
  }
  .g-px-19 {
    padding-left: 1.35714rem !important;
    padding-right: 1.35714rem !important;
  }
  .g-px-10 {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-15 {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-20 {
    padding-left: 1.42857rem !important;
    padding-right: 1.42857rem !important;
  }
  .g-px-25 {
    padding-left: 1.78571rem !important;
    padding-right: 1.78571rem !important;
  }
  .g-px-30 {
    padding-left: 2.14286rem !important;
    padding-right: 2.14286rem !important;
  }
  .g-px-35 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .g-px-40 {
    padding-left: 2.85714rem !important;
    padding-right: 2.85714rem !important;
  }
  .g-px-45 {
    padding-left: 3.21429rem !important;
    padding-right: 3.21429rem !important;
  }
  .g-px-50 {
    padding-left: 3.57143rem !important;
    padding-right: 3.57143rem !important;
  }
  .g-px-55 {
    padding-left: 3.92857rem !important;
    padding-right: 3.92857rem !important;
  }
  .g-px-60 {
    padding-left: 4.28571rem !important;
    padding-right: 4.28571rem !important;
  }
  .g-px-65 {
    padding-left: 4.64286rem !important;
    padding-right: 4.64286rem !important;
  }
  .g-px-70 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .g-px-75 {
    padding-left: 5.35714rem !important;
    padding-right: 5.35714rem !important;
  }
  .g-px-80 {
    padding-left: 5.71429rem !important;
    padding-right: 5.71429rem !important;
  }
  .g-px-85 {
    padding-left: 6.07143rem !important;
    padding-right: 6.07143rem !important;
  }
  .g-px-90 {
    padding-left: 6.42857rem !important;
    padding-right: 6.42857rem !important;
  }
  .g-px-95 {
    padding-left: 6.78571rem !important;
    padding-right: 6.78571rem !important;
  }
  .g-px-100 {
    padding-left: 7.14286rem !important;
    padding-right: 7.14286rem !important;
  }
  .g-px-105 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .g-px-110 {
    padding-left: 7.85714rem !important;
    padding-right: 7.85714rem !important;
  }
  .g-px-115 {
    padding-left: 8.21429rem !important;
    padding-right: 8.21429rem !important;
  }
  .g-px-120 {
    padding-left: 8.57143rem !important;
    padding-right: 8.57143rem !important;
  }
  .g-px-125 {
    padding-left: 8.92857rem !important;
    padding-right: 8.92857rem !important;
  }
  .g-px-130 {
    padding-left: 9.28571rem !important;
    padding-right: 9.28571rem !important;
  }
  .g-px-135 {
    padding-left: 9.64286rem !important;
    padding-right: 9.64286rem !important;
  }
  .g-px-140 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .g-px-145 {
    padding-left: 10.35714rem !important;
    padding-right: 10.35714rem !important;
  }
  .g-px-150 {
    padding-left: 10.71429rem !important;
    padding-right: 10.71429rem !important;
  }
  /* Padding Y */
  .g-py-1 {
    padding-top: 0.07143rem !important;
    padding-bottom: 0.07143rem !important;
  }
  .g-py-2 {
    padding-top: 0.14286rem !important;
    padding-bottom: 0.14286rem !important;
  }
  .g-py-3 {
    padding-top: 0.21429rem !important;
    padding-bottom: 0.21429rem !important;
  }
  .g-py-4 {
    padding-top: 0.28571rem !important;
    padding-bottom: 0.28571rem !important;
  }
  .g-py-5 {
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
  }
  .g-py-6 {
    padding-top: 0.42857rem !important;
    padding-bottom: 0.42857rem !important;
  }
  .g-py-7 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .g-py-8 {
    padding-top: 0.57143rem !important;
    padding-bottom: 0.57143rem !important;
  }
  .g-py-9 {
    padding-top: 0.64286rem !important;
    padding-bottom: 0.64286rem !important;
  }
  .g-py-10 {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  .g-py-11 {
    padding-top: 0.78571rem !important;
    padding-bottom: 0.78571rem !important;
  }
  .g-py-12 {
    padding-top: 0.85714rem !important;
    padding-bottom: 0.85714rem !important;
  }
  .g-py-13 {
    padding-top: 0.92857rem !important;
    padding-bottom: 0.92857rem !important;
  }
  .g-py-14 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .g-py-15 {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  .g-py-16 {
    padding-top: 1.14286rem !important;
    padding-bottom: 1.14286rem !important;
  }
  .g-py-17 {
    padding-top: 1.21429rem !important;
    padding-bottom: 1.21429rem !important;
  }
  .g-py-18 {
    padding-top: 1.28571rem !important;
    padding-bottom: 1.28571rem !important;
  }
  .g-py-19 {
    padding-top: 1.35714rem !important;
    padding-bottom: 1.35714rem !important;
  }
  /* P */
  .g-py-10 {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  /* P */
  .g-py-15 {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  /* P */
  .g-py-20 {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
  }
  /* P */
  .g-py-25 {
    padding-top: 1.78571rem !important;
    padding-bottom: 1.78571rem !important;
  }
  /* P */
  .g-py-30 {
    padding-top: 2.14286rem !important;
    padding-bottom: 2.14286rem !important;
  }
  /* P */
  .g-py-35 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  /* P */
  .g-py-40 {
    padding-top: 2.85714rem !important;
    padding-bottom: 2.85714rem !important;
  }
  /* P */
  .g-py-45 {
    padding-top: 3.21429rem !important;
    padding-bottom: 3.21429rem !important;
  }
  /* P */
  .g-py-50 {
    padding-top: 3.57143rem !important;
    padding-bottom: 3.57143rem !important;
  }
  /* P */
  .g-py-55 {
    padding-top: 3.92857rem !important;
    padding-bottom: 3.92857rem !important;
  }
  /* P */
  .g-py-60 {
    padding-top: 4.28571rem !important;
    padding-bottom: 4.28571rem !important;
  }
  /* P */
  .g-py-65 {
    padding-top: 4.64286rem !important;
    padding-bottom: 4.64286rem !important;
  }
  /* P */
  .g-py-70 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  /* P */
  .g-py-75 {
    padding-top: 5.35714rem !important;
    padding-bottom: 5.35714rem !important;
  }
  /* P */
  .g-py-80 {
    padding-top: 5.71429rem !important;
    padding-bottom: 5.71429rem !important;
  }
  /* P */
  .g-py-85 {
    padding-top: 6.07143rem !important;
    padding-bottom: 6.07143rem !important;
  }
  /* P */
  .g-py-90 {
    padding-top: 6.42857rem !important;
    padding-bottom: 6.42857rem !important;
  }
  /* P */
  .g-py-95 {
    padding-top: 6.78571rem !important;
    padding-bottom: 6.78571rem !important;
  }
  /* P */
  .g-py-100 {
    padding-top: 7.14286rem !important;
    padding-bottom: 7.14286rem !important;
  }
  /* P */
  .g-py-105 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  /* P */
  .g-py-110 {
    padding-top: 7.85714rem !important;
    padding-bottom: 7.85714rem !important;
  }
  /* P */
  .g-py-115 {
    padding-top: 8.21429rem !important;
    padding-bottom: 8.21429rem !important;
  }
  /* P */
  .g-py-120 {
    padding-top: 8.57143rem !important;
    padding-bottom: 8.57143rem !important;
  }
  /* P */
  .g-py-125 {
    padding-top: 8.92857rem !important;
    padding-bottom: 8.92857rem !important;
  }
  /* P */
  .g-py-130 {
    padding-top: 9.28571rem !important;
    padding-bottom: 9.28571rem !important;
  }
  /* P */
  .g-py-135 {
    padding-top: 9.64286rem !important;
    padding-bottom: 9.64286rem !important;
  }
  /* P */
  .g-py-140 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  /* P */
  .g-py-145 {
    padding-top: 10.35714rem !important;
    padding-bottom: 10.35714rem !important;
  }
  /* P */
  .g-py-150 {
    padding-top: 10.71429rem !important;
    padding-bottom: 10.71429rem !important;
  }
  /* P */
  .g-py-155 {
    padding-top: 11.07143rem !important;
    padding-bottom: 11.07143rem !important;
  }
  /* P */
  .g-py-160 {
    padding-top: 11.42857rem !important;
    padding-bottom: 11.42857rem !important;
  }
  /* P */
  .g-py-165 {
    padding-top: 11.78571rem !important;
    padding-bottom: 11.78571rem !important;
  }
  /* P */
  .g-py-170 {
    padding-top: 12.14286rem !important;
    padding-bottom: 12.14286rem !important;
  }
  /* P */
  .g-py-175 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  /* P */
  .g-py-180 {
    padding-top: 12.85714rem !important;
    padding-bottom: 12.85714rem !important;
  }
  /* P */
  .g-py-185 {
    padding-top: 13.21429rem !important;
    padding-bottom: 13.21429rem !important;
  }
  /* P */
  .g-py-190 {
    padding-top: 13.57143rem !important;
    padding-bottom: 13.57143rem !important;
  }
  /* P */
  .g-py-195 {
    padding-top: 13.92857rem !important;
    padding-bottom: 13.92857rem !important;
  }
  /* P */
  .g-py-200 {
    padding-top: 14.28571rem !important;
    padding-bottom: 14.28571rem !important;
  }
  /* P */
  .g-py-205 {
    padding-top: 14.64286rem !important;
    padding-bottom: 14.64286rem !important;
  }
  /* P */
  .g-py-210 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  /* Padding Top */
  .g-pt-0 {
    padding-top: 0px !important;
  }
  .g-pt-1 {
    padding-top: 0.07143rem !important;
  }
  .g-pt-2 {
    padding-top: 0.14286rem !important;
  }
  .g-pt-3 {
    padding-top: 0.21429rem !important;
  }
  .g-pt-4 {
    padding-top: 0.28571rem !important;
  }
  .g-pt-5 {
    padding-top: 0.35714rem !important;
  }
  .g-pt-6 {
    padding-top: 0.42857rem !important;
  }
  .g-pt-7 {
    padding-top: 0.5rem !important;
  }
  .g-pt-8 {
    padding-top: 0.57143rem !important;
  }
  .g-pt-9 {
    padding-top: 0.64286rem !important;
  }
  .g-pt-10 {
    padding-top: 0.71429rem !important;
  }
  .g-pt-11 {
    padding-top: 0.78571rem !important;
  }
  .g-pt-12 {
    padding-top: 0.85714rem !important;
  }
  .g-pt-13 {
    padding-top: 0.92857rem !important;
  }
  .g-pt-14 {
    padding-top: 1rem !important;
  }
  .g-pt-15 {
    padding-top: 1.07143rem !important;
  }
  .g-pt-16 {
    padding-top: 1.14286rem !important;
  }
  .g-pt-17 {
    padding-top: 1.21429rem !important;
  }
  .g-pt-18 {
    padding-top: 1.28571rem !important;
  }
  .g-pt-19 {
    padding-top: 1.35714rem !important;
  }
  .g-pt-10 {
    padding-top: 0.71429rem !important;
  }
  .g-pt-15 {
    padding-top: 1.07143rem !important;
  }
  .g-pt-20 {
    padding-top: 1.42857rem !important;
  }
  .g-pt-25 {
    padding-top: 1.78571rem !important;
  }
  .g-pt-30 {
    padding-top: 2.14286rem !important;
  }
  .g-pt-35 {
    padding-top: 2.5rem !important;
  }
  .g-pt-40 {
    padding-top: 2.85714rem !important;
  }
  .g-pt-45 {
    padding-top: 3.21429rem !important;
  }
  .g-pt-50 {
    padding-top: 3.57143rem !important;
  }
  .g-pt-55 {
    padding-top: 3.92857rem !important;
  }
  .g-pt-60 {
    padding-top: 4.28571rem !important;
  }
  .g-pt-65 {
    padding-top: 4.64286rem !important;
  }
  .g-pt-70 {
    padding-top: 5rem !important;
  }
  .g-pt-75 {
    padding-top: 5.35714rem !important;
  }
  .g-pt-80 {
    padding-top: 5.71429rem !important;
  }
  .g-pt-85 {
    padding-top: 6.07143rem !important;
  }
  .g-pt-90 {
    padding-top: 6.42857rem !important;
  }
  .g-pt-95 {
    padding-top: 6.78571rem !important;
  }
  .g-pt-100 {
    padding-top: 7.14286rem !important;
  }
  .g-pt-105 {
    padding-top: 7.5rem !important;
  }
  .g-pt-110 {
    padding-top: 7.85714rem !important;
  }
  .g-pt-115 {
    padding-top: 8.21429rem !important;
  }
  .g-pt-120 {
    padding-top: 8.57143rem !important;
  }
  .g-pt-125 {
    padding-top: 8.92857rem !important;
  }
  .g-pt-130 {
    padding-top: 9.28571rem !important;
  }
  .g-pt-135 {
    padding-top: 9.64286rem !important;
  }
  .g-pt-140 {
    padding-top: 10rem !important;
  }
  .g-pt-145 {
    padding-top: 10.35714rem !important;
  }
  .g-pt-150 {
    padding-top: 10.71429rem !important;
  }
  .g-pt-200 {
    padding-top: 15.71429rem !important;
  }
  /* Padding Right */
  .g-pr-0 {
    padding-right: 0px !important;
  }
  .g-pr-1 {
    padding-right: 0.07143rem !important;
  }
  .g-pr-2 {
    padding-right: 0.14286rem !important;
  }
  .g-pr-3 {
    padding-right: 0.21429rem !important;
  }
  .g-pr-4 {
    padding-right: 0.28571rem !important;
  }
  .g-pr-5 {
    padding-right: 0.35714rem !important;
  }
  .g-pr-6 {
    padding-right: 0.42857rem !important;
  }
  .g-pr-7 {
    padding-right: 0.5rem !important;
  }
  .g-pr-8 {
    padding-right: 0.57143rem !important;
  }
  .g-pr-9 {
    padding-right: 0.64286rem !important;
  }
  /* P */
  .g-pr-10 {
    padding-right: 0.71429rem !important;
  }
  /* P */
  .g-pr-15 {
    padding-right: 1.07143rem !important;
  }
  /* P */
  .g-pr-20 {
    padding-right: 1.42857rem !important;
  }
  /* P */
  .g-pr-25 {
    padding-right: 1.78571rem !important;
  }
  /* P */
  .g-pr-30 {
    padding-right: 2.14286rem !important;
  }
  /* P */
  .g-pr-35 {
    padding-right: 2.5rem !important;
  }
  /* P */
  .g-pr-40 {
    padding-right: 2.85714rem !important;
  }
  /* P */
  .g-pr-45 {
    padding-right: 3.21429rem !important;
  }
  /* P */
  .g-pr-50 {
    padding-right: 3.57143rem !important;
  }
  /* P */
  .g-pr-55 {
    padding-right: 3.92857rem !important;
  }
  /* P */
  .g-pr-60 {
    padding-right: 4.28571rem !important;
  }
  /* P */
  .g-pr-65 {
    padding-right: 4.64286rem !important;
  }
  /* P */
  .g-pr-70 {
    padding-right: 5rem !important;
  }
  /* P */
  .g-pr-75 {
    padding-right: 5.35714rem !important;
  }
  /* P */
  .g-pr-80 {
    padding-right: 5.71429rem !important;
  }
  /* P */
  .g-pr-85 {
    padding-right: 6.07143rem !important;
  }
  /* P */
  .g-pr-90 {
    padding-right: 6.42857rem !important;
  }
  /* P */
  .g-pr-95 {
    padding-right: 6.78571rem !important;
  }
  /* P */
  .g-pr-100 {
    padding-right: 7.14286rem !important;
  }
  /* P */
  .g-pr-105 {
    padding-right: 7.5rem !important;
  }
  /* P */
  .g-pr-110 {
    padding-right: 7.85714rem !important;
  }
  /* P */
  .g-pr-115 {
    padding-right: 8.21429rem !important;
  }
  /* P */
  .g-pr-120 {
    padding-right: 8.57143rem !important;
  }
  /* P */
  .g-pr-125 {
    padding-right: 8.92857rem !important;
  }
  /* P */
  .g-pr-130 {
    padding-right: 9.28571rem !important;
  }
  /* P */
  .g-pr-135 {
    padding-right: 9.64286rem !important;
  }
  /* P */
  .g-pr-140 {
    padding-right: 10rem !important;
  }
  /* P */
  .g-pr-145 {
    padding-right: 10.35714rem !important;
  }
  /* P */
  .g-pr-150 {
    padding-right: 10.71429rem !important;
  }
  /* P */
  .g-pr-155 {
    padding-right: 11.07143rem !important;
  }
  /* P */
  .g-pr-160 {
    padding-right: 11.42857rem !important;
  }
  /* P */
  .g-pr-165 {
    padding-right: 11.78571rem !important;
  }
  /* P */
  .g-pr-170 {
    padding-right: 12.14286rem !important;
  }
  /* Padding Bottom */
  .g-pb-0 {
    padding-bottom: 0px !important;
  }
  .g-pb-1 {
    padding-bottom: 0.07143rem !important;
  }
  .g-pb-2 {
    padding-bottom: 0.14286rem !important;
  }
  .g-pb-3 {
    padding-bottom: 0.21429rem !important;
  }
  .g-pb-4 {
    padding-bottom: 0.28571rem !important;
  }
  .g-pb-5 {
    padding-bottom: 0.35714rem !important;
  }
  .g-pb-6 {
    padding-bottom: 0.42857rem !important;
  }
  .g-pb-7 {
    padding-bottom: 0.5rem !important;
  }
  .g-pb-8 {
    padding-bottom: 0.57143rem !important;
  }
  .g-pb-9 {
    padding-bottom: 0.64286rem !important;
  }
  .g-pb-10 {
    padding-bottom: 0.71429rem !important;
  }
  .g-pb-15 {
    padding-bottom: 1.07143rem !important;
  }
  .g-pb-20 {
    padding-bottom: 1.42857rem !important;
  }
  .g-pb-25 {
    padding-bottom: 1.78571rem !important;
  }
  .g-pb-30 {
    padding-bottom: 2.14286rem !important;
  }
  .g-pb-35 {
    padding-bottom: 2.5rem !important;
  }
  .g-pb-40 {
    padding-bottom: 2.85714rem !important;
  }
  .g-pb-45 {
    padding-bottom: 3.21429rem !important;
  }
  .g-pb-50 {
    padding-bottom: 3.57143rem !important;
  }
  .g-pb-55 {
    padding-bottom: 3.92857rem !important;
  }
  .g-pb-60 {
    padding-bottom: 4.28571rem !important;
  }
  .g-pb-65 {
    padding-bottom: 4.64286rem !important;
  }
  .g-pb-70 {
    padding-bottom: 5rem !important;
  }
  .g-pb-75 {
    padding-bottom: 5.35714rem !important;
  }
  .g-pb-80 {
    padding-bottom: 5.71429rem !important;
  }
  .g-pb-85 {
    padding-bottom: 6.07143rem !important;
  }
  .g-pb-90 {
    padding-bottom: 6.42857rem !important;
  }
  .g-pb-95 {
    padding-bottom: 6.78571rem !important;
  }
  .g-pb-100 {
    padding-bottom: 7.14286rem !important;
  }
  .g-pb-105 {
    padding-bottom: 7.5rem !important;
  }
  .g-pb-110 {
    padding-bottom: 7.85714rem !important;
  }
  .g-pb-115 {
    padding-bottom: 8.21429rem !important;
  }
  .g-pb-120 {
    padding-bottom: 8.57143rem !important;
  }
  .g-pb-125 {
    padding-bottom: 8.92857rem !important;
  }
  .g-pb-130 {
    padding-bottom: 9.28571rem !important;
  }
  .g-pb-135 {
    padding-bottom: 9.64286rem !important;
  }
  .g-pb-140 {
    padding-bottom: 10rem !important;
  }
  .g-pb-145 {
    padding-bottom: 10.35714rem !important;
  }
  .g-pb-150 {
    padding-bottom: 10.71429rem !important;
  }
  /* Padding Left */
  .g-pl-0 {
    padding-left: 0px !important;
  }
  .g-pl-1 {
    padding-left: 0.07143rem !important;
  }
  .g-pl-2 {
    padding-left: 0.14286rem !important;
  }
  .g-pl-3 {
    padding-left: 0.21429rem !important;
  }
  .g-pl-4 {
    padding-left: 0.28571rem !important;
  }
  .g-pl-5 {
    padding-left: 0.35714rem !important;
  }
  .g-pl-6 {
    padding-left: 0.42857rem !important;
  }
  .g-pl-7 {
    padding-left: 0.5rem !important;
  }
  .g-pl-8 {
    padding-left: 0.57143rem !important;
  }
  .g-pl-9 {
    padding-left: 0.64286rem !important;
  }
  /* P */
  .g-pl-10 {
    padding-left: 0.71429rem !important;
  }
  /* P */
  .g-pl-15 {
    padding-left: 1.07143rem !important;
  }
  /* P */
  .g-pl-20 {
    padding-left: 1.42857rem !important;
  }
  /* P */
  .g-pl-25 {
    padding-left: 1.78571rem !important;
  }
  /* P */
  .g-pl-30 {
    padding-left: 2.14286rem !important;
  }
  /* P */
  .g-pl-35 {
    padding-left: 2.5rem !important;
  }
  /* P */
  .g-pl-40 {
    padding-left: 2.85714rem !important;
  }
  /* P */
  .g-pl-45 {
    padding-left: 3.21429rem !important;
  }
  /* P */
  .g-pl-50 {
    padding-left: 3.57143rem !important;
  }
  /* P */
  .g-pl-55 {
    padding-left: 3.92857rem !important;
  }
  /* P */
  .g-pl-60 {
    padding-left: 4.28571rem !important;
  }
  /* P */
  .g-pl-65 {
    padding-left: 4.64286rem !important;
  }
  /* P */
  .g-pl-70 {
    padding-left: 5rem !important;
  }
  /* P */
  .g-pl-75 {
    padding-left: 5.35714rem !important;
  }
  /* P */
  .g-pl-80 {
    padding-left: 5.71429rem !important;
  }
  /* P */
  .g-pl-85 {
    padding-left: 6.07143rem !important;
  }
  /* P */
  .g-pl-90 {
    padding-left: 6.42857rem !important;
  }
  /* P */
  .g-pl-95 {
    padding-left: 6.78571rem !important;
  }
  /* P */
  .g-pl-100 {
    padding-left: 7.14286rem !important;
  }
  /* P */
  .g-pl-105 {
    padding-left: 7.5rem !important;
  }
  /* P */
  .g-pl-110 {
    padding-left: 7.85714rem !important;
  }
  /* P */
  .g-pl-115 {
    padding-left: 8.21429rem !important;
  }
  /* P */
  .g-pl-120 {
    padding-left: 8.57143rem !important;
  }
  /* P */
  .g-pl-125 {
    padding-left: 8.92857rem !important;
  }
  /* P */
  .g-pl-130 {
    padding-left: 9.28571rem !important;
  }
  /* P */
  .g-pl-135 {
    padding-left: 9.64286rem !important;
  }
  /* P */
  .g-pl-140 {
    padding-left: 10rem !important;
  }
  /* P */
  .g-pl-145 {
    padding-left: 10.35714rem !important;
  }
  /* P */
  .g-pl-150 {
    padding-left: 10.71429rem !important;
  }
  /* P */
  .g-pl-155 {
    padding-left: 11.07143rem !important;
  }
  /* P */
  .g-pl-160 {
    padding-left: 11.42857rem !important;
  }
  /* P */
  .g-pl-165 {
    padding-left: 11.78571rem !important;
  }
  /* P */
  .g-pl-170 {
    padding-left: 12.14286rem !important;
  }
}

/* Padding Spaces (sm)
------------------------------------*/
@media (min-width: 576px) {
  .g-pa-0--sm {
    padding: 0 !important;
  }
  .g-px-0--sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .g-py-0--sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-pt-0--sm {
    padding-top: 0 !important;
  }
  .g-pr-0--sm {
    padding-right: 0 !important;
  }
  .g-pb-0--sm {
    padding-bottom: 0 !important;
  }
  .g-pl-0--sm {
    padding-left: 0 !important;
  }
  /* Padding Around */
  .g-pa-2--sm {
    padding: 0.14286rem !important;
  }
  .g-pa-3--sm {
    padding: 0.21429rem !important;
  }
  .g-pa-5--sm {
    padding: 0.35714rem !important;
  }
  .g-pa-7--sm {
    padding: 0.5rem !important;
  }
  .g-pa-10--sm {
    padding: 0.71429rem !important;
  }
  .g-pa-15--sm {
    padding: 1.07143rem !important;
  }
  .g-pa-20--sm {
    padding: 1.42857rem !important;
  }
  .g-pa-25--sm {
    padding: 1.78571rem !important;
  }
  .g-pa-30--sm {
    padding: 2.14286rem !important;
  }
  .g-pa-35--sm {
    padding: 2.5rem !important;
  }
  .g-pa-40--sm {
    padding: 2.85714rem !important;
  }
  .g-pa-45--sm {
    padding: 3.21429rem !important;
  }
  .g-pa-50--sm {
    padding: 3.57143rem !important;
  }
  .g-pa-55--sm {
    padding: 3.92857rem !important;
  }
  .g-pa-60--sm {
    padding: 4.28571rem !important;
  }
  .g-pa-65--sm {
    padding: 4.64286rem !important;
  }
  .g-pa-70--sm {
    padding: 5rem !important;
  }
  .g-pa-75--sm {
    padding: 5.35714rem !important;
  }
  .g-pa-80--sm {
    padding: 5.71429rem !important;
  }
  .g-pa-85--sm {
    padding: 6.07143rem !important;
  }
  .g-pa-90--sm {
    padding: 6.42857rem !important;
  }
  .g-pa-95--sm {
    padding: 6.78571rem !important;
  }
  .g-pa-100--sm {
    padding: 7.14286rem !important;
  }
  .g-pa-105--sm {
    padding: 7.5rem !important;
  }
  .g-pa-110--sm {
    padding: 7.85714rem !important;
  }
  .g-pa-115--sm {
    padding: 8.21429rem !important;
  }
  .g-pa-120--sm {
    padding: 8.57143rem !important;
  }
  .g-pa-125--sm {
    padding: 8.92857rem !important;
  }
  .g-pa-130--sm {
    padding: 9.28571rem !important;
  }
  .g-pa-135--sm {
    padding: 9.64286rem !important;
  }
  .g-pa-140--sm {
    padding: 10rem !important;
  }
  .g-pa-145--sm {
    padding: 10.35714rem !important;
  }
  .g-pa-150--sm {
    padding: 10.71429rem !important;
  }
  /* Padding X */
  .g-px-1--sm {
    padding-left: 0.07143rem !important;
    padding-right: 0.07143rem !important;
  }
  .g-px-2--sm {
    padding-left: 0.14286rem !important;
    padding-right: 0.14286rem !important;
  }
  .g-px-3--sm {
    padding-left: 0.21429rem !important;
    padding-right: 0.21429rem !important;
  }
  .g-px-4--sm {
    padding-left: 0.28571rem !important;
    padding-right: 0.28571rem !important;
  }
  .g-px-5--sm {
    padding-left: 0.35714rem !important;
    padding-right: 0.35714rem !important;
  }
  .g-px-6--sm {
    padding-left: 0.42857rem !important;
    padding-right: 0.42857rem !important;
  }
  .g-px-7--sm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .g-px-8--sm {
    padding-left: 0.57143rem !important;
    padding-right: 0.57143rem !important;
  }
  .g-px-9--sm {
    padding-left: 0.64286rem !important;
    padding-right: 0.64286rem !important;
  }
  .g-px-10--sm {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-11--sm {
    padding-left: 0.78571rem !important;
    padding-right: 0.78571rem !important;
  }
  .g-px-12--sm {
    padding-left: 0.85714rem !important;
    padding-right: 0.85714rem !important;
  }
  .g-px-13--sm {
    padding-left: 0.92857rem !important;
    padding-right: 0.92857rem !important;
  }
  .g-px-14--sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .g-px-15--sm {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-16--sm {
    padding-left: 1.14286rem !important;
    padding-right: 1.14286rem !important;
  }
  .g-px-17--sm {
    padding-left: 1.21429rem !important;
    padding-right: 1.21429rem !important;
  }
  .g-px-18--sm {
    padding-left: 1.28571rem !important;
    padding-right: 1.28571rem !important;
  }
  .g-px-19--sm {
    padding-left: 1.35714rem !important;
    padding-right: 1.35714rem !important;
  }
  .g-px-10--sm {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-15--sm {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-20--sm {
    padding-left: 1.42857rem !important;
    padding-right: 1.42857rem !important;
  }
  .g-px-25--sm {
    padding-left: 1.78571rem !important;
    padding-right: 1.78571rem !important;
  }
  .g-px-30--sm {
    padding-left: 2.14286rem !important;
    padding-right: 2.14286rem !important;
  }
  .g-px-35--sm {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .g-px-40--sm {
    padding-left: 2.85714rem !important;
    padding-right: 2.85714rem !important;
  }
  .g-px-45--sm {
    padding-left: 3.21429rem !important;
    padding-right: 3.21429rem !important;
  }
  .g-px-50--sm {
    padding-left: 3.57143rem !important;
    padding-right: 3.57143rem !important;
  }
  .g-px-55--sm {
    padding-left: 3.92857rem !important;
    padding-right: 3.92857rem !important;
  }
  .g-px-60--sm {
    padding-left: 4.28571rem !important;
    padding-right: 4.28571rem !important;
  }
  .g-px-65--sm {
    padding-left: 4.64286rem !important;
    padding-right: 4.64286rem !important;
  }
  .g-px-70--sm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .g-px-75--sm {
    padding-left: 5.35714rem !important;
    padding-right: 5.35714rem !important;
  }
  .g-px-80--sm {
    padding-left: 5.71429rem !important;
    padding-right: 5.71429rem !important;
  }
  .g-px-85--sm {
    padding-left: 6.07143rem !important;
    padding-right: 6.07143rem !important;
  }
  .g-px-90--sm {
    padding-left: 6.42857rem !important;
    padding-right: 6.42857rem !important;
  }
  .g-px-95--sm {
    padding-left: 6.78571rem !important;
    padding-right: 6.78571rem !important;
  }
  .g-px-100--sm {
    padding-left: 7.14286rem !important;
    padding-right: 7.14286rem !important;
  }
  .g-px-105--sm {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .g-px-110--sm {
    padding-left: 7.85714rem !important;
    padding-right: 7.85714rem !important;
  }
  .g-px-115--sm {
    padding-left: 8.21429rem !important;
    padding-right: 8.21429rem !important;
  }
  .g-px-120--sm {
    padding-left: 8.57143rem !important;
    padding-right: 8.57143rem !important;
  }
  .g-px-125--sm {
    padding-left: 8.92857rem !important;
    padding-right: 8.92857rem !important;
  }
  .g-px-130--sm {
    padding-left: 9.28571rem !important;
    padding-right: 9.28571rem !important;
  }
  .g-px-135--sm {
    padding-left: 9.64286rem !important;
    padding-right: 9.64286rem !important;
  }
  .g-px-140--sm {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .g-px-145--sm {
    padding-left: 10.35714rem !important;
    padding-right: 10.35714rem !important;
  }
  .g-px-150--sm {
    padding-left: 10.71429rem !important;
    padding-right: 10.71429rem !important;
  }
  /* Padding Y */
  .g-py-1--sm {
    padding-top: 0.07143rem !important;
    padding-bottom: 0.07143rem !important;
  }
  .g-py-2--sm {
    padding-top: 0.14286rem !important;
    padding-bottom: 0.14286rem !important;
  }
  .g-py-3--sm {
    padding-top: 0.21429rem !important;
    padding-bottom: 0.21429rem !important;
  }
  .g-py-4--sm {
    padding-top: 0.28571rem !important;
    padding-bottom: 0.28571rem !important;
  }
  .g-py-5--sm {
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
  }
  .g-py-6--sm {
    padding-top: 0.42857rem !important;
    padding-bottom: 0.42857rem !important;
  }
  .g-py-7--sm {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .g-py-8--sm {
    padding-top: 0.57143rem !important;
    padding-bottom: 0.57143rem !important;
  }
  .g-py-9--sm {
    padding-top: 0.64286rem !important;
    padding-bottom: 0.64286rem !important;
  }
  .g-py-10--sm {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  .g-py-11--sm {
    padding-top: 0.78571rem !important;
    padding-bottom: 0.78571rem !important;
  }
  .g-py-12--sm {
    padding-top: 0.85714rem !important;
    padding-bottom: 0.85714rem !important;
  }
  .g-py-13--sm {
    padding-top: 0.92857rem !important;
    padding-bottom: 0.92857rem !important;
  }
  .g-py-14--sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .g-py-15--sm {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  .g-py-16--sm {
    padding-top: 1.14286rem !important;
    padding-bottom: 1.14286rem !important;
  }
  .g-py-17--sm {
    padding-top: 1.21429rem !important;
    padding-bottom: 1.21429rem !important;
  }
  .g-py-18--sm {
    padding-top: 1.28571rem !important;
    padding-bottom: 1.28571rem !important;
  }
  .g-py-19--sm {
    padding-top: 1.35714rem !important;
    padding-bottom: 1.35714rem !important;
  }
  /* P */
  .g-py-10--sm {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  /* P */
  .g-py-15--sm {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  /* P */
  .g-py-20--sm {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
  }
  /* P */
  .g-py-25--sm {
    padding-top: 1.78571rem !important;
    padding-bottom: 1.78571rem !important;
  }
  /* P */
  .g-py-30--sm {
    padding-top: 2.14286rem !important;
    padding-bottom: 2.14286rem !important;
  }
  /* P */
  .g-py-35--sm {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  /* P */
  .g-py-40--sm {
    padding-top: 2.85714rem !important;
    padding-bottom: 2.85714rem !important;
  }
  /* P */
  .g-py-45--sm {
    padding-top: 3.21429rem !important;
    padding-bottom: 3.21429rem !important;
  }
  /* P */
  .g-py-50--sm {
    padding-top: 3.57143rem !important;
    padding-bottom: 3.57143rem !important;
  }
  /* P */
  .g-py-55--sm {
    padding-top: 3.92857rem !important;
    padding-bottom: 3.92857rem !important;
  }
  /* P */
  .g-py-60--sm {
    padding-top: 4.28571rem !important;
    padding-bottom: 4.28571rem !important;
  }
  /* P */
  .g-py-65--sm {
    padding-top: 4.64286rem !important;
    padding-bottom: 4.64286rem !important;
  }
  /* P */
  .g-py-70--sm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  /* P */
  .g-py-75--sm {
    padding-top: 5.35714rem !important;
    padding-bottom: 5.35714rem !important;
  }
  /* P */
  .g-py-80--sm {
    padding-top: 5.71429rem !important;
    padding-bottom: 5.71429rem !important;
  }
  /* P */
  .g-py-85--sm {
    padding-top: 6.07143rem !important;
    padding-bottom: 6.07143rem !important;
  }
  /* P */
  .g-py-90--sm {
    padding-top: 6.42857rem !important;
    padding-bottom: 6.42857rem !important;
  }
  /* P */
  .g-py-95--sm {
    padding-top: 6.78571rem !important;
    padding-bottom: 6.78571rem !important;
  }
  /* P */
  .g-py-100--sm {
    padding-top: 7.14286rem !important;
    padding-bottom: 7.14286rem !important;
  }
  /* P */
  .g-py-105--sm {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  /* P */
  .g-py-110--sm {
    padding-top: 7.85714rem !important;
    padding-bottom: 7.85714rem !important;
  }
  /* P */
  .g-py-115--sm {
    padding-top: 8.21429rem !important;
    padding-bottom: 8.21429rem !important;
  }
  /* P */
  .g-py-120--sm {
    padding-top: 8.57143rem !important;
    padding-bottom: 8.57143rem !important;
  }
  /* P */
  .g-py-125--sm {
    padding-top: 8.92857rem !important;
    padding-bottom: 8.92857rem !important;
  }
  /* P */
  .g-py-130--sm {
    padding-top: 9.28571rem !important;
    padding-bottom: 9.28571rem !important;
  }
  /* P */
  .g-py-135--sm {
    padding-top: 9.64286rem !important;
    padding-bottom: 9.64286rem !important;
  }
  /* P */
  .g-py-140--sm {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  /* P */
  .g-py-145--sm {
    padding-top: 10.35714rem !important;
    padding-bottom: 10.35714rem !important;
  }
  /* P */
  .g-py-150--sm {
    padding-top: 10.71429rem !important;
    padding-bottom: 10.71429rem !important;
  }
  /* P */
  .g-py-155--sm {
    padding-top: 11.07143rem !important;
    padding-bottom: 11.07143rem !important;
  }
  /* P */
  .g-py-160--sm {
    padding-top: 11.42857rem !important;
    padding-bottom: 11.42857rem !important;
  }
  /* P */
  .g-py-165--sm {
    padding-top: 11.78571rem !important;
    padding-bottom: 11.78571rem !important;
  }
  /* P */
  .g-py-170--sm {
    padding-top: 12.14286rem !important;
    padding-bottom: 12.14286rem !important;
  }
  /* P */
  .g-py-175--sm {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  /* P */
  .g-py-180--sm {
    padding-top: 12.85714rem !important;
    padding-bottom: 12.85714rem !important;
  }
  /* P */
  .g-py-185--sm {
    padding-top: 13.21429rem !important;
    padding-bottom: 13.21429rem !important;
  }
  /* P */
  .g-py-190--sm {
    padding-top: 13.57143rem !important;
    padding-bottom: 13.57143rem !important;
  }
  /* P */
  .g-py-195--sm {
    padding-top: 13.92857rem !important;
    padding-bottom: 13.92857rem !important;
  }
  /* P */
  .g-py-200--sm {
    padding-top: 14.28571rem !important;
    padding-bottom: 14.28571rem !important;
  }
  /* P */
  .g-py-205--sm {
    padding-top: 14.64286rem !important;
    padding-bottom: 14.64286rem !important;
  }
  /* P */
  .g-py-210--sm {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  /* Padding Top */
  .g-pt-0--sm {
    padding-top: 0px !important;
  }
  .g-pt-1--sm {
    padding-top: 0.07143rem !important;
  }
  .g-pt-2--sm {
    padding-top: 0.14286rem !important;
  }
  .g-pt-3--sm {
    padding-top: 0.21429rem !important;
  }
  .g-pt-4--sm {
    padding-top: 0.28571rem !important;
  }
  .g-pt-5--sm {
    padding-top: 0.35714rem !important;
  }
  .g-pt-6--sm {
    padding-top: 0.42857rem !important;
  }
  .g-pt-7--sm {
    padding-top: 0.5rem !important;
  }
  .g-pt-8--sm {
    padding-top: 0.57143rem !important;
  }
  .g-pt-9--sm {
    padding-top: 0.64286rem !important;
  }
  .g-pt-10--sm {
    padding-top: 0.71429rem !important;
  }
  .g-pt-11--sm {
    padding-top: 0.78571rem !important;
  }
  .g-pt-12--sm {
    padding-top: 0.85714rem !important;
  }
  .g-pt-13--sm {
    padding-top: 0.92857rem !important;
  }
  .g-pt-14--sm {
    padding-top: 1rem !important;
  }
  .g-pt-15--sm {
    padding-top: 1.07143rem !important;
  }
  .g-pt-16--sm {
    padding-top: 1.14286rem !important;
  }
  .g-pt-17--sm {
    padding-top: 1.21429rem !important;
  }
  .g-pt-18--sm {
    padding-top: 1.28571rem !important;
  }
  .g-pt-19--sm {
    padding-top: 1.35714rem !important;
  }
  .g-pt-10--sm {
    padding-top: 0.71429rem !important;
  }
  .g-pt-15--sm {
    padding-top: 1.07143rem !important;
  }
  .g-pt-20--sm {
    padding-top: 1.42857rem !important;
  }
  .g-pt-25--sm {
    padding-top: 1.78571rem !important;
  }
  .g-pt-30--sm {
    padding-top: 2.14286rem !important;
  }
  .g-pt-35--sm {
    padding-top: 2.5rem !important;
  }
  .g-pt-40--sm {
    padding-top: 2.85714rem !important;
  }
  .g-pt-45--sm {
    padding-top: 3.21429rem !important;
  }
  .g-pt-50--sm {
    padding-top: 3.57143rem !important;
  }
  .g-pt-55--sm {
    padding-top: 3.92857rem !important;
  }
  .g-pt-60--sm {
    padding-top: 4.28571rem !important;
  }
  .g-pt-65--sm {
    padding-top: 4.64286rem !important;
  }
  .g-pt-70--sm {
    padding-top: 5rem !important;
  }
  .g-pt-75--sm {
    padding-top: 5.35714rem !important;
  }
  .g-pt-80--sm {
    padding-top: 5.71429rem !important;
  }
  .g-pt-85--sm {
    padding-top: 6.07143rem !important;
  }
  .g-pt-90--sm {
    padding-top: 6.42857rem !important;
  }
  .g-pt-95--sm {
    padding-top: 6.78571rem !important;
  }
  .g-pt-100--sm {
    padding-top: 7.14286rem !important;
  }
  .g-pt-105--sm {
    padding-top: 7.5rem !important;
  }
  .g-pt-110--sm {
    padding-top: 7.85714rem !important;
  }
  .g-pt-115--sm {
    padding-top: 8.21429rem !important;
  }
  .g-pt-120--sm {
    padding-top: 8.57143rem !important;
  }
  .g-pt-125--sm {
    padding-top: 8.92857rem !important;
  }
  .g-pt-130--sm {
    padding-top: 9.28571rem !important;
  }
  .g-pt-135--sm {
    padding-top: 9.64286rem !important;
  }
  .g-pt-140--sm {
    padding-top: 10rem !important;
  }
  .g-pt-145--sm {
    padding-top: 10.35714rem !important;
  }
  .g-pt-150--sm {
    padding-top: 10.71429rem !important;
  }
  /* Padding Right */
  .g-pr-0--sm {
    padding-right: 0px !important;
  }
  .g-pr-1--sm {
    padding-right: 0.07143rem !important;
  }
  .g-pr-2--sm {
    padding-right: 0.14286rem !important;
  }
  .g-pr-3--sm {
    padding-right: 0.21429rem !important;
  }
  .g-pr-4--sm {
    padding-right: 0.28571rem !important;
  }
  .g-pr-5--sm {
    padding-right: 0.35714rem !important;
  }
  .g-pr-6--sm {
    padding-right: 0.42857rem !important;
  }
  .g-pr-7--sm {
    padding-right: 0.5rem !important;
  }
  .g-pr-8--sm {
    padding-right: 0.57143rem !important;
  }
  .g-pr-9--sm {
    padding-right: 0.64286rem !important;
  }
  /* P */
  .g-pr-10--sm {
    padding-right: 0.71429rem !important;
  }
  /* P */
  .g-pr-15--sm {
    padding-right: 1.07143rem !important;
  }
  /* P */
  .g-pr-20--sm {
    padding-right: 1.42857rem !important;
  }
  /* P */
  .g-pr-25--sm {
    padding-right: 1.78571rem !important;
  }
  /* P */
  .g-pr-30--sm {
    padding-right: 2.14286rem !important;
  }
  /* P */
  .g-pr-35--sm {
    padding-right: 2.5rem !important;
  }
  /* P */
  .g-pr-40--sm {
    padding-right: 2.85714rem !important;
  }
  /* P */
  .g-pr-45--sm {
    padding-right: 3.21429rem !important;
  }
  /* P */
  .g-pr-50--sm {
    padding-right: 3.57143rem !important;
  }
  /* P */
  .g-pr-55--sm {
    padding-right: 3.92857rem !important;
  }
  /* P */
  .g-pr-60--sm {
    padding-right: 4.28571rem !important;
  }
  /* P */
  .g-pr-65--sm {
    padding-right: 4.64286rem !important;
  }
  /* P */
  .g-pr-70--sm {
    padding-right: 5rem !important;
  }
  /* P */
  .g-pr-75--sm {
    padding-right: 5.35714rem !important;
  }
  /* P */
  .g-pr-80--sm {
    padding-right: 5.71429rem !important;
  }
  /* P */
  .g-pr-85--sm {
    padding-right: 6.07143rem !important;
  }
  /* P */
  .g-pr-90--sm {
    padding-right: 6.42857rem !important;
  }
  /* P */
  .g-pr-95--sm {
    padding-right: 6.78571rem !important;
  }
  /* P */
  .g-pr-100--sm {
    padding-right: 7.14286rem !important;
  }
  /* P */
  .g-pr-105--sm {
    padding-right: 7.5rem !important;
  }
  /* P */
  .g-pr-110--sm {
    padding-right: 7.85714rem !important;
  }
  /* P */
  .g-pr-115--sm {
    padding-right: 8.21429rem !important;
  }
  /* P */
  .g-pr-120--sm {
    padding-right: 8.57143rem !important;
  }
  /* P */
  .g-pr-125--sm {
    padding-right: 8.92857rem !important;
  }
  /* P */
  .g-pr-130--sm {
    padding-right: 9.28571rem !important;
  }
  /* P */
  .g-pr-135--sm {
    padding-right: 9.64286rem !important;
  }
  /* P */
  .g-pr-140--sm {
    padding-right: 10rem !important;
  }
  /* P */
  .g-pr-145--sm {
    padding-right: 10.35714rem !important;
  }
  /* P */
  .g-pr-150--sm {
    padding-right: 10.71429rem !important;
  }
  /* P */
  .g-pr-155--sm {
    padding-right: 11.07143rem !important;
  }
  /* P */
  .g-pr-160--sm {
    padding-right: 11.42857rem !important;
  }
  /* P */
  .g-pr-165--sm {
    padding-right: 11.78571rem !important;
  }
  /* P */
  .g-pr-170--sm {
    padding-right: 12.14286rem !important;
  }
  /* Padding Bottom */
  .g-pb-0--sm {
    padding-bottom: 0px !important;
  }
  .g-pb-1--sm {
    padding-bottom: 0.07143rem !important;
  }
  .g-pb-2--sm {
    padding-bottom: 0.14286rem !important;
  }
  .g-pb-3--sm {
    padding-bottom: 0.21429rem !important;
  }
  .g-pb-4--sm {
    padding-bottom: 0.28571rem !important;
  }
  .g-pb-5--sm {
    padding-bottom: 0.35714rem !important;
  }
  .g-pb-6--sm {
    padding-bottom: 0.42857rem !important;
  }
  .g-pb-7--sm {
    padding-bottom: 0.5rem !important;
  }
  .g-pb-8--sm {
    padding-bottom: 0.57143rem !important;
  }
  .g-pb-9--sm {
    padding-bottom: 0.64286rem !important;
  }
  .g-pb-10--sm {
    padding-bottom: 0.71429rem !important;
  }
  .g-pb-15--sm {
    padding-bottom: 1.07143rem !important;
  }
  .g-pb-20--sm {
    padding-bottom: 1.42857rem !important;
  }
  .g-pb-25--sm {
    padding-bottom: 1.78571rem !important;
  }
  .g-pb-30--sm {
    padding-bottom: 2.14286rem !important;
  }
  .g-pb-35--sm {
    padding-bottom: 2.5rem !important;
  }
  .g-pb-40--sm {
    padding-bottom: 2.85714rem !important;
  }
  .g-pb-45--sm {
    padding-bottom: 3.21429rem !important;
  }
  .g-pb-50--sm {
    padding-bottom: 3.57143rem !important;
  }
  .g-pb-55--sm {
    padding-bottom: 3.92857rem !important;
  }
  .g-pb-60--sm {
    padding-bottom: 4.28571rem !important;
  }
  .g-pb-65--sm {
    padding-bottom: 4.64286rem !important;
  }
  .g-pb-70--sm {
    padding-bottom: 5rem !important;
  }
  .g-pb-75--sm {
    padding-bottom: 5.35714rem !important;
  }
  .g-pb-80--sm {
    padding-bottom: 5.71429rem !important;
  }
  .g-pb-85--sm {
    padding-bottom: 6.07143rem !important;
  }
  .g-pb-90--sm {
    padding-bottom: 6.42857rem !important;
  }
  .g-pb-95--sm {
    padding-bottom: 6.78571rem !important;
  }
  .g-pb-100--sm {
    padding-bottom: 7.14286rem !important;
  }
  .g-pb-105--sm {
    padding-bottom: 7.5rem !important;
  }
  .g-pb-110--sm {
    padding-bottom: 7.85714rem !important;
  }
  .g-pb-115--sm {
    padding-bottom: 8.21429rem !important;
  }
  .g-pb-120--sm {
    padding-bottom: 8.57143rem !important;
  }
  .g-pb-125--sm {
    padding-bottom: 8.92857rem !important;
  }
  .g-pb-130--sm {
    padding-bottom: 9.28571rem !important;
  }
  .g-pb-135--sm {
    padding-bottom: 9.64286rem !important;
  }
  .g-pb-140--sm {
    padding-bottom: 10rem !important;
  }
  .g-pb-145--sm {
    padding-bottom: 10.35714rem !important;
  }
  .g-pb-150--sm {
    padding-bottom: 10.71429rem !important;
  }
  /* Padding Left */
  .g-pl-0--sm {
    padding-left: 0px !important;
  }
  .g-pl-1--sm {
    padding-left: 0.07143rem !important;
  }
  .g-pl-2--sm {
    padding-left: 0.14286rem !important;
  }
  .g-pl-3--sm {
    padding-left: 0.21429rem !important;
  }
  .g-pl-4--sm {
    padding-left: 0.28571rem !important;
  }
  .g-pl-5--sm {
    padding-left: 0.35714rem !important;
  }
  .g-pl-6--sm {
    padding-left: 0.42857rem !important;
  }
  .g-pl-7--sm {
    padding-left: 0.5rem !important;
  }
  .g-pl-8--sm {
    padding-left: 0.57143rem !important;
  }
  .g-pl-9--sm {
    padding-left: 0.64286rem !important;
  }
  /* P */
  .g-pl-10--sm {
    padding-left: 0.71429rem !important;
  }
  /* P */
  .g-pl-15--sm {
    padding-left: 1.07143rem !important;
  }
  /* P */
  .g-pl-20--sm {
    padding-left: 1.42857rem !important;
  }
  /* P */
  .g-pl-25--sm {
    padding-left: 1.78571rem !important;
  }
  /* P */
  .g-pl-30--sm {
    padding-left: 2.14286rem !important;
  }
  /* P */
  .g-pl-35--sm {
    padding-left: 2.5rem !important;
  }
  /* P */
  .g-pl-40--sm {
    padding-left: 2.85714rem !important;
  }
  /* P */
  .g-pl-45--sm {
    padding-left: 3.21429rem !important;
  }
  /* P */
  .g-pl-50--sm {
    padding-left: 3.57143rem !important;
  }
  /* P */
  .g-pl-55--sm {
    padding-left: 3.92857rem !important;
  }
  /* P */
  .g-pl-60--sm {
    padding-left: 4.28571rem !important;
  }
  /* P */
  .g-pl-65--sm {
    padding-left: 4.64286rem !important;
  }
  /* P */
  .g-pl-70--sm {
    padding-left: 5rem !important;
  }
  /* P */
  .g-pl-75--sm {
    padding-left: 5.35714rem !important;
  }
  /* P */
  .g-pl-80--sm {
    padding-left: 5.71429rem !important;
  }
  /* P */
  .g-pl-85--sm {
    padding-left: 6.07143rem !important;
  }
  /* P */
  .g-pl-90--sm {
    padding-left: 6.42857rem !important;
  }
  /* P */
  .g-pl-95--sm {
    padding-left: 6.78571rem !important;
  }
  /* P */
  .g-pl-100--sm {
    padding-left: 7.14286rem !important;
  }
  /* P */
  .g-pl-105--sm {
    padding-left: 7.5rem !important;
  }
  /* P */
  .g-pl-110--sm {
    padding-left: 7.85714rem !important;
  }
  /* P */
  .g-pl-115--sm {
    padding-left: 8.21429rem !important;
  }
  /* P */
  .g-pl-120--sm {
    padding-left: 8.57143rem !important;
  }
  /* P */
  .g-pl-125--sm {
    padding-left: 8.92857rem !important;
  }
  /* P */
  .g-pl-130--sm {
    padding-left: 9.28571rem !important;
  }
  /* P */
  .g-pl-135--sm {
    padding-left: 9.64286rem !important;
  }
  /* P */
  .g-pl-140--sm {
    padding-left: 10rem !important;
  }
  /* P */
  .g-pl-145--sm {
    padding-left: 10.35714rem !important;
  }
  /* P */
  .g-pl-150--sm {
    padding-left: 10.71429rem !important;
  }
  /* P */
  .g-pl-155--sm {
    padding-left: 11.07143rem !important;
  }
  /* P */
  .g-pl-160--sm {
    padding-left: 11.42857rem !important;
  }
  /* P */
  .g-pl-165--sm {
    padding-left: 11.78571rem !important;
  }
  /* P */
  .g-pl-170--sm {
    padding-left: 19.5rem !important;
  }
}

/* Padding Spaces (md)
------------------------------------*/
/* P */
@media (min-width: 768px) {
  .g-pa-0--md {
    padding: 0 !important;
  }
  .g-px-0--md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .g-py-0--md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-pt-0--md {
    padding-top: 0 !important;
  }
  .g-pr-0--md {
    padding-right: 0 !important;
  }
  .g-pb-0--md {
    padding-bottom: 0 !important;
  }
  .g-pl-0--md {
    padding-left: 0 !important;
  }
  /* Padding Around */
  .g-pa-2--md {
    padding: 0.14286rem !important;
  }
  .g-pa-3--md {
    padding: 0.21429rem !important;
  }
  .g-pa-5--md {
    padding: 0.35714rem !important;
  }
  .g-pa-7--md {
    padding: 0.5rem !important;
  }
  .g-pa-10--md {
    padding: 0.71429rem !important;
  }
  .g-pa-15--md {
    padding: 1.07143rem !important;
  }
  .g-pa-20--md {
    padding: 1.42857rem !important;
  }
  .g-pa-25--md {
    padding: 1.78571rem !important;
  }
  .g-pa-30--md {
    padding: 2.14286rem !important;
  }
  .g-pa-35--md {
    padding: 2.5rem !important;
  }
  .g-pa-40--md {
    padding: 2.85714rem !important;
  }
  .g-pa-45--md {
    padding: 3.21429rem !important;
  }
  .g-pa-50--md {
    padding: 3.57143rem !important;
  }
  .g-pa-55--md {
    padding: 3.92857rem !important;
  }
  .g-pa-60--md {
    padding: 4.28571rem !important;
  }
  .g-pa-65--md {
    padding: 4.64286rem !important;
  }
  .g-pa-70--md {
    padding: 5rem !important;
  }
  .g-pa-75--md {
    padding: 5.35714rem !important;
  }
  .g-pa-80--md {
    padding: 5.71429rem !important;
  }
  .g-pa-85--md {
    padding: 6.07143rem !important;
  }
  .g-pa-90--md {
    padding: 6.42857rem !important;
  }
  .g-pa-95--md {
    padding: 6.78571rem !important;
  }
  .g-pa-100--md {
    padding: 7.14286rem !important;
  }
  .g-pa-105--md {
    padding: 7.5rem !important;
  }
  .g-pa-110--md {
    padding: 7.85714rem !important;
  }
  .g-pa-115--md {
    padding: 8.21429rem !important;
  }
  .g-pa-120--md {
    padding: 8.57143rem !important;
  }
  .g-pa-125--md {
    padding: 8.92857rem !important;
  }
  .g-pa-130--md {
    padding: 9.28571rem !important;
  }
  .g-pa-135--md {
    padding: 9.64286rem !important;
  }
  .g-pa-140--md {
    padding: 10rem !important;
  }
  .g-pa-145--md {
    padding: 10.35714rem !important;
  }
  .g-pa-150--md {
    padding: 10.71429rem !important;
  }
  /* Padding X */
  .g-px-1--md {
    padding-left: 0.07143rem !important;
    padding-right: 0.07143rem !important;
  }
  .g-px-2--md {
    padding-left: 0.14286rem !important;
    padding-right: 0.14286rem !important;
  }
  .g-px-3--md {
    padding-left: 0.21429rem !important;
    padding-right: 0.21429rem !important;
  }
  .g-px-4--md {
    padding-left: 0.28571rem !important;
    padding-right: 0.28571rem !important;
  }
  .g-px-5--md {
    padding-left: 0.35714rem !important;
    padding-right: 0.35714rem !important;
  }
  .g-px-6--md {
    padding-left: 0.42857rem !important;
    padding-right: 0.42857rem !important;
  }
  .g-px-7--md {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .g-px-8--md {
    padding-left: 0.57143rem !important;
    padding-right: 0.57143rem !important;
  }
  .g-px-9--md {
    padding-left: 0.64286rem !important;
    padding-right: 0.64286rem !important;
  }
  .g-px-10--md {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-11--md {
    padding-left: 0.78571rem !important;
    padding-right: 0.78571rem !important;
  }
  .g-px-12--md {
    padding-left: 0.85714rem !important;
    padding-right: 0.85714rem !important;
  }
  .g-px-13--md {
    padding-left: 0.92857rem !important;
    padding-right: 0.92857rem !important;
  }
  .g-px-14--md {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .g-px-15--md {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-16--md {
    padding-left: 1.14286rem !important;
    padding-right: 1.14286rem !important;
  }
  .g-px-17--md {
    padding-left: 1.21429rem !important;
    padding-right: 1.21429rem !important;
  }
  .g-px-18--md {
    padding-left: 1.28571rem !important;
    padding-right: 1.28571rem !important;
  }
  .g-px-19--md {
    padding-left: 1.35714rem !important;
    padding-right: 1.35714rem !important;
  }
  .g-px-10--md {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-15--md {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-20--md {
    padding-left: 1.42857rem !important;
    padding-right: 1.42857rem !important;
  }
  .g-px-25--md {
    padding-left: 1.78571rem !important;
    padding-right: 1.78571rem !important;
  }
  .g-px-30--md {
    padding-left: 2.14286rem !important;
    padding-right: 2.14286rem !important;
  }
  .g-px-35--md {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .g-px-40--md {
    padding-left: 2.85714rem !important;
    padding-right: 2.85714rem !important;
  }
  .g-px-45--md {
    padding-left: 3.21429rem !important;
    padding-right: 3.21429rem !important;
  }
  .g-px-50--md {
    padding-left: 3.57143rem !important;
    padding-right: 3.57143rem !important;
  }
  .g-px-55--md {
    padding-left: 3.92857rem !important;
    padding-right: 3.92857rem !important;
  }
  .g-px-60--md {
    padding-left: 4.28571rem !important;
    padding-right: 4.28571rem !important;
  }
  .g-px-65--md {
    padding-left: 4.64286rem !important;
    padding-right: 4.64286rem !important;
  }
  .g-px-70--md {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .g-px-75--md {
    padding-left: 5.35714rem !important;
    padding-right: 5.35714rem !important;
  }
  .g-px-80--md {
    padding-left: 5.71429rem !important;
    padding-right: 5.71429rem !important;
  }
  .g-px-85--md {
    padding-left: 6.07143rem !important;
    padding-right: 6.07143rem !important;
  }
  .g-px-90--md {
    padding-left: 6.42857rem !important;
    padding-right: 6.42857rem !important;
  }
  .g-px-95--md {
    padding-left: 6.78571rem !important;
    padding-right: 6.78571rem !important;
  }
  .g-px-100--md {
    padding-left: 7.14286rem !important;
    padding-right: 7.14286rem !important;
  }
  .g-px-105--md {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .g-px-110--md {
    padding-left: 7.85714rem !important;
    padding-right: 7.85714rem !important;
  }
  .g-px-115--md {
    padding-left: 8.21429rem !important;
    padding-right: 8.21429rem !important;
  }
  .g-px-120--md {
    padding-left: 8.57143rem !important;
    padding-right: 8.57143rem !important;
  }
  .g-px-125--md {
    padding-left: 8.92857rem !important;
    padding-right: 8.92857rem !important;
  }
  .g-px-130--md {
    padding-left: 9.28571rem !important;
    padding-right: 9.28571rem !important;
  }
  .g-px-135--md {
    padding-left: 9.64286rem !important;
    padding-right: 9.64286rem !important;
  }
  .g-px-140--md {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .g-px-145--md {
    padding-left: 10.35714rem !important;
    padding-right: 10.35714rem !important;
  }
  .g-px-150--md {
    padding-left: 10.71429rem !important;
    padding-right: 10.71429rem !important;
  }
  /* Padding Y */
  .g-py-1--md {
    padding-top: 0.07143rem !important;
    padding-bottom: 0.07143rem !important;
  }
  .g-py-2--md {
    padding-top: 0.14286rem !important;
    padding-bottom: 0.14286rem !important;
  }
  .g-py-3--md {
    padding-top: 0.21429rem !important;
    padding-bottom: 0.21429rem !important;
  }
  .g-py-4--md {
    padding-top: 0.28571rem !important;
    padding-bottom: 0.28571rem !important;
  }
  .g-py-5--md {
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
  }
  .g-py-6--md {
    padding-top: 0.42857rem !important;
    padding-bottom: 0.42857rem !important;
  }
  .g-py-7--md {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .g-py-8--md {
    padding-top: 0.57143rem !important;
    padding-bottom: 0.57143rem !important;
  }
  .g-py-9--md {
    padding-top: 0.64286rem !important;
    padding-bottom: 0.64286rem !important;
  }
  .g-py-10--md {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  .g-py-11--md {
    padding-top: 0.78571rem !important;
    padding-bottom: 0.78571rem !important;
  }
  .g-py-12--md {
    padding-top: 0.85714rem !important;
    padding-bottom: 0.85714rem !important;
  }
  .g-py-13--md {
    padding-top: 0.92857rem !important;
    padding-bottom: 0.92857rem !important;
  }
  .g-py-14--md {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .g-py-15--md {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  .g-py-16--md {
    padding-top: 1.14286rem !important;
    padding-bottom: 1.14286rem !important;
  }
  .g-py-17--md {
    padding-top: 1.21429rem !important;
    padding-bottom: 1.21429rem !important;
  }
  .g-py-18--md {
    padding-top: 1.28571rem !important;
    padding-bottom: 1.28571rem !important;
  }
  .g-py-19--md {
    padding-top: 1.35714rem !important;
    padding-bottom: 1.35714rem !important;
  }
  /* P */
  .g-py-10--md {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  /* P */
  .g-py-15--md {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  /* P */
  .g-py-20--md {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
  }
  /* P */
  .g-py-25--md {
    padding-top: 1.78571rem !important;
    padding-bottom: 1.78571rem !important;
  }
  /* P */
  .g-py-30--md {
    padding-top: 2.14286rem !important;
    padding-bottom: 2.14286rem !important;
  }
  /* P */
  .g-py-35--md {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  /* P */
  .g-py-40--md {
    padding-top: 2.85714rem !important;
    padding-bottom: 2.85714rem !important;
  }
  /* P */
  .g-py-45--md {
    padding-top: 3.21429rem !important;
    padding-bottom: 3.21429rem !important;
  }
  /* P */
  .g-py-50--md {
    padding-top: 3.57143rem !important;
    padding-bottom: 3.57143rem !important;
  }
  /* P */
  .g-py-55--md {
    padding-top: 3.92857rem !important;
    padding-bottom: 3.92857rem !important;
  }
  /* P */
  .g-py-60--md {
    padding-top: 4.28571rem !important;
    padding-bottom: 4.28571rem !important;
  }
  /* P */
  .g-py-65--md {
    padding-top: 4.64286rem !important;
    padding-bottom: 4.64286rem !important;
  }
  /* P */
  .g-py-70--md {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  /* P */
  .g-py-75--md {
    padding-top: 5.35714rem !important;
    padding-bottom: 5.35714rem !important;
  }
  /* P */
  .g-py-80--md {
    padding-top: 5.71429rem !important;
    padding-bottom: 5.71429rem !important;
  }
  /* P */
  .g-py-85--md {
    padding-top: 6.07143rem !important;
    padding-bottom: 6.07143rem !important;
  }
  /* P */
  .g-py-90--md {
    padding-top: 6.42857rem !important;
    padding-bottom: 6.42857rem !important;
  }
  /* P */
  .g-py-95--md {
    padding-top: 6.78571rem !important;
    padding-bottom: 6.78571rem !important;
  }
  /* P */
  .g-py-100--md {
    padding-top: 7.14286rem !important;
    padding-bottom: 3.14286rem !important;
  }
  /* P */
  .g-py-105--md {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  /* P */
  .g-py-110--md {
    padding-top: 7.85714rem !important;
    padding-bottom: 7.85714rem !important;
  }
  /* P */
  .g-py-115--md {
    padding-top: 8.21429rem !important;
    padding-bottom: 8.21429rem !important;
  }
  /* P */
  .g-py-120--md {
    padding-top: 8.57143rem !important;
    padding-bottom: 8.57143rem !important;
  }
  /* P */
  .g-py-125--md {
    padding-top: 8.92857rem !important;
    padding-bottom: 8.92857rem !important;
  }
  /* P */
  .g-py-130--md {
    padding-top: 9.28571rem !important;
    padding-bottom: 9.28571rem !important;
  }
  /* P */
  .g-py-135--md {
    padding-top: 9.64286rem !important;
    padding-bottom: 9.64286rem !important;
  }
  /* P */
  .g-py-140--md {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  /* P */
  .g-py-145--md {
    padding-top: 10.35714rem !important;
    padding-bottom: 10.35714rem !important;
  }
  /* P */
  .g-py-150--md {
    padding-top: 10.71429rem !important;
    padding-bottom: 10.71429rem !important;
  }
  /* P */
  .g-py-155--md {
    padding-top: 11.07143rem !important;
    padding-bottom: 11.07143rem !important;
  }
  /* P */
  .g-py-160--md {
    padding-top: 11.42857rem !important;
    padding-bottom: 11.42857rem !important;
  }
  /* P */
  .g-py-165--md {
    padding-top: 11.78571rem !important;
    padding-bottom: 11.78571rem !important;
  }
  /* P */
  .g-py-170--md {
    padding-top: 12.14286rem !important;
    padding-bottom: 12.14286rem !important;
  }
  /* P */
  .g-py-175--md {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  /* P */
  .g-py-180--md {
    padding-top: 12.85714rem !important;
    padding-bottom: 12.85714rem !important;
  }
  /* P */
  .g-py-185--md {
    padding-top: 13.21429rem !important;
    padding-bottom: 13.21429rem !important;
  }
  /* P */
  .g-py-190--md {
    padding-top: 13.57143rem !important;
    padding-bottom: 13.57143rem !important;
  }
  /* P */
  .g-py-195--md {
    padding-top: 13.92857rem !important;
    padding-bottom: 13.92857rem !important;
  }
  /* P */
  .g-py-200--md {
    padding-top: 14.28571rem !important;
    padding-bottom: 14.28571rem !important;
  }
  /* P */
  .g-py-205--md {
    padding-top: 14.64286rem !important;
    padding-bottom: 14.64286rem !important;
  }
  /* P */
  .g-py-210--md {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  /* Padding Top */
  .g-pt-0--md {
    padding-top: 0px !important;
  }
  .g-pt-1--md {
    padding-top: 0.07143rem !important;
  }
  .g-pt-2--md {
    padding-top: 0.14286rem !important;
  }
  .g-pt-3--md {
    padding-top: 0.21429rem !important;
  }
  .g-pt-4--md {
    padding-top: 0.28571rem !important;
  }
  .g-pt-5--md {
    padding-top: 0.35714rem !important;
  }
  .g-pt-6--md {
    padding-top: 0.42857rem !important;
  }
  .g-pt-7--md {
    padding-top: 0.5rem !important;
  }
  .g-pt-8--md {
    padding-top: 0.57143rem !important;
  }
  .g-pt-9--md {
    padding-top: 0.64286rem !important;
  }
  .g-pt-10--md {
    padding-top: 0.71429rem !important;
  }
  .g-pt-11--md {
    padding-top: 0.78571rem !important;
  }
  .g-pt-12--md {
    padding-top: 0.85714rem !important;
  }
  .g-pt-13--md {
    padding-top: 0.92857rem !important;
  }
  .g-pt-14--md {
    padding-top: 1rem !important;
  }
  .g-pt-15--md {
    padding-top: 1.07143rem !important;
  }
  .g-pt-16--md {
    padding-top: 1.14286rem !important;
  }
  .g-pt-17--md {
    padding-top: 1.21429rem !important;
  }
  .g-pt-18--md {
    padding-top: 1.28571rem !important;
  }
  .g-pt-19--md {
    padding-top: 1.35714rem !important;
  }
  .g-pt-10--md {
    padding-top: 0.71429rem !important;
  }
  .g-pt-15--md {
    padding-top: 1.07143rem !important;
  }
  .g-pt-20--md {
    padding-top: 1.42857rem !important;
  }
  .g-pt-25--md {
    padding-top: 1.78571rem !important;
  }
  .g-pt-30--md {
    padding-top: 2.14286rem !important;
  }
  .g-pt-35--md {
    padding-top: 2.5rem !important;
  }
  .g-pt-40--md {
    padding-top: 2.85714rem !important;
  }
  .g-pt-45--md {
    padding-top: 3.21429rem !important;
  }
  .g-pt-50--md {
    padding-top: 3.57143rem !important;
  }
  .g-pt-55--md {
    padding-top: 3.92857rem !important;
  }
  .g-pt-60--md {
    padding-top: 4.28571rem !important;
  }
  .g-pt-65--md {
    padding-top: 4.64286rem !important;
  }
  .g-pt-70--md {
    padding-top: 5rem !important;
  }
  .g-pt-75--md {
    padding-top: 5.35714rem !important;
  }
  .g-pt-80--md {
    padding-top: 5.71429rem !important;
  }
  .g-pt-85--md {
    padding-top: 6.07143rem !important;
  }
  .g-pt-90--md {
    padding-top: 6.42857rem !important;
  }
  .g-pt-95--md {
    padding-top: 6.78571rem !important;
  }
  .g-pt-100--md {
    padding-top: 7.14286rem !important;
  }
  .g-pt-105--md {
    padding-top: 7.5rem !important;
  }
  .g-pt-110--md {
    padding-top: 7.85714rem !important;
  }
  .g-pt-115--md {
    padding-top: 8.21429rem !important;
  }
  .g-pt-120--md {
    padding-top: 8.57143rem !important;
  }
  .g-pt-125--md {
    padding-top: 8.92857rem !important;
  }
  .g-pt-130--md {
    padding-top: 9.28571rem !important;
  }
  .g-pt-135--md {
    padding-top: 9.64286rem !important;
  }
  .g-pt-140--md {
    padding-top: 10rem !important;
  }
  .g-pt-145--md {
    padding-top: 10.35714rem !important;
  }
  .g-pt-150--md {
    padding-top: 10.71429rem !important;
  }
  /* Padding Right */
  .g-pr-0--md {
    padding-right: 0px !important;
  }
  .g-pr-1--md {
    padding-right: 0.07143rem !important;
  }
  .g-pr-2--md {
    padding-right: 0.14286rem !important;
  }
  .g-pr-3--md {
    padding-right: 0.21429rem !important;
  }
  .g-pr-4--md {
    padding-right: 0.28571rem !important;
  }
  .g-pr-5--md {
    padding-right: 0.35714rem !important;
  }
  .g-pr-6--md {
    padding-right: 0.42857rem !important;
  }
  .g-pr-7--md {
    padding-right: 0.5rem !important;
  }
  .g-pr-8--md {
    padding-right: 0.57143rem !important;
  }
  .g-pr-9--md {
    padding-right: 0.64286rem !important;
  }
  /* P */
  .g-pr-10--md {
    padding-right: 0.71429rem !important;
  }
  /* P */
  .g-pr-15--md {
    padding-right: 1.07143rem !important;
  }
  /* P */
  .g-pr-20--md {
    padding-right: 1.42857rem !important;
  }
  /* P */
  .g-pr-25--md {
    padding-right: 1.78571rem !important;
  }
  /* P */
  .g-pr-30--md {
    padding-right: 2.14286rem !important;
  }
  /* P */
  .g-pr-35--md {
    padding-right: 2.5rem !important;
  }
  /* P */
  .g-pr-40--md {
    padding-right: 2.85714rem !important;
  }
  /* P */
  .g-pr-45--md {
    padding-right: 3.21429rem !important;
  }
  /* P */
  .g-pr-50--md {
    padding-right: 3.57143rem !important;
  }
  /* P */
  .g-pr-55--md {
    padding-right: 3.92857rem !important;
  }
  /* P */
  .g-pr-60--md {
    padding-right: 4.28571rem !important;
  }
  /* P */
  .g-pr-65--md {
    padding-right: 4.64286rem !important;
  }
  /* P */
  .g-pr-70--md {
    padding-right: 5rem !important;
  }
  /* P */
  .g-pr-75--md {
    padding-right: 5.35714rem !important;
  }
  /* P */
  .g-pr-80--md {
    padding-right: 5.71429rem !important;
  }
  /* P */
  .g-pr-85--md {
    padding-right: 6.07143rem !important;
  }
  /* P */
  .g-pr-90--md {
    padding-right: 6.42857rem !important;
  }
  /* P */
  .g-pr-95--md {
    padding-right: 6.78571rem !important;
  }
  /* P */
  .g-pr-100--md {
    padding-right: 7.14286rem !important;
  }
  /* P */
  .g-pr-105--md {
    padding-right: 7.5rem !important;
  }
  /* P */
  .g-pr-110--md {
    padding-right: 7.85714rem !important;
  }
  /* P */
  .g-pr-115--md {
    padding-right: 8.21429rem !important;
  }
  /* P */
  .g-pr-120--md {
    padding-right: 8.57143rem !important;
  }
  /* P */
  .g-pr-125--md {
    padding-right: 8.92857rem !important;
  }
  /* P */
  .g-pr-130--md {
    padding-right: 9.28571rem !important;
  }
  /* P */
  .g-pr-135--md {
    padding-right: 9.64286rem !important;
  }
  /* P */
  .g-pr-140--md {
    padding-right: 10rem !important;
  }
  /* P */
  .g-pr-145--md {
    padding-right: 10.35714rem !important;
  }
  /* P */
  .g-pr-150--md {
    padding-right: 10.71429rem !important;
  }
  /* P */
  .g-pr-155--md {
    padding-right: 11.07143rem !important;
  }
  /* P */
  .g-pr-160--md {
    padding-right: 11.42857rem !important;
  }
  /* P */
  .g-pr-165--md {
    padding-right: 11.78571rem !important;
  }
  /* P */
  .g-pr-170--md {
    padding-right: 12.14286rem !important;
  }
  /* Padding Bottom */
  .g-pb-0--md {
    padding-bottom: 0px !important;
  }
  .g-pb-1--md {
    padding-bottom: 0.07143rem !important;
  }
  .g-pb-2--md {
    padding-bottom: 0.14286rem !important;
  }
  .g-pb-3--md {
    padding-bottom: 0.21429rem !important;
  }
  .g-pb-4--md {
    padding-bottom: 0.28571rem !important;
  }
  .g-pb-5--md {
    padding-bottom: 0.35714rem !important;
  }
  .g-pb-6--md {
    padding-bottom: 0.42857rem !important;
  }
  .g-pb-7--md {
    padding-bottom: 0.5rem !important;
  }
  .g-pb-8--md {
    padding-bottom: 0.57143rem !important;
  }
  .g-pb-9--md {
    padding-bottom: 0.64286rem !important;
  }
  .g-pb-10--md {
    padding-bottom: 0.71429rem !important;
  }
  .g-pb-15--md {
    padding-bottom: 1.07143rem !important;
  }
  .g-pb-20--md {
    padding-bottom: 1.42857rem !important;
  }
  .g-pb-25--md {
    padding-bottom: 1.78571rem !important;
  }
  .g-pb-30--md {
    padding-bottom: 2.14286rem !important;
  }
  .g-pb-35--md {
    padding-bottom: 2.5rem !important;
  }
  .g-pb-40--md {
    padding-bottom: 2.85714rem !important;
  }
  .g-pb-45--md {
    padding-bottom: 3.21429rem !important;
  }
  .g-pb-50--md {
    padding-bottom: 3.57143rem !important;
  }
  .g-pb-55--md {
    padding-bottom: 3.92857rem !important;
  }
  .g-pb-60--md {
    padding-bottom: 4.28571rem !important;
  }
  .g-pb-65--md {
    padding-bottom: 4.64286rem !important;
  }
  .g-pb-70--md {
    padding-bottom: 5rem !important;
  }
  .g-pb-75--md {
    padding-bottom: 5.35714rem !important;
  }
  .g-pb-80--md {
    padding-bottom: 5.71429rem !important;
  }
  .g-pb-85--md {
    padding-bottom: 6.07143rem !important;
  }
  .g-pb-90--md {
    padding-bottom: 6.42857rem !important;
  }
  .g-pb-95--md {
    padding-bottom: 6.78571rem !important;
  }
  .g-pb-100--md {
    padding-bottom: 7.14286rem !important;
  }
  .g-pb-105--md {
    padding-bottom: 7.5rem !important;
  }
  .g-pb-110--md {
    padding-bottom: 7.85714rem !important;
  }
  .g-pb-115--md {
    padding-bottom: 8.21429rem !important;
  }
  .g-pb-120--md {
    padding-bottom: 8.57143rem !important;
  }
  .g-pb-125--md {
    padding-bottom: 8.92857rem !important;
  }
  .g-pb-130--md {
    padding-bottom: 9.28571rem !important;
  }
  .g-pb-135--md {
    padding-bottom: 9.64286rem !important;
  }
  .g-pb-140--md {
    padding-bottom: 10rem !important;
  }
  .g-pb-145--md {
    padding-bottom: 10.35714rem !important;
  }
  .g-pb-150--md {
    padding-bottom: 10.71429rem !important;
  }
  /* Padding Left */
  .g-pl-0--md {
    padding-left: 0px !important;
  }
  .g-pl-1--md {
    padding-left: 0.07143rem !important;
  }
  .g-pl-2--md {
    padding-left: 0.14286rem !important;
  }
  .g-pl-3--md {
    padding-left: 0.21429rem !important;
  }
  .g-pl-4--md {
    padding-left: 0.28571rem !important;
  }
  .g-pl-5--md {
    padding-left: 0.35714rem !important;
  }
  .g-pl-6--md {
    padding-left: 0.42857rem !important;
  }
  .g-pl-7--md {
    padding-left: 0.5rem !important;
  }
  .g-pl-8--md {
    padding-left: 0.57143rem !important;
  }
  .g-pl-9--md {
    padding-left: 0.64286rem !important;
  }
  /* P */
  .g-pl-10--md {
    padding-left: 0.71429rem !important;
  }
  /* P */
  .g-pl-15--md {
    padding-left: 1.07143rem !important;
  }
  /* P */
  .g-pl-20--md {
    padding-left: 1.42857rem !important;
  }
  /* P */
  .g-pl-25--md {
    padding-left: 1.78571rem !important;
  }
  /* P */
  .g-pl-30--md {
    padding-left: 2.14286rem !important;
  }
  /* P */
  .g-pl-35--md {
    padding-left: 2.5rem !important;
  }
  /* P */
  .g-pl-40--md {
    padding-left: 2.85714rem !important;
  }
  /* P */
  .g-pl-45--md {
    padding-left: 3.21429rem !important;
  }
  /* P */
  .g-pl-50--md {
    padding-left: 3.57143rem !important;
  }
  /* P */
  .g-pl-55--md {
    padding-left: 3.92857rem !important;
  }
  /* P */
  .g-pl-60--md {
    padding-left: 4.28571rem !important;
  }
  /* P */
  .g-pl-65--md {
    padding-left: 4.64286rem !important;
  }
  /* P */
  .g-pl-70--md {
    padding-left: 5rem !important;
  }
  /* P */
  .g-pl-75--md {
    padding-left: 5.35714rem !important;
  }
  /* P */
  .g-pl-80--md {
    padding-left: 5.71429rem !important;
  }
  /* P */
  .g-pl-85--md {
    padding-left: 6.07143rem !important;
  }
  /* P */
  .g-pl-90--md {
    padding-left: 6.42857rem !important;
  }
  /* P */
  .g-pl-95--md {
    padding-left: 6.78571rem !important;
  }
  /* P */
  .g-pl-100--md {
    padding-left: 7.14286rem !important;
  }
  /* P */
  .g-pl-105--md {
    padding-left: 7.5rem !important;
  }
  /* P */
  .g-pl-110--md {
    padding-left: 7.85714rem !important;
  }
  /* P */
  .g-pl-115--md {
    padding-left: 8.21429rem !important;
  }
  /* P */
  .g-pl-120--md {
    padding-left: 8.57143rem !important;
  }
  /* P */
  .g-pl-125--md {
    padding-left: 8.92857rem !important;
  }
  /* P */
  .g-pl-130--md {
    padding-left: 9.28571rem !important;
  }
  /* P */
  .g-pl-135--md {
    padding-left: 9.64286rem !important;
  }
  /* P */
  .g-pl-140--md {
    padding-left: 10rem !important;
  }
  /* P */
  .g-pl-145--md {
    padding-left: 10.35714rem !important;
  }
  /* P */
  .g-pl-150--md {
    padding-left: 10.71429rem !important;
  }
  /* P */
  .g-pl-155--md {
    padding-left: 11.07143rem !important;
  }
  /* P */
  .g-pl-160--md {
    padding-left: 11.42857rem !important;
  }
  /* P */
  .g-pl-165--md {
    padding-left: 11.78571rem !important;
  }
  /* P */
  .g-pl-170--md {
    padding-left: 12.14286rem !important;
  }
}

/* Padding Spaces (lg) P
------------------------------------*/
/* P */
@media (min-width: 992px) {
  .g-pa-0--lg {
    padding: 0 !important;
  }
  .g-px-0--lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .g-py-0--lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-pt-0--lg {
    padding-top: 0 !important;
  }
  .g-pr-0--lg {
    padding-right: 0 !important;
  }
  .g-pb-0--lg {
    padding-bottom: 0 !important;
  }
  .g-pl-0--lg {
    padding-left: 0 !important;
  }
  /* Padding Around */
  .g-pa-2--lg {
    padding: 0.14286rem !important;
  }
  .g-pa-3--lg {
    padding: 0.21429rem !important;
  }
  .g-pa-5--lg {
    padding: 0.35714rem !important;
  }
  .g-pa-7--lg {
    padding: 0.5rem !important;
  }
  .g-pa-10--lg {
    padding: 0.71429rem !important;
  }
  .g-pa-15--lg {
    padding: 1.07143rem !important;
  }
  .g-pa-20--lg {
    padding: 1.42857rem !important;
  }
  .g-pa-25--lg {
    padding: 1.78571rem !important;
  }
  .g-pa-30--lg {
    padding: 2.14286rem !important;
  }
  .g-pa-35--lg {
    padding: 2.5rem !important;
  }
  .g-pa-40--lg {
    padding: 2.85714rem !important;
  }
  .g-pa-45--lg {
    padding: 3.21429rem !important;
  }
  .g-pa-50--lg {
    padding: 3.57143rem !important;
  }
  .g-pa-55--lg {
    padding: 3.92857rem !important;
  }
  .g-pa-60--lg {
    padding: 4.28571rem !important;
  }
  .g-pa-65--lg {
    padding: 4.64286rem !important;
  }
  .g-pa-70--lg {
    padding: 5rem !important;
  }
  .g-pa-75--lg {
    padding: 5.35714rem !important;
  }
  .g-pa-80--lg {
    padding: 5.71429rem !important;
  }
  .g-pa-85--lg {
    padding: 6.07143rem !important;
  }
  .g-pa-90--lg {
    padding: 6.42857rem !important;
  }
  .g-pa-95--lg {
    padding: 6.78571rem !important;
  }
  .g-pa-100--lg {
    padding: 7.14286rem !important;
  }
  .g-pa-105--lg {
    padding: 7.5rem !important;
  }
  .g-pa-110--lg {
    padding: 7.85714rem !important;
  }
  .g-pa-115--lg {
    padding: 8.21429rem !important;
  }
  .g-pa-120--lg {
    padding: 8.57143rem !important;
  }
  .g-pa-125--lg {
    padding: 8.92857rem !important;
  }
  .g-pa-130--lg {
    padding: 9.28571rem !important;
  }
  .g-pa-135--lg {
    padding: 9.64286rem !important;
  }
  .g-pa-140--lg {
    padding: 10rem !important;
  }
  .g-pa-145--lg {
    padding: 10.35714rem !important;
  }
  .g-pa-150--lg {
    padding: 10.71429rem !important;
  }
  /* Padding X */
  .g-px-1--lg {
    padding-left: 0.07143rem !important;
    padding-right: 0.07143rem !important;
  }
  .g-px-2--lg {
    padding-left: 0.14286rem !important;
    padding-right: 0.14286rem !important;
  }
  .g-px-3--lg {
    padding-left: 0.21429rem !important;
    padding-right: 0.21429rem !important;
  }
  .g-px-4--lg {
    padding-left: 0.28571rem !important;
    padding-right: 0.28571rem !important;
  }
  .g-px-5--lg {
    padding-left: 0.35714rem !important;
    padding-right: 0.35714rem !important;
  }
  .g-px-6--lg {
    padding-left: 0.42857rem !important;
    padding-right: 0.42857rem !important;
  }
  .g-px-7--lg {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .g-px-8--lg {
    padding-left: 0.57143rem !important;
    padding-right: 0.57143rem !important;
  }
  .g-px-9--lg {
    padding-left: 0.64286rem !important;
    padding-right: 0.64286rem !important;
  }
  .g-px-10--lg {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-11--lg {
    padding-left: 0.78571rem !important;
    padding-right: 0.78571rem !important;
  }
  .g-px-12--lg {
    padding-left: 0.85714rem !important;
    padding-right: 0.85714rem !important;
  }
  .g-px-13--lg {
    padding-left: 0.92857rem !important;
    padding-right: 0.92857rem !important;
  }
  .g-px-14--lg {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .g-px-15--lg {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-16--lg {
    padding-left: 1.14286rem !important;
    padding-right: 1.14286rem !important;
  }
  .g-px-17--lg {
    padding-left: 1.21429rem !important;
    padding-right: 1.21429rem !important;
  }
  .g-px-18--lg {
    padding-left: 1.28571rem !important;
    padding-right: 1.28571rem !important;
  }
  .g-px-19--lg {
    padding-left: 1.35714rem !important;
    padding-right: 1.35714rem !important;
  }
  .g-px-10--lg {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-15--lg {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-20--lg {
    padding-left: 1.42857rem !important;
    padding-right: 1.42857rem !important;
  }
  .g-px-25--lg {
    padding-left: 1.78571rem !important;
    padding-right: 1.78571rem !important;
  }
  .g-px-30--lg {
    padding-left: 2.14286rem !important;
    padding-right: 2.14286rem !important;
  }
  .g-px-35--lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .g-px-40--lg {
    padding-left: 2.85714rem !important;
    padding-right: 2.85714rem !important;
  }
  .g-px-45--lg {
    padding-left: 3.21429rem !important;
    padding-right: 3.21429rem !important;
  }
  .g-px-50--lg {
    padding-left: 3.57143rem !important;
    padding-right: 3.57143rem !important;
  }
  .g-px-55--lg {
    padding-left: 3.92857rem !important;
    padding-right: 3.92857rem !important;
  }
  .g-px-60--lg {
    padding-left: 4.28571rem !important;
    padding-right: 4.28571rem !important;
  }
  .g-px-65--lg {
    padding-left: 4.64286rem !important;
    padding-right: 4.64286rem !important;
  }
  .g-px-70--lg {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .g-px-75--lg {
    padding-left: 5.35714rem !important;
    padding-right: 5.35714rem !important;
  }
  .g-px-80--lg {
    padding-left: 5.71429rem !important;
    padding-right: 5.71429rem !important;
  }
  .g-px-85--lg {
    padding-left: 6.07143rem !important;
    padding-right: 6.07143rem !important;
  }
  .g-px-90--lg {
    padding-left: 6.42857rem !important;
    padding-right: 6.42857rem !important;
  }
  .g-px-95--lg {
    padding-left: 6.78571rem !important;
    padding-right: 6.78571rem !important;
  }
  .g-px-100--lg {
    padding-left: 7.14286rem !important;
    padding-right: 7.14286rem !important;
  }
  .g-px-105--lg {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .g-px-110--lg {
    padding-left: 7.85714rem !important;
    padding-right: 7.85714rem !important;
  }
  .g-px-115--lg {
    padding-left: 8.21429rem !important;
    padding-right: 8.21429rem !important;
  }
  .g-px-120--lg {
    padding-left: 8.57143rem !important;
    padding-right: 8.57143rem !important;
  }
  .g-px-125--lg {
    padding-left: 8.92857rem !important;
    padding-right: 8.92857rem !important;
  }
  .g-px-130--lg {
    padding-left: 9.28571rem !important;
    padding-right: 9.28571rem !important;
  }
  .g-px-135--lg {
    padding-left: 9.64286rem !important;
    padding-right: 9.64286rem !important;
  }
  .g-px-140--lg {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .g-px-145--lg {
    padding-left: 10.35714rem !important;
    padding-right: 10.35714rem !important;
  }
  .g-px-150--lg {
    padding-left: 10.71429rem !important;
    padding-right: 10.71429rem !important;
  }
  /* Padding Y */
  .g-py-1--lg {
    padding-top: 0.07143rem !important;
    padding-bottom: 0.07143rem !important;
  }
  .g-py-2--lg {
    padding-top: 0.14286rem !important;
    padding-bottom: 0.14286rem !important;
  }
  .g-py-3--lg {
    padding-top: 0.21429rem !important;
    padding-bottom: 0.21429rem !important;
  }
  .g-py-4--lg {
    padding-top: 0.28571rem !important;
    padding-bottom: 0.28571rem !important;
  }
  .g-py-5--lg {
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
  }
  .g-py-6--lg {
    padding-top: 0.42857rem !important;
    padding-bottom: 0.42857rem !important;
  }
  .g-py-7--lg {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .g-py-8--lg {
    padding-top: 0.57143rem !important;
    padding-bottom: 0.57143rem !important;
  }
  .g-py-9--lg {
    padding-top: 0.64286rem !important;
    padding-bottom: 0.64286rem !important;
  }
  .g-py-10--lg {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  .g-py-11--lg {
    padding-top: 0.78571rem !important;
    padding-bottom: 0.78571rem !important;
  }
  .g-py-12--lg {
    padding-top: 0.85714rem !important;
    padding-bottom: 0.85714rem !important;
  }
  .g-py-13--lg {
    padding-top: 0.92857rem !important;
    padding-bottom: 0.92857rem !important;
  }
  .g-py-14--lg {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .g-py-15--lg {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  .g-py-16--lg {
    padding-top: 1.14286rem !important;
    padding-bottom: 1.14286rem !important;
  }
  .g-py-17--lg {
    padding-top: 1.21429rem !important;
    padding-bottom: 1.21429rem !important;
  }
  .g-py-18--lg {
    padding-top: 1.28571rem !important;
    padding-bottom: 1.28571rem !important;
  }
  .g-py-19--lg {
    padding-top: 1.35714rem !important;
    padding-bottom: 1.35714rem !important;
  }
  /* P */
  .g-py-10--lg {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  /* P */
  .g-py-15--lg {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  /* P */
  .g-py-20--lg {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
  }
  /* P */
  .g-py-25--lg {
    padding-top: 1.78571rem !important;
    padding-bottom: 1.78571rem !important;
  }
  /* P */
  .g-py-30--lg {
    padding-top: 2.14286rem !important;
    padding-bottom: 2.14286rem !important;
  }
  /* P */
  .g-py-35--lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  /* P */
  .g-py-40--lg {
    padding-top: 2.85714rem !important;
    padding-bottom: 2.85714rem !important;
  }
  /* P */
  .g-py-45--lg {
    padding-top: 3.21429rem !important;
    padding-bottom: 3.21429rem !important;
  }
  /* P */
  .g-py-50--lg {
    padding-top: 3.57143rem !important;
    padding-bottom: 3.57143rem !important;
  }
  /* P */
  .g-py-55--lg {
    padding-top: 3.92857rem !important;
    padding-bottom: 3.92857rem !important;
  }
  /* P */
  .g-py-60--lg {
    padding-top: 4.28571rem !important;
    padding-bottom: 4.28571rem !important;
  }
  /* P */
  .g-py-65--lg {
    padding-top: 4.64286rem !important;
    padding-bottom: 4.64286rem !important;
  }
  /* P */
  .g-py-70--lg {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  /* P */
  .g-py-75--lg {
    padding-top: 5.35714rem !important;
    padding-bottom: 5.35714rem !important;
  }
  /* P */
  .g-py-80--lg {
    padding-top: 5.71429rem !important;
    padding-bottom: 5.71429rem !important;
  }
  /* P */
  .g-py-85--lg {
    padding-top: 6.07143rem !important;
    padding-bottom: 6.07143rem !important;
  }
  /* P */
  .g-py-90--lg {
    padding-top: 6.42857rem !important;
    padding-bottom: 6.42857rem !important;
  }
  /* P */
  .g-py-95--lg {
    padding-top: 6.78571rem !important;
    padding-bottom: 6.78571rem !important;
  }
  /* P */
  .g-py-100--lg {
    padding-top: 7.14286rem !important;
    padding-bottom: 7.14286rem !important;
  }
  /* P */
  .g-py-105--lg {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  /* P */
  .g-py-110--lg {
    padding-top: 7.85714rem !important;
    padding-bottom: 7.85714rem !important;
  }
  /* P */
  .g-py-115--lg {
    padding-top: 8.21429rem !important;
    padding-bottom: 8.21429rem !important;
  }
  /* P */
  .g-py-120--lg {
    padding-top: 8.57143rem !important;
    padding-bottom: 8.57143rem !important;
  }
  /* P */
  .g-py-125--lg {
    padding-top: 8.92857rem !important;
    padding-bottom: 8.92857rem !important;
  }
  /* P */
  .g-py-130--lg {
    padding-top: 9.28571rem !important;
    padding-bottom: 9.28571rem !important;
  }
  /* P */
  .g-py-135--lg {
    padding-top: 9.64286rem !important;
    padding-bottom: 9.64286rem !important;
  }
  /* P */
  .g-py-140--lg {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  /* P */
  .g-py-145--lg {
    padding-top: 10.35714rem !important;
    padding-bottom: 10.35714rem !important;
  }
  /* P */
  .g-py-150--lg {
    padding-top: 10.71429rem !important;
    padding-bottom: 10.71429rem !important;
  }
  /* P */
  .g-py-155--lg {
    padding-top: 11.07143rem !important;
    padding-bottom: 11.07143rem !important;
  }
  /* P */
  .g-py-160--lg {
    padding-top: 11.42857rem !important;
    padding-bottom: 11.42857rem !important;
  }
  /* P */
  .g-py-165--lg {
    padding-top: 11.78571rem !important;
    padding-bottom: 11.78571rem !important;
  }
  /* P */
  .g-py-170--lg {
    padding-top: 12.14286rem !important;
    padding-bottom: 12.14286rem !important;
  }
  /* P */
  .g-py-175--lg {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  /* P */
  .g-py-180--lg {
    padding-top: 12.85714rem !important;
    padding-bottom: 12.85714rem !important;
  }
  /* P */
  .g-py-185--lg {
    padding-top: 13.21429rem !important;
    padding-bottom: 13.21429rem !important;
  }
  /* P */
  .g-py-190--lg {
    padding-top: 13.57143rem !important;
    padding-bottom: 13.57143rem !important;
  }
  /* P */
  .g-py-195--lg {
    padding-top: 13.92857rem !important;
    padding-bottom: 13.92857rem !important;
  }
  /* P */
  .g-py-200--lg {
    padding-top: 14.28571rem !important;
    padding-bottom: 14.28571rem !important;
  }
  /* P */
  .g-py-205--lg {
    padding-top: 14.64286rem !important;
    padding-bottom: 14.64286rem !important;
  }
  /* P */
  .g-py-210--lg {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  /* Padding Top */
  .g-pt-0--lg {
    padding-top: 0px !important;
  }
  .g-pt-1--lg {
    padding-top: 0.07143rem !important;
  }
  .g-pt-2--lg {
    padding-top: 0.14286rem !important;
  }
  .g-pt-3--lg {
    padding-top: 0.21429rem !important;
  }
  .g-pt-4--lg {
    padding-top: 0.28571rem !important;
  }
  .g-pt-5--lg {
    padding-top: 0.35714rem !important;
  }
  .g-pt-6--lg {
    padding-top: 0.42857rem !important;
  }
  .g-pt-7--lg {
    padding-top: 0.5rem !important;
  }
  .g-pt-8--lg {
    padding-top: 0.57143rem !important;
  }
  .g-pt-9--lg {
    padding-top: 0.64286rem !important;
  }
  .g-pt-10--lg {
    padding-top: 0.71429rem !important;
  }
  .g-pt-11--lg {
    padding-top: 0.78571rem !important;
  }
  .g-pt-12--lg {
    padding-top: 0.85714rem !important;
  }
  .g-pt-13--lg {
    padding-top: 0.92857rem !important;
  }
  .g-pt-14--lg {
    padding-top: 1rem !important;
  }
  .g-pt-15--lg {
    padding-top: 1.07143rem !important;
  }
  .g-pt-16--lg {
    padding-top: 1.14286rem !important;
  }
  .g-pt-17--lg {
    padding-top: 1.21429rem !important;
  }
  .g-pt-18--lg {
    padding-top: 1.28571rem !important;
  }
  .g-pt-19--lg {
    padding-top: 1.35714rem !important;
  }
  .g-pt-10--lg {
    padding-top: 0.71429rem !important;
  }
  .g-pt-15--lg {
    padding-top: 1.07143rem !important;
  }
  .g-pt-20--lg {
    padding-top: 1.42857rem !important;
  }
  .g-pt-25--lg {
    padding-top: 1.78571rem !important;
  }
  .g-pt-30--lg {
    padding-top: 2.14286rem !important;
  }
  .g-pt-35--lg {
    padding-top: 2.5rem !important;
  }
  .g-pt-40--lg {
    padding-top: 2.85714rem !important;
  }
  .g-pt-45--lg {
    padding-top: 3.21429rem !important;
  }
  .g-pt-50--lg {
    padding-top: 3.57143rem !important;
  }
  .g-pt-55--lg {
    padding-top: 3.92857rem !important;
  }
  .g-pt-60--lg {
    padding-top: 4.28571rem !important;
  }
  .g-pt-65--lg {
    padding-top: 4.64286rem !important;
  }
  .g-pt-70--lg {
    padding-top: 5rem !important;
  }
  .g-pt-75--lg {
    padding-top: 5.35714rem !important;
  }
  .g-pt-80--lg {
    padding-top: 5.71429rem !important;
  }
  .g-pt-85--lg {
    padding-top: 6.07143rem !important;
  }
  .g-pt-90--lg {
    padding-top: 6.42857rem !important;
  }
  .g-pt-95--lg {
    padding-top: 6.78571rem !important;
  }
  .g-pt-100--lg {
    padding-top: 7.14286rem !important;
  }
  .g-pt-105--lg {
    padding-top: 7.5rem !important;
  }
  .g-pt-110--lg {
    padding-top: 7.85714rem !important;
  }
  .g-pt-115--lg {
    padding-top: 8.21429rem !important;
  }
  .g-pt-120--lg {
    padding-top: 8.57143rem !important;
  }
  .g-pt-125--lg {
    padding-top: 8.92857rem !important;
  }
  .g-pt-130--lg {
    padding-top: 9.28571rem !important;
  }
  .g-pt-135--lg {
    padding-top: 9.64286rem !important;
  }
  .g-pt-140--lg {
    padding-top: 10rem !important;
  }
  .g-pt-145--lg {
    padding-top: 10.35714rem !important;
  }
  .g-pt-150--lg {
    padding-top: 10.71429rem !important;
  }
  /* Padding Right */
  .g-pr-0--lg {
    padding-right: 0px !important;
  }
  .g-pr-1--lg {
    padding-right: 0.07143rem !important;
  }
  .g-pr-2--lg {
    padding-right: 0.14286rem !important;
  }
  .g-pr-3--lg {
    padding-right: 0.21429rem !important;
  }
  .g-pr-4--lg {
    padding-right: 0.28571rem !important;
  }
  .g-pr-5--lg {
    padding-right: 0.35714rem !important;
  }
  .g-pr-6--lg {
    padding-right: 0.42857rem !important;
  }
  .g-pr-7--lg {
    padding-right: 0.5rem !important;
  }
  .g-pr-8--lg {
    padding-right: 0.57143rem !important;
  }
  .g-pr-9--lg {
    padding-right: 0.64286rem !important;
  }
  /* P */
  .g-pr-10--lg {
    padding-right: 0.71429rem !important;
  }
  /* P */
  .g-pr-15--lg {
    padding-right: 1.07143rem !important;
  }
  /* P */
  .g-pr-20--lg {
    padding-right: 1.42857rem !important;
  }
  /* P */
  .g-pr-25--lg {
    padding-right: 1.78571rem !important;
  }
  /* P */
  .g-pr-30--lg {
    padding-right: 2.14286rem !important;
  }
  /* P */
  .g-pr-35--lg {
    padding-right: 2.5rem !important;
  }
  /* P */
  .g-pr-40--lg {
    padding-right: 2.85714rem !important;
  }
  /* P */
  .g-pr-45--lg {
    padding-right: 3.21429rem !important;
  }
  /* P */
  .g-pr-50--lg {
    padding-right: 3.57143rem !important;
  }
  /* P */
  .g-pr-55--lg {
    padding-right: 3.92857rem !important;
  }
  /* P */
  .g-pr-60--lg {
    padding-right: 4.28571rem !important;
  }
  /* P */
  .g-pr-65--lg {
    padding-right: 4.64286rem !important;
  }
  /* P */
  .g-pr-70--lg {
    padding-right: 5rem !important;
  }
  /* P */
  .g-pr-75--lg {
    padding-right: 5.35714rem !important;
  }
  /* P */
  .g-pr-80--lg {
    padding-right: 5.71429rem !important;
  }
  /* P */
  .g-pr-85--lg {
    padding-right: 6.07143rem !important;
  }
  /* P */
  .g-pr-90--lg {
    padding-right: 6.42857rem !important;
  }
  /* P */
  .g-pr-95--lg {
    padding-right: 6.78571rem !important;
  }
  /* P */
  .g-pr-100--lg {
    padding-right: 7.14286rem !important;
  }
  /* P */
  .g-pr-105--lg {
    padding-right: 7.5rem !important;
  }
  /* P */
  .g-pr-110--lg {
    padding-right: 7.85714rem !important;
  }
  /* P */
  .g-pr-115--lg {
    padding-right: 8.21429rem !important;
  }
  /* P */
  .g-pr-120--lg {
    padding-right: 8.57143rem !important;
  }
  /* P */
  .g-pr-125--lg {
    padding-right: 8.92857rem !important;
  }
  /* P */
  .g-pr-130--lg {
    padding-right: 9.28571rem !important;
  }
  /* P */
  .g-pr-135--lg {
    padding-right: 9.64286rem !important;
  }
  /* P */
  .g-pr-140--lg {
    padding-right: 10rem !important;
  }
  /* P */
  .g-pr-145--lg {
    padding-right: 10.35714rem !important;
  }
  /* P */
  .g-pr-150--lg {
    padding-right: 10.71429rem !important;
  }
  /* P */
  .g-pr-155--lg {
    padding-right: 11.07143rem !important;
  }
  /* P */
  .g-pr-160--lg {
    padding-right: 11.42857rem !important;
  }
  /* P */
  .g-pr-165--lg {
    padding-right: 11.78571rem !important;
  }
  /* P */
  .g-pr-170--lg {
    padding-right: 12.14286rem !important;
  }
  /* Padding Bottom */
  .g-pb-0--lg {
    padding-bottom: 0px !important;
  }
  .g-pb-1--lg {
    padding-bottom: 0.07143rem !important;
  }
  .g-pb-2--lg {
    padding-bottom: 0.14286rem !important;
  }
  .g-pb-3--lg {
    padding-bottom: 0.21429rem !important;
  }
  .g-pb-4--lg {
    padding-bottom: 0.28571rem !important;
  }
  .g-pb-5--lg {
    padding-bottom: 0.35714rem !important;
  }
  .g-pb-6--lg {
    padding-bottom: 0.42857rem !important;
  }
  .g-pb-7--lg {
    padding-bottom: 0.5rem !important;
  }
  .g-pb-8--lg {
    padding-bottom: 0.57143rem !important;
  }
  .g-pb-9--lg {
    padding-bottom: 0.64286rem !important;
  }
  .g-pb-10--lg {
    padding-bottom: 0.71429rem !important;
  }
  .g-pb-15--lg {
    padding-bottom: 1.07143rem !important;
  }
  .g-pb-20--lg {
    padding-bottom: 1.42857rem !important;
  }
  .g-pb-25--lg {
    padding-bottom: 1.78571rem !important;
  }
  .g-pb-30--lg {
    padding-bottom: 2.14286rem !important;
  }
  .g-pb-35--lg {
    padding-bottom: 2.5rem !important;
  }
  .g-pb-40--lg {
    padding-bottom: 2.85714rem !important;
  }
  .g-pb-45--lg {
    padding-bottom: 3.21429rem !important;
  }
  .g-pb-50--lg {
    padding-bottom: 3.57143rem !important;
  }
  .g-pb-55--lg {
    padding-bottom: 3.92857rem !important;
  }
  .g-pb-60--lg {
    padding-bottom: 4.28571rem !important;
  }
  .g-pb-65--lg {
    padding-bottom: 4.64286rem !important;
  }
  .g-pb-70--lg {
    padding-bottom: 5rem !important;
  }
  .g-pb-75--lg {
    padding-bottom: 5.35714rem !important;
  }
  .g-pb-80--lg {
    padding-bottom: 5.71429rem !important;
  }
  .g-pb-85--lg {
    padding-bottom: 6.07143rem !important;
  }
  .g-pb-90--lg {
    padding-bottom: 6.42857rem !important;
  }
  .g-pb-95--lg {
    padding-bottom: 6.78571rem !important;
  }
  .g-pb-100--lg {
    padding-bottom: 7.14286rem !important;
  }
  .g-pb-105--lg {
    padding-bottom: 7.5rem !important;
  }
  .g-pb-110--lg {
    padding-bottom: 7.85714rem !important;
  }
  .g-pb-115--lg {
    padding-bottom: 8.21429rem !important;
  }
  .g-pb-120--lg {
    padding-bottom: 8.57143rem !important;
  }
  .g-pb-125--lg {
    padding-bottom: 8.92857rem !important;
  }
  .g-pb-130--lg {
    padding-bottom: 9.28571rem !important;
  }
  .g-pb-135--lg {
    padding-bottom: 9.64286rem !important;
  }
  .g-pb-140--lg {
    padding-bottom: 10rem !important;
  }
  .g-pb-145--lg {
    padding-bottom: 10.35714rem !important;
  }
  .g-pb-150--lg {
    padding-bottom: 10.71429rem !important;
  }
  /* Padding Left */
  .g-pl-0--lg {
    padding-left: 0px !important;
  }
  .g-pl-1--lg {
    padding-left: 0.07143rem !important;
  }
  .g-pl-2--lg {
    padding-left: 0.14286rem !important;
  }
  .g-pl-3--lg {
    padding-left: 0.21429rem !important;
  }
  .g-pl-4--lg {
    padding-left: 0.28571rem !important;
  }
  .g-pl-5--lg {
    padding-left: 0.35714rem !important;
  }
  .g-pl-6--lg {
    padding-left: 0.42857rem !important;
  }
  .g-pl-7--lg {
    padding-left: 0.5rem !important;
  }
  .g-pl-8--lg {
    padding-left: 0.57143rem !important;
  }
  .g-pl-9--lg {
    padding-left: 0.64286rem !important;
  }
  /* P */
  .g-pl-10--lg {
    padding-left: 0.71429rem !important;
  }
  /* P */
  .g-pl-15--lg {
    padding-left: 1.07143rem !important;
  }
  /* P */
  .g-pl-20--lg {
    padding-left: 1.42857rem !important;
  }
  /* P */
  .g-pl-25--lg {
    padding-left: 1.78571rem !important;
  }
  /* P */
  .g-pl-30--lg {
    padding-left: 2.14286rem !important;
  }
  /* P */
  .g-pl-35--lg {
    padding-left: 2.5rem !important;
  }
  /* P */
  .g-pl-40--lg {
    padding-left: 2.85714rem !important;
  }
  /* P */
  .g-pl-45--lg {
    padding-left: 3.21429rem !important;
  }
  /* P */
  .g-pl-50--lg {
    padding-left: 3.57143rem !important;
  }
  /* P */
  .g-pl-55--lg {
    padding-left: 3.92857rem !important;
  }
  /* P */
  .g-pl-60--lg {
    padding-left: 4.28571rem !important;
  }
  /* P */
  .g-pl-65--lg {
    padding-left: 4.64286rem !important;
  }
  /* P */
  .g-pl-70--lg {
    padding-left: 5rem !important;
  }
  /* P */
  .g-pl-75--lg {
    padding-left: 5.35714rem !important;
  }
  /* P */
  .g-pl-80--lg {
    padding-left: 5.71429rem !important;
  }
  /* P */
  .g-pl-85--lg {
    padding-left: 6.07143rem !important;
  }
  /* P */
  .g-pl-90--lg {
    padding-left: 6.42857rem !important;
  }
  /* P */
  .g-pl-95--lg {
    padding-left: 6.78571rem !important;
  }
  /* P */
  .g-pl-100--lg {
    padding-left: 7.14286rem !important;
  }
  /* P */
  .g-pl-105--lg {
    padding-left: 7.5rem !important;
  }
  /* P */
  .g-pl-110--lg {
    padding-left: 7.85714rem !important;
  }
  /* P */
  .g-pl-115--lg {
    padding-left: 8.21429rem !important;
  }
  /* P */
  .g-pl-120--lg {
    padding-left: 8.57143rem !important;
  }
  /* P */
  .g-pl-125--lg {
    padding-left: 8.92857rem !important;
  }
  /* P */
  .g-pl-130--lg {
    padding-left: 9.28571rem !important;
  }
  /* P */
  .g-pl-135--lg {
    padding-left: 9.64286rem !important;
  }
  /* P */
  .g-pl-140--lg {
    padding-left: 10rem !important;
  }
  /* P */
  .g-pl-145--lg {
    padding-left: 10.35714rem !important;
  }
  /* P */
  .g-pl-150--lg {
    padding-left: 10.71429rem !important;
  }
  /* P */
  .g-pl-155--lg {
    padding-left: 11.07143rem !important;
  }
  /* P */
  .g-pl-160--lg {
    padding-left: 11.42857rem !important;
  }
  /* P */
  .g-pl-165--lg {
    padding-left: 11.78571rem !important;
  }
  /* P */
  .g-pl-170--lg {
    padding-left: 12.14286rem !important;
  }
}

/* Padding Spaces (xl) P
------------------------------------*/
@media (min-width: 1200px) {
  .g-pa-0--xl {
    padding: 0 !important;
  }
  .g-px-0--xl {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .g-py-0--xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-pt-0--xl {
    padding-top: 0 !important;
  }
  .g-pr-0--xl {
    padding-right: 0 !important;
  }
  .g-pb-0--xl {
    padding-bottom: 0 !important;
  }
  .g-pl-0--xl {
    padding-left: 0 !important;
  }
  /* Padding Around */
  .g-pa-2--xl {
    padding: 0.14286rem !important;
  }
  .g-pa-3--xl {
    padding: 0.21429rem !important;
  }
  .g-pa-5--xl {
    padding: 0.35714rem !important;
  }
  .g-pa-7--xl {
    padding: 0.5rem !important;
  }
  .g-pa-10--xl {
    padding: 0.71429rem !important;
  }
  .g-pa-15--xl {
    padding: 1.07143rem !important;
  }
  .g-pa-20--xl {
    padding: 1.42857rem !important;
  }
  .g-pa-25--xl {
    padding: 1.78571rem !important;
  }
  .g-pa-30--xl {
    padding: 2.14286rem !important;
  }
  .g-pa-35--xl {
    padding: 2.5rem !important;
  }
  .g-pa-40--xl {
    padding: 2.85714rem !important;
  }
  .g-pa-45--xl {
    padding: 3.21429rem !important;
  }
  .g-pa-50--xl {
    padding: 3.57143rem !important;
  }
  .g-pa-55--xl {
    padding: 3.92857rem !important;
  }
  .g-pa-60--xl {
    padding: 4.28571rem !important;
  }
  .g-pa-65--xl {
    padding: 4.64286rem !important;
  }
  .g-pa-70--xl {
    padding: 5rem !important;
  }
  .g-pa-75--xl {
    padding: 5.35714rem !important;
  }
  .g-pa-80--xl {
    padding: 5.71429rem !important;
  }
  .g-pa-85--xl {
    padding: 6.07143rem !important;
  }
  .g-pa-90--xl {
    padding: 6.42857rem !important;
  }
  .g-pa-95--xl {
    padding: 6.78571rem !important;
  }
  .g-pa-100--xl {
    padding: 7.14286rem !important;
  }
  .g-pa-105--xl {
    padding: 7.5rem !important;
  }
  .g-pa-110--xl {
    padding: 7.85714rem !important;
  }
  .g-pa-115--xl {
    padding: 8.21429rem !important;
  }
  .g-pa-120--xl {
    padding: 8.57143rem !important;
  }
  .g-pa-125--xl {
    padding: 8.92857rem !important;
  }
  .g-pa-130--xl {
    padding: 9.28571rem !important;
  }
  .g-pa-135--xl {
    padding: 9.64286rem !important;
  }
  .g-pa-140--xl {
    padding: 10rem !important;
  }
  .g-pa-145--xl {
    padding: 10.35714rem !important;
  }
  .g-pa-150--xl {
    padding: 10.71429rem !important;
  }
  /* Padding X */
  .g-px-1--xl {
    padding-left: 0.07143rem !important;
    padding-right: 0.07143rem !important;
  }
  .g-px-2--xl {
    padding-left: 0.14286rem !important;
    padding-right: 0.14286rem !important;
  }
  .g-px-3--xl {
    padding-left: 0.21429rem !important;
    padding-right: 0.21429rem !important;
  }
  .g-px-4--xl {
    padding-left: 0.28571rem !important;
    padding-right: 0.28571rem !important;
  }
  .g-px-5--xl {
    padding-left: 0.35714rem !important;
    padding-right: 0.35714rem !important;
  }
  .g-px-6--xl {
    padding-left: 0.42857rem !important;
    padding-right: 0.42857rem !important;
  }
  .g-px-7--xl {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .g-px-8--xl {
    padding-left: 0.57143rem !important;
    padding-right: 0.57143rem !important;
  }
  .g-px-9--xl {
    padding-left: 0.64286rem !important;
    padding-right: 0.64286rem !important;
  }
  .g-px-10--xl {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-11--xl {
    padding-left: 0.78571rem !important;
    padding-right: 0.78571rem !important;
  }
  .g-px-12--xl {
    padding-left: 0.85714rem !important;
    padding-right: 0.85714rem !important;
  }
  .g-px-13--xl {
    padding-left: 0.92857rem !important;
    padding-right: 0.92857rem !important;
  }
  .g-px-14--xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .g-px-15--xl {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-16--xl {
    padding-left: 1.14286rem !important;
    padding-right: 1.14286rem !important;
  }
  .g-px-17--xl {
    padding-left: 1.21429rem !important;
    padding-right: 1.21429rem !important;
  }
  .g-px-18--xl {
    padding-left: 1.28571rem !important;
    padding-right: 1.28571rem !important;
  }
  .g-px-19--xl {
    padding-left: 1.35714rem !important;
    padding-right: 1.35714rem !important;
  }
  .g-px-10--xl {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
  }
  .g-px-15--xl {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
  }
  .g-px-20--xl {
    padding-left: 1.42857rem !important;
    padding-right: 1.42857rem !important;
  }
  .g-px-25--xl {
    padding-left: 1.78571rem !important;
    padding-right: 1.78571rem !important;
  }
  .g-px-30--xl {
    padding-left: 2.14286rem !important;
    padding-right: 2.14286rem !important;
  }
  .g-px-35--xl {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .g-px-40--xl {
    padding-left: 2.85714rem !important;
    padding-right: 2.85714rem !important;
  }
  .g-px-45--xl {
    padding-left: 3.21429rem !important;
    padding-right: 3.21429rem !important;
  }
  .g-px-50--xl {
    padding-left: 3.57143rem !important;
    padding-right: 3.57143rem !important;
  }
  .g-px-55--xl {
    padding-left: 3.92857rem !important;
    padding-right: 3.92857rem !important;
  }
  .g-px-60--xl {
    padding-left: 4.28571rem !important;
    padding-right: 4.28571rem !important;
  }
  .g-px-65--xl {
    padding-left: 4.64286rem !important;
    padding-right: 4.64286rem !important;
  }
  .g-px-70--xl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .g-px-75--xl {
    padding-left: 5.35714rem !important;
    padding-right: 5.35714rem !important;
  }
  .g-px-80--xl {
    padding-left: 5.71429rem !important;
    padding-right: 5.71429rem !important;
  }
  .g-px-85--xl {
    padding-left: 6.07143rem !important;
    padding-right: 6.07143rem !important;
  }
  .g-px-90--xl {
    padding-left: 6.42857rem !important;
    padding-right: 6.42857rem !important;
  }
  .g-px-95--xl {
    padding-left: 6.78571rem !important;
    padding-right: 6.78571rem !important;
  }
  .g-px-100--xl {
    padding-left: 7.14286rem !important;
    padding-right: 7.14286rem !important;
  }
  .g-px-105--xl {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .g-px-110--xl {
    padding-left: 7.85714rem !important;
    padding-right: 7.85714rem !important;
  }
  .g-px-115--xl {
    padding-left: 8.21429rem !important;
    padding-right: 8.21429rem !important;
  }
  .g-px-120--xl {
    padding-left: 8.57143rem !important;
    padding-right: 8.57143rem !important;
  }
  .g-px-125--xl {
    padding-left: 8.92857rem !important;
    padding-right: 8.92857rem !important;
  }
  .g-px-130--xl {
    padding-left: 9.28571rem !important;
    padding-right: 9.28571rem !important;
  }
  .g-px-135--xl {
    padding-left: 9.64286rem !important;
    padding-right: 9.64286rem !important;
  }
  .g-px-140--xl {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .g-px-145--xl {
    padding-left: 10.35714rem !important;
    padding-right: 10.35714rem !important;
  }
  .g-px-150--xl {
    padding-left: 10.71429rem !important;
    padding-right: 10.71429rem !important;
  }
  /* Padding Y */
  .g-py-1--xl {
    padding-top: 0.07143rem !important;
    padding-bottom: 0.07143rem !important;
  }
  .g-py-2--xl {
    padding-top: 0.14286rem !important;
    padding-bottom: 0.14286rem !important;
  }
  .g-py-3--xl {
    padding-top: 0.21429rem !important;
    padding-bottom: 0.21429rem !important;
  }
  .g-py-4--xl {
    padding-top: 0.28571rem !important;
    padding-bottom: 0.28571rem !important;
  }
  .g-py-5--xl {
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
  }
  .g-py-6--xl {
    padding-top: 0.42857rem !important;
    padding-bottom: 0.42857rem !important;
  }
  .g-py-7--xl {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .g-py-8--xl {
    padding-top: 0.57143rem !important;
    padding-bottom: 0.57143rem !important;
  }
  .g-py-9--xl {
    padding-top: 0.64286rem !important;
    padding-bottom: 0.64286rem !important;
  }
  .g-py-10--xl {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  .g-py-11--xl {
    padding-top: 0.78571rem !important;
    padding-bottom: 0.78571rem !important;
  }
  .g-py-12--xl {
    padding-top: 0.85714rem !important;
    padding-bottom: 0.85714rem !important;
  }
  .g-py-13--xl {
    padding-top: 0.92857rem !important;
    padding-bottom: 0.92857rem !important;
  }
  .g-py-14--xl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .g-py-15--xl {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  .g-py-16--xl {
    padding-top: 1.14286rem !important;
    padding-bottom: 1.14286rem !important;
  }
  .g-py-17--xl {
    padding-top: 1.21429rem !important;
    padding-bottom: 1.21429rem !important;
  }
  .g-py-18--xl {
    padding-top: 1.28571rem !important;
    padding-bottom: 1.28571rem !important;
  }
  .g-py-19--xl {
    padding-top: 1.35714rem !important;
    padding-bottom: 1.35714rem !important;
  }
  /* P */
  .g-py-10--xl {
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
  }
  /* P */
  .g-py-15--xl {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
  }
  /* P */
  .g-py-20--xl {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
  }
  /* P */
  .g-py-25--xl {
    padding-top: 1.78571rem !important;
    padding-bottom: 1.78571rem !important;
  }
  /* P */
  .g-py-30--xl {
    padding-top: 2.14286rem !important;
    padding-bottom: 2.14286rem !important;
  }
  /* P */
  .g-py-35--xl {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  /* P */
  .g-py-40--xl {
    padding-top: 2.85714rem !important;
    padding-bottom: 2.85714rem !important;
  }
  /* P */
  .g-py-45--xl {
    padding-top: 3.21429rem !important;
    padding-bottom: 3.21429rem !important;
  }
  /* P */
  .g-py-50--xl {
    padding-top: 3.57143rem !important;
    padding-bottom: 3.57143rem !important;
  }
  /* P */
  .g-py-55--xl {
    padding-top: 3.92857rem !important;
    padding-bottom: 3.92857rem !important;
  }
  /* P */
  .g-py-60--xl {
    padding-top: 4.28571rem !important;
    padding-bottom: 4.28571rem !important;
  }
  /* P */
  .g-py-65--xl {
    padding-top: 4.64286rem !important;
    padding-bottom: 4.64286rem !important;
  }
  /* P */
  .g-py-70--xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  /* P */
  .g-py-75--xl {
    padding-top: 5.35714rem !important;
    padding-bottom: 5.35714rem !important;
  }
  /* P */
  .g-py-80--xl {
    padding-top: 5.71429rem !important;
    padding-bottom: 5.71429rem !important;
  }
  /* P */
  .g-py-85--xl {
    padding-top: 6.07143rem !important;
    padding-bottom: 6.07143rem !important;
  }
  /* P */
  .g-py-90--xl {
    padding-top: 6.42857rem !important;
    padding-bottom: 6.42857rem !important;
  }
  /* P */
  .g-py-95--xl {
    padding-top: 6.78571rem !important;
    padding-bottom: 6.78571rem !important;
  }
  /* P */
  .g-py-100--xl {
    padding-top: 7.14286rem !important;
    padding-bottom: 7.14286rem !important;
  }
  /* P */
  .g-py-105--xl {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  /* P */
  .g-py-110--xl {
    padding-top: 7.85714rem !important;
    padding-bottom: 7.85714rem !important;
  }
  /* P */
  .g-py-115--xl {
    padding-top: 8.21429rem !important;
    padding-bottom: 8.21429rem !important;
  }
  /* P */
  .g-py-120--xl {
    padding-top: 8.57143rem !important;
    padding-bottom: 8.57143rem !important;
  }
  /* P */
  .g-py-125--xl {
    padding-top: 8.92857rem !important;
    padding-bottom: 8.92857rem !important;
  }
  /* P */
  .g-py-130--xl {
    padding-top: 9.28571rem !important;
    padding-bottom: 9.28571rem !important;
  }
  /* P */
  .g-py-135--xl {
    padding-top: 9.64286rem !important;
    padding-bottom: 9.64286rem !important;
  }
  /* P */
  .g-py-140--xl {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  /* P */
  .g-py-145--xl {
    padding-top: 10.35714rem !important;
    padding-bottom: 10.35714rem !important;
  }
  /* P */
  .g-py-150--xl {
    padding-top: 10.71429rem !important;
    padding-bottom: 10.71429rem !important;
  }
  /* P */
  .g-py-155--xl {
    padding-top: 11.07143rem !important;
    padding-bottom: 11.07143rem !important;
  }
  /* P */
  .g-py-160--xl {
    padding-top: 11.42857rem !important;
    padding-bottom: 11.42857rem !important;
  }
  /* P */
  .g-py-165--xl {
    padding-top: 11.78571rem !important;
    padding-bottom: 11.78571rem !important;
  }
  /* P */
  .g-py-170--xl {
    padding-top: 12.14286rem !important;
    padding-bottom: 12.14286rem !important;
  }
  /* P */
  .g-py-175--xl {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  /* P */
  .g-py-180--xl {
    padding-top: 12.85714rem !important;
    padding-bottom: 12.85714rem !important;
  }
  /* P */
  .g-py-185--xl {
    padding-top: 13.21429rem !important;
    padding-bottom: 13.21429rem !important;
  }
  /* P */
  .g-py-190--xl {
    padding-top: 13.57143rem !important;
    padding-bottom: 13.57143rem !important;
  }
  /* P */
  .g-py-195--xl {
    padding-top: 13.92857rem !important;
    padding-bottom: 13.92857rem !important;
  }
  /* P */
  .g-py-200--xl {
    padding-top: 14.28571rem !important;
    padding-bottom: 14.28571rem !important;
  }
  /* P */
  .g-py-205--xl {
    padding-top: 14.64286rem !important;
    padding-bottom: 14.64286rem !important;
  }
  /* P */
  .g-py-210--xl {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  /* Padding Top */
  .g-pt-0--xl {
    padding-top: 0px !important;
  }
  .g-pt-1--xl {
    padding-top: 0.07143rem !important;
  }
  .g-pt-2--xl {
    padding-top: 0.14286rem !important;
  }
  .g-pt-3--xl {
    padding-top: 0.21429rem !important;
  }
  .g-pt-4--xl {
    padding-top: 0.28571rem !important;
  }
  .g-pt-5--xl {
    padding-top: 0.35714rem !important;
  }
  .g-pt-6--xl {
    padding-top: 0.42857rem !important;
  }
  .g-pt-7--xl {
    padding-top: 0.5rem !important;
  }
  .g-pt-8--xl {
    padding-top: 0.57143rem !important;
  }
  .g-pt-9--xl {
    padding-top: 0.64286rem !important;
  }
  .g-pt-10--xl {
    padding-top: 0.71429rem !important;
  }
  .g-pt-11--xl {
    padding-top: 0.78571rem !important;
  }
  .g-pt-12--xl {
    padding-top: 0.85714rem !important;
  }
  .g-pt-13--xl {
    padding-top: 0.92857rem !important;
  }
  .g-pt-14--xl {
    padding-top: 1rem !important;
  }
  .g-pt-15--xl {
    padding-top: 1.07143rem !important;
  }
  .g-pt-16--xl {
    padding-top: 1.14286rem !important;
  }
  .g-pt-17--xl {
    padding-top: 1.21429rem !important;
  }
  .g-pt-18--xl {
    padding-top: 1.28571rem !important;
  }
  .g-pt-19--xl {
    padding-top: 1.35714rem !important;
  }
  .g-pt-10--xl {
    padding-top: 0.71429rem !important;
  }
  .g-pt-15--xl {
    padding-top: 1.07143rem !important;
  }
  .g-pt-20--xl {
    padding-top: 1.42857rem !important;
  }
  .g-pt-25--xl {
    padding-top: 1.78571rem !important;
  }
  .g-pt-30--xl {
    padding-top: 2.14286rem !important;
  }
  .g-pt-35--xl {
    padding-top: 2.5rem !important;
  }
  .g-pt-40--xl {
    padding-top: 2.85714rem !important;
  }
  .g-pt-45--xl {
    padding-top: 3.21429rem !important;
  }
  .g-pt-50--xl {
    padding-top: 3.57143rem !important;
  }
  .g-pt-55--xl {
    padding-top: 3.92857rem !important;
  }
  .g-pt-60--xl {
    padding-top: 4.28571rem !important;
  }
  .g-pt-65--xl {
    padding-top: 4.64286rem !important;
  }
  .g-pt-70--xl {
    padding-top: 5rem !important;
  }
  .g-pt-75--xl {
    padding-top: 5.35714rem !important;
  }
  .g-pt-80--xl {
    padding-top: 5.71429rem !important;
  }
  .g-pt-85--xl {
    padding-top: 6.07143rem !important;
  }
  .g-pt-90--xl {
    padding-top: 6.42857rem !important;
  }
  .g-pt-95--xl {
    padding-top: 6.78571rem !important;
  }
  .g-pt-100--xl {
    padding-top: 7.14286rem !important;
  }
  .g-pt-105--xl {
    padding-top: 7.5rem !important;
  }
  .g-pt-110--xl {
    padding-top: 7.85714rem !important;
  }
  .g-pt-115--xl {
    padding-top: 8.21429rem !important;
  }
  .g-pt-120--xl {
    padding-top: 8.57143rem !important;
  }
  .g-pt-125--xl {
    padding-top: 8.92857rem !important;
  }
  .g-pt-130--xl {
    padding-top: 9.28571rem !important;
  }
  .g-pt-135--xl {
    padding-top: 9.64286rem !important;
  }
  .g-pt-140--xl {
    padding-top: 10rem !important;
  }
  .g-pt-145--xl {
    padding-top: 10.35714rem !important;
  }
  .g-pt-150--xl {
    padding-top: 10.71429rem !important;
  }
  /* Padding Right */
  .g-pr-0--xl {
    padding-right: 0px !important;
  }
  .g-pr-1--xl {
    padding-right: 0.07143rem !important;
  }
  .g-pr-2--xl {
    padding-right: 0.14286rem !important;
  }
  .g-pr-3--xl {
    padding-right: 0.21429rem !important;
  }
  .g-pr-4--xl {
    padding-right: 0.28571rem !important;
  }
  .g-pr-5--xl {
    padding-right: 0.35714rem !important;
  }
  .g-pr-6--xl {
    padding-right: 0.42857rem !important;
  }
  .g-pr-7--xl {
    padding-right: 0.5rem !important;
  }
  .g-pr-8--xl {
    padding-right: 0.57143rem !important;
  }
  .g-pr-9--xl {
    padding-right: 0.64286rem !important;
  }
  /* P */
  .g-pr-10--xl {
    padding-right: 0.71429rem !important;
  }
  /* P */
  .g-pr-15--xl {
    padding-right: 1.07143rem !important;
  }
  /* P */
  .g-pr-20--xl {
    padding-right: 1.42857rem !important;
  }
  /* P */
  .g-pr-25--xl {
    padding-right: 1.78571rem !important;
  }
  /* P */
  .g-pr-30--xl {
    padding-right: 2.14286rem !important;
  }
  /* P */
  .g-pr-35--xl {
    padding-right: 2.5rem !important;
  }
  /* P */
  .g-pr-40--xl {
    padding-right: 2.85714rem !important;
  }
  /* P */
  .g-pr-45--xl {
    padding-right: 3.21429rem !important;
  }
  /* P */
  .g-pr-50--xl {
    padding-right: 3.57143rem !important;
  }
  /* P */
  .g-pr-55--xl {
    padding-right: 3.92857rem !important;
  }
  /* P */
  .g-pr-60--xl {
    padding-right: 4.28571rem !important;
  }
  /* P */
  .g-pr-65--xl {
    padding-right: 4.64286rem !important;
  }
  /* P */
  .g-pr-70--xl {
    padding-right: 5rem !important;
  }
  /* P */
  .g-pr-75--xl {
    padding-right: 5.35714rem !important;
  }
  /* P */
  .g-pr-80--xl {
    padding-right: 5.71429rem !important;
  }
  /* P */
  .g-pr-85--xl {
    padding-right: 6.07143rem !important;
  }
  /* P */
  .g-pr-90--xl {
    padding-right: 6.42857rem !important;
  }
  /* P */
  .g-pr-95--xl {
    padding-right: 6.78571rem !important;
  }
  /* P */
  .g-pr-100--xl {
    padding-right: 7.14286rem !important;
  }
  /* P */
  .g-pr-105--xl {
    padding-right: 7.5rem !important;
  }
  /* P */
  .g-pr-110--xl {
    padding-right: 7.85714rem !important;
  }
  /* P */
  .g-pr-115--xl {
    padding-right: 8.21429rem !important;
  }
  /* P */
  .g-pr-120--xl {
    padding-right: 8.57143rem !important;
  }
  /* P */
  .g-pr-125--xl {
    padding-right: 8.92857rem !important;
  }
  /* P */
  .g-pr-130--xl {
    padding-right: 9.28571rem !important;
  }
  /* P */
  .g-pr-135--xl {
    padding-right: 9.64286rem !important;
  }
  /* P */
  .g-pr-140--xl {
    padding-right: 10rem !important;
  }
  /* P */
  .g-pr-145--xl {
    padding-right: 10.35714rem !important;
  }
  /* P */
  .g-pr-150--xl {
    padding-right: 10.71429rem !important;
  }
  /* P */
  .g-pr-155--xl {
    padding-right: 11.07143rem !important;
  }
  /* P */
  .g-pr-160--xl {
    padding-right: 11.42857rem !important;
  }
  /* P */
  .g-pr-165--xl {
    padding-right: 11.78571rem !important;
  }
  /* P */
  .g-pr-170--xl {
    padding-right: 12.14286rem !important;
  }
  /* Padding Bottom */
  .g-pb-0--xl {
    padding-bottom: 0px !important;
  }
  .g-pb-1--xl {
    padding-bottom: 0.07143rem !important;
  }
  .g-pb-2--xl {
    padding-bottom: 0.14286rem !important;
  }
  .g-pb-3--xl {
    padding-bottom: 0.21429rem !important;
  }
  .g-pb-4--xl {
    padding-bottom: 0.28571rem !important;
  }
  .g-pb-5--xl {
    padding-bottom: 0.35714rem !important;
  }
  .g-pb-6--xl {
    padding-bottom: 0.42857rem !important;
  }
  .g-pb-7--xl {
    padding-bottom: 0.5rem !important;
  }
  .g-pb-8--xl {
    padding-bottom: 0.57143rem !important;
  }
  .g-pb-9--xl {
    padding-bottom: 0.64286rem !important;
  }
  .g-pb-10--xl {
    padding-bottom: 0.71429rem !important;
  }
  .g-pb-15--xl {
    padding-bottom: 1.07143rem !important;
  }
  .g-pb-20--xl {
    padding-bottom: 1.42857rem !important;
  }
  .g-pb-25--xl {
    padding-bottom: 1.78571rem !important;
  }
  .g-pb-30--xl {
    padding-bottom: 2.14286rem !important;
  }
  .g-pb-35--xl {
    padding-bottom: 2.5rem !important;
  }
  .g-pb-40--xl {
    padding-bottom: 2.85714rem !important;
  }
  .g-pb-45--xl {
    padding-bottom: 3.21429rem !important;
  }
  .g-pb-50--xl {
    padding-bottom: 3.57143rem !important;
  }
  .g-pb-55--xl {
    padding-bottom: 3.92857rem !important;
  }
  .g-pb-60--xl {
    padding-bottom: 4.28571rem !important;
  }
  .g-pb-65--xl {
    padding-bottom: 4.64286rem !important;
  }
  .g-pb-70--xl {
    padding-bottom: 5rem !important;
  }
  .g-pb-75--xl {
    padding-bottom: 5.35714rem !important;
  }
  .g-pb-80--xl {
    padding-bottom: 5.71429rem !important;
  }
  .g-pb-85--xl {
    padding-bottom: 6.07143rem !important;
  }
  .g-pb-90--xl {
    padding-bottom: 6.42857rem !important;
  }
  .g-pb-95--xl {
    padding-bottom: 6.78571rem !important;
  }
  .g-pb-100--xl {
    padding-bottom: 7.14286rem !important;
  }
  .g-pb-105--xl {
    padding-bottom: 7.5rem !important;
  }
  .g-pb-110--xl {
    padding-bottom: 7.85714rem !important;
  }
  .g-pb-115--xl {
    padding-bottom: 8.21429rem !important;
  }
  .g-pb-120--xl {
    padding-bottom: 8.57143rem !important;
  }
  .g-pb-125--xl {
    padding-bottom: 8.92857rem !important;
  }
  .g-pb-130--xl {
    padding-bottom: 9.28571rem !important;
  }
  .g-pb-135--xl {
    padding-bottom: 9.64286rem !important;
  }
  .g-pb-140--xl {
    padding-bottom: 10rem !important;
  }
  .g-pb-145--xl {
    padding-bottom: 10.35714rem !important;
  }
  .g-pb-150--xl {
    padding-bottom: 10.71429rem !important;
  }
  /* Padding Left */
  .g-pl-0--xl {
    padding-left: 0px !important;
  }
  .g-pl-1--xl {
    padding-left: 0.07143rem !important;
  }
  .g-pl-2--xl {
    padding-left: 0.14286rem !important;
  }
  .g-pl-3--xl {
    padding-left: 0.21429rem !important;
  }
  .g-pl-4--xl {
    padding-left: 0.28571rem !important;
  }
  .g-pl-5--xl {
    padding-left: 0.35714rem !important;
  }
  .g-pl-6--xl {
    padding-left: 0.42857rem !important;
  }
  .g-pl-7--xl {
    padding-left: 0.5rem !important;
  }
  .g-pl-8--xl {
    padding-left: 0.57143rem !important;
  }
  .g-pl-9--xl {
    padding-left: 0.64286rem !important;
  }
  /* P */
  .g-pl-10--xl {
    padding-left: 0.71429rem !important;
  }
  /* P */
  .g-pl-15--xl {
    padding-left: 1.07143rem !important;
  }
  /* P */
  .g-pl-20--xl {
    padding-left: 1.42857rem !important;
  }
  /* P */
  .g-pl-25--xl {
    padding-left: 1.78571rem !important;
  }
  /* P */
  .g-pl-30--xl {
    padding-left: 2.14286rem !important;
  }
  /* P */
  .g-pl-35--xl {
    padding-left: 2.5rem !important;
  }
  /* P */
  .g-pl-40--xl {
    padding-left: 2.85714rem !important;
  }
  /* P */
  .g-pl-45--xl {
    padding-left: 3.21429rem !important;
  }
  /* P */
  .g-pl-50--xl {
    padding-left: 3.57143rem !important;
  }
  /* P */
  .g-pl-55--xl {
    padding-left: 3.92857rem !important;
  }
  /* P */
  .g-pl-60--xl {
    padding-left: 4.28571rem !important;
  }
  /* P */
  .g-pl-65--xl {
    padding-left: 4.64286rem !important;
  }
  /* P */
  .g-pl-70--xl {
    padding-left: 5rem !important;
  }
  /* P */
  .g-pl-75--xl {
    padding-left: 5.35714rem !important;
  }
  /* P */
  .g-pl-80--xl {
    padding-left: 5.71429rem !important;
  }
  /* P */
  .g-pl-85--xl {
    padding-left: 6.07143rem !important;
  }
  /* P */
  .g-pl-90--xl {
    padding-left: 6.42857rem !important;
  }
  /* P */
  .g-pl-95--xl {
    padding-left: 6.78571rem !important;
  }
  /* P */
  .g-pl-100--xl {
    padding-left: 7.14286rem !important;
  }
  /* P */
  .g-pl-105--xl {
    padding-left: 7.5rem !important;
  }
  /* P */
  .g-pl-110--xl {
    padding-left: 7.85714rem !important;
  }
  /* P */
  .g-pl-115--xl {
    padding-left: 8.21429rem !important;
  }
  /* P */
  .g-pl-120--xl {
    padding-left: 8.57143rem !important;
  }
  /* P */
  .g-pl-125--xl {
    padding-left: 8.92857rem !important;
  }
  /* P */
  .g-pl-130--xl {
    padding-left: 9.28571rem !important;
  }
  /* P */
  .g-pl-135--xl {
    padding-left: 9.64286rem !important;
  }
  /* P */
  .g-pl-140--xl {
    padding-left: 10rem !important;
  }
  /* P */
  .g-pl-145--xl {
    padding-left: 10.35714rem !important;
  }
  /* P */
  .g-pl-150--xl {
    padding-left: 10.71429rem !important;
  }
  /* P */
  .g-pl-155--xl {
    padding-left: 11.07143rem !important;
  }
  /* P */
  .g-pl-160--xl {
    padding-left: 11.42857rem !important;
  }
  /* P */
  .g-pl-165--xl {
    padding-left: 11.78571rem !important;
  }
  /* P */
  .g-pl-170--xl {
    padding-left: 12.14286rem !important;
  }
}

/* Custom Paddings (xs)
------------------------------------*/
.g-pa-0-20-20 {
  padding: 0 1.42857rem 1.42857rem !important;
}

.g-pa-4-11 {
  padding: 0.28571rem 0.78571rem !important;
}

.g-pa-4-13 {
  padding: 0.28571rem 0.92857rem !important;
}

.g-pa-5-10 {
  padding: 0.35714rem 0.71429rem !important;
}

.g-pa-5-15 {
  padding: 0.35714rem 1.07143rem !important;
}

.g-pa-6-8 {
  padding: 0.42857rem 0.57143rem !important;
}

.g-pa-7-14 {
  padding: 0.5rem 1rem !important;
}

.g-pa-7-16 {
  padding: 0.5rem 1.14286rem !important;
}

.g-pa-10-5-5 {
  padding: 0.71429rem 0.35714rem 0.35714rem !important;
}

.g-pa-10-15 {
  padding: 0.71429rem 1.07143rem !important;
}

.g-pa-10-16 {
  padding: 0.71429rem 1.14286rem !important;
}

.g-pa-10-20 {
  padding: 0.71429rem 1.42857rem !important;
}

.g-pa-10-30 {
  padding: 0.71429rem 2.14286rem !important;
}

.g-pa-12 {
  padding: 0.85714rem !important;
}

.g-pa-12-19 {
  padding: 0.85714rem 1.35714rem !important;
}

.g-pa-12-21 {
  padding: 0.85714rem 1.5rem !important;
}

.g-pa-12-5-7 {
  padding: 0.85714rem 0.35714rem 0.5rem !important;
}

.g-pa-14-18 {
  padding: 1rem 1.28571rem !important;
}

.g-pa-15-0 {
  padding: 1.07143rem 0 !important;
}

.g-pa-15-5 {
  padding: 1.07143rem 0.35714rem !important;
}

.g-pa-15-20-10 {
  padding: 1.07143rem 1.42857rem 0.71429rem !important;
}

.g-pa-15-20 {
  padding: 1.07143rem 1.42857rem !important;
}

.g-pa-15-30 {
  padding: 1.07143rem 2.14286rem !important;
}

.g-pa-17-23 {
  padding: 1.21429rem 1.64286rem !important;
}

.g-pa-20-10 {
  padding: 1.42857rem 0.71429rem !important;
}

.g-pa-20-20-15 {
  padding: 1.42857rem 1.42857rem 1.07143rem !important;
}

.g-pa-20-20-20-55 {
  padding: 1.42857rem 1.42857rem 1.42857rem 3.92857rem !important;
}

.g-pa-20-30-0 {
  padding: 1.42857rem 2.14286rem 0 !important;
}

.g-pa-20-40-25 {
  padding: 1.42857rem 2.85714rem 1.78571rem !important;
}

.g-pa-24 {
  padding: 1.71429rem !important;
}

.g-pa-25-20-30 {
  padding: 1.78571rem 1.42857rem 2.14286rem !important;
}

.g-pa-25-30-20 {
  padding: 1.78571rem 2.14286rem 1.42857rem !important;
}

.g-pa-25-30 {
  padding: 1.78571rem 2.14286rem !important;
}

.g-pa-30-10 {
  padding: 2.14286rem 0.71429rem !important;
}

.g-pa-30-15 {
  padding: 2.14286rem 1.07143rem !important;
}

.g-pa-30-20 {
  padding: 2.14286rem 1.42857rem !important;
}

.g-pa-30-30-20 {
  padding: 2.14286rem 2.14286rem 1.42857rem !important;
}

.g-pa-40 {
  padding: 2.85714rem !important;
}

.g-pa-40-20 {
  padding: 2.85714rem 1.42857rem !important;
}

.g-pa-40-30-30 {
  padding: 2.85714rem 2.14286rem 2.14286rem !important;
}

.g-pa-50-15-0 {
  padding: 3.57143rem 1.07143rem 0 !important;
}

.g-pa-15x {
  padding: 15% !important;
}

.g-px-17 {
  padding-left: 1.21429rem !important;
  padding-right: 1.21429rem !important;
}

.g-px-18 {
  padding-left: 1.28571rem !important;
  /* O */
  padding-right: 1.28571rem !important;
}

.g-py-23 {
  padding-top: 1.64286rem !important;
  /* O */
  padding-bottom: 1.64286rem !important;
}

.g-py-235 {
  padding-top: 16.78571rem !important;
  /* O */
  padding-bottom: 16.78571rem !important;
}

.g-pl-12 {
  padding-left: 0.85714rem !important;
}

.g-pl-17 {
  padding-left: 1.21429rem !important;
}

.g-pl-7--hover:hover {
  padding-left: 0.5rem !important;
}

.g-pl-25--hover:hover {
  padding-left: 1.78571rem !important;
}

.active.g-pl-25--active {
  padding-left: 1.78571rem !important;
}

.g-pl-60--xs {
  padding-left: 4.28571rem !important;
}

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

.g-pt-11 {
  padding-top: 0.78571rem !important;
}

.g-pt-12 {
  padding-top: 0.85714rem !important;
}

.g-parent:hover .g-pt-25--parent-hover {
  padding-top: 1.78571rem !important;
}

.g-pt-130 {
  padding-top: 9.28571rem !important;
}

.g-pt-150 {
  padding-top: 10.71429rem !important;
}

.g-pt-170 {
  padding-top: 12.14286rem !important;
}

.g-pt-195 {
  padding-top: 13.92857rem !important;
}

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

.g-pb-170 {
  padding-bottom: 12.14286rem !important;
}

.g-pb-180 {
  padding-bottom: 12.85714rem !important;
}

.g-pb-200 {
  padding-bottom: 14.28571rem !important;
}

.g-pb-250 {
  padding-bottom: 17.85714rem !important;
}

.g-pb-13 {
  padding-bottom: 0.92857rem !important;
}

.g-pb-16 {
  padding-bottom: 1.14286rem !important;
}

.g-pa-9 {
  padding: 0.64286rem !important;
}

.g-pa-11 {
  padding: 0.78571rem !important;
}

.g-pa-12 {
  padding: 0.85714rem !important;
}

.g-pl-30--hover:hover {
  padding-left: 2.14286rem !important;
}
.d-flex {
  display: flex;
}
.align-items-center {
  display: flex;
  align-items: center;
}
.justify-content-center {
  display: flex;
  justify-content: center;
}
.box-img-vr-corousel img {
  max-width: 169px;
}
.box-showplay-vr {
  background: url("../images/show/vr/vr.png") no-repeat 100%;
  width: 100%;
  height: 444px;
  background-position: center;
}
.box-showplay-vr video {
  height: 345px;
  width: 60%;
}
.box-text-vr {
  color: white;
  text-align: center;
}
.box-text-vr > h4 {
  text-transform: uppercase;
  font-weight: 600;
  min-height: 65px;
  margin-bottom: 3rem;
}
.box-text-vr > p {
  font-style: italic;
}
.box-special-desk {
  display: block;
}
.box-special-mobile {
  display: none;
}

/* Custom Paddings (sm)
------------------------------------*/
@media (min-width: 576px) {
  .g-px-10x--sm {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .g-px-0--sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .g-py-0--sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-py-5--sm {
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
  }
  .g-pa-0-10x--sm {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .g-pa-0-35-35--sm {
    padding: 0 2.5rem 2.5rem !important;
  }
  .g-pa-5-10--sm {
    padding: 0.35714rem 0.71429rem !important;
  }
  .g-pa-8-16--sm {
    padding: 0.57143rem 1.14286rem !important;
  }
  .g-pa-10-20--sm {
    padding: 0.71429rem 1.42857rem !important;
  }
  .g-pa-15-20-10--sm {
    padding: 1.07143rem 1.42857rem 0.71429rem !important;
  }
  .g-pa-20-20-0--sm {
    padding: 1.42857rem 1.42857rem 0 !important;
  }
  .g-pa-20-20-10--sm {
    padding: 1.42857rem 1.42857rem 0.71429rem !important;
  }
  .g-pa-20-30-0--sm {
    padding: 1.42857rem 2.14286rem 0 !important;
  }
  .g-pa-20-30--sm {
    padding: 1.42857rem 2.14286rem !important;
  }
  .g-pa-30-20--sm {
    padding: 2.14286rem 1.42857rem !important;
  }
  .g-pa-30-25-20--sm {
    padding: 2.14286rem 1.78571rem 1.42857rem !important;
  }
  .g-pa-30-30-20--sm {
    padding: 2.14286rem 2.14286rem 1.42857rem !important;
  }
  .g-pa-30-50-40--sm {
    padding: 2.14286rem 3.57143rem 2.85714rem !important;
  }
  .g-pa-30-80--sm {
    padding: 2.14286rem 5.71429rem !important;
  }
  .g-pa-40-30-30--sm {
    padding: 2.85714rem 2.14286rem 2.14286rem !important;
  }
  .g-pa-60-30--sm {
    padding: 4.28571rem 2.14286rem !important;
  }
  .g-pa-70-50-50-30--sm {
    padding: 5rem 3.57143rem 3.57143rem 2.14286rem !important;
  }
  .g-pa-80-40--sm {
    padding: 5.71429rem 2.85714rem !important;
  }
  .g-pa-85-0-40--sm {
    padding: 6.07143rem 0 2.85714rem !important;
  }
  .g-pa-100-30--sm {
    padding: 7.14286rem 2.14286rem !important;
  }
  .g-pa-170-0-150--sm {
    padding: 12.14286rem 0 10.71429rem !important;
  }
  .g-pl-300--sm {
    padding-left: 21.42857rem !important;
  }
}

/* Custom Paddings (md)
------------------------------------*/
@media (min-width: 768px) {
  .g-pa-25-30--md {
    padding: 1.78571rem 2.14286rem !important;
  }
  .g-pa-30-10--md {
    padding: 2.14286rem 0.71429rem !important;
  }
  .g-pa-30-35--md {
    padding: 2.14286rem 2.5rem !important;
  }
  .g-py-0--md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-py-23--md {
    padding-top: 1.64286rem !important;
    padding-bottom: 1.64286rem !important;
  }
  .g-px-18--md {
    padding-left: 1.28571rem !important;
    padding-right: 1.28571rem !important;
  }
  .g-pt-135--md {
    padding-top: 9.64286rem !important;
  }
  .g-pt-145--md {
    padding-top: 10.35714rem !important;
  }
  .g-pt-150--md {
    padding-top: 10.71429rem !important;
  }
  .g-pt-170--md {
    padding-top: 12.14286rem !important;
  }
  .g-pt-175--md {
    padding-top: 12.5rem !important;
  }
  .g-pb-70--md {
    padding-bottom: 5rem !important;
  }
  .g-pb-170--md {
    padding-bottom: 12.14286rem !important;
  }
  .g-pb-250--md {
    padding-bottom: 17.85714rem !important;
  }
  .g-pl-300--md {
    padding-left: 21.42857rem !important;
  }
}

/* Custom Paddings (lg)
------------------------------------*/
@media (min-width: 992px) {
  .g-py-0--lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-py-100--lg {
    padding-top: 7.14286rem !important;
    padding-bottom: 7.14286rem !important;
  }
  .g-px-200--lg {
    padding-left: 14.28571rem !important;
    padding-right: 14.28571rem !important;
  }
  .g-pt-170--lg {
    padding-top: 12.14286rem !important;
  }
  .g-pb-200--lg {
    padding-bottom: 14.28571rem !important;
  }
}

/* Custom Paddings (xl)
------------------------------------*/
@media (min-width: 1200px) {
  .g-py-0--xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .g-px-23--xl {
    padding-left: 1.64286rem !important;
    padding-right: 1.64286rem !important;
  }
}

/*------------------------------------
  Block Hidden
------------------------------------*/
.g-hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .g-hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .g-hidden-sm-up {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .g-hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .g-hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .g-hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .slide-special-list * {
    transition: all 0.25s;
  }
  .slide-special-list .owl-item {
    opacity: 0.1;
    transition: all 0.25s;
  }
  .slide-special-list .owl-item > div {
    margin-left: -2rem;
    /* width: 250px !important; */
    min-width: 250px;
  }
  .slide-special-list .owl-item.active.center .box-text-vr > p {
    font-size: 24px;
    width: auto;
    margin-left: 0em;
  }

  .slide-special-list .owl-item.active.center {
    opacity: 1;
    /* width: 250px !important; */
    /* margin-left: -4rem; */
  }
  .slide-special-list .owl-stage-outer {
    max-height: min-content;
  }
  .slide-special-list .owl-stage-outer .owl-stage {
    display: flex;
  }

  .slide-special-list .owl-item img {
    max-width: 100px;
  }
  .slide-special-list .owl-item.active.center img {
    max-width: 130px;
  }
  .VR-fix-sc-py {
    padding: 20rem 2rem;
  }
  .corousel-custom-vr .owl-item img {
    opacity: 0.25;
    transition: all 0.25s;
  }
  .corousel-custom-vr .owl-item.active.center img {
    opacity: 1;
    transform: scale(1.1);
  }
  .corousel-custom-vr .owl-stage-outer {
    height: 220px;
  }
  .corousel-custom-vr .owl-stage-outer .owl-stage {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .g-hidden-lg-down {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .corousel-custom-vr .owl-stage-outer {
    height: 185px;
  }
  .g-hidden-sm-down {
    display: none !important;
  }
  .slide-special-list .owl-item.active.center .box-text-vr > p {
    font-size: 22px;
    width: 300px;
    margin-left: -2em;
    line-height: 1.3;
  }
  .slide-special-list .owl-item > div {
    margin-left: -4rem;
    /* width: 250px !important; */
    min-width: 250px;
  }
  .BOXMSGBANNER {
    width: 18em;
  }
  .BOXMSGBANNER2 {
    width: 15em;
  }
}
@media (min-width: 1200px) {
  .g-hidden-xl-up {
    display: none !important;
  }
}

.g-hidden-xl-down {
  display: none !important;
}

/*---------------------portfolio---------------------*/
.wsk-cp-product {
  background: #fff;
  padding: 15px;
  border-radius: 6px;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
  position: relative;
  margin: 20px auto;
}
.wsk-cp-img {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -o-transform: translate(-50%);
  -khtml-transform: translate(-50%);
  width: 100%;
  padding: 15px;
  transition: all 0.2s ease-in-out;
}
.wsk-cp-img img {
  width: 100%;
  transition: all 0.2s ease-in-out;
  border-radius: 6px;
}
.wsk-cp-product:hover .wsk-cp-img {
  top: -40px;
}
.wsk-cp-product:hover .wsk-cp-img img {
  box-shadow: 0 19px 38px rgb(179 179 179 / 28%), 0 15px 12px rgb(0 0 0 / 22%);
}
.wsk-cp-text {
  padding-top: 130%;
}
.wsk-cp-text .category {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 45px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.wsk-cp-text .category > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
}
.wsk-cp-text .category > span {
  font-size: 18px;
  padding: 12px 30px;
  border: 1px solid #2097f3;
  background: #2097f3;
  color: #fff;
  box-shadow: 2px 2px 10px 0px rgb(171 171 171 / 30%),
    0 15px 12px rgb(230 230 230 / 29%);
  border-radius: 27px;
  transition: all 0.05s ease-in-out;
}
.wsk-cp-product:hover .wsk-cp-text .category > span {
  border-color: #ddd;
  box-shadow: none;
  padding: 11px 28px;
}
.wsk-cp-product:hover .wsk-cp-text .category {
  margin-top: 0px;
}
.wsk-cp-text .title-product {
  text-align: center;
}
.wsk-cp-text .title-product h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 15px auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.wsk-cp-text .description-prod p {
  margin: 0;
}
/* Truncate */
.wsk-cp-text .description-prod {
  text-align: center;
  width: 100%;
  height: 67px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 15px;
  font-size: 16px;
}
.card-footer {
  padding: 25px 0 5px;
  border-top: 1px solid #ddd;
}
.card-footer:after,
.card-footer:before {
  content: "";
  display: table;
}
.card-footer:after {
  clear: both;
}

.card-footer .wcf-left {
  float: left;
}

.card-footer .wcf-right {
  float: right;
}

.price {
  font-size: 18px;
  font-weight: bold;
}

a.buy-btn {
  display: block;
  color: #212121;
  text-align: center;
  font-size: 18px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  border: 1px solid #212121;
  transition: all 0.2s ease-in-out;
}
a.buy-btn:hover,
a.buy-btn:active,
a.buy-btn:focus {
  border-color: #ff9800;
  background: #ff9800;
  color: #fff;
  text-decoration: none;
}
.wsk-btn {
  display: inline-block;
  color: #212121;
  text-align: center;
  font-size: 18px;
  transition: all 0.2s ease-in-out;
  border-color: #ff9800;
  background: #ff9800;
  padding: 12px 30px;
  border-radius: 27px;
  margin: 0 5px;
}
.wsk-btn:hover,
.wsk-btn:focus,
.wsk-btn:active {
  text-decoration: none;
  color: #fff;
}
.red {
  color: #f44336;
  font-size: 22px;
  display: inline-block;
  margin: 0 5px;
}
@media screen and (max-width: 991px) {
  .wsk-cp-product {
    margin: 40px auto;
  }
  .wsk-cp-product .wsk-cp-img {
    top: -40px;
  }
  .wsk-cp-product .wsk-cp-img img {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  }
  .wsk-cp-product .wsk-cp-text .category > span {
    border-color: #ddd;
    box-shadow: none;
    padding: 11px 28px;
  }
  .wsk-cp-product .wsk-cp-text .category {
    margin-top: 0px;
  }
  a.buy-btn {
    border-color: #ff9800;
    background: #ff9800;
    color: #fff;
  }
  .PADADD {
    padding-top: 33px;
  }
}

/*---------------------end portfolio---------------------*/

img.t-ion-e-kyc {
  max-width: 60px;
  max-height: 100px;
}
.card-eKyc.card {
  padding: 3rem 4rem;
  box-shadow: 2px 4px 10px #e0e0e0;
  border-radius: 0.65rem;
}
h1.t-text-onbanner {
  font-size: 48px;
}
h1.t-text-onbanner-s13 {
  font-size: 50px;
}

.t-content-service-all .fix-center-web.e-kyc {
  position: absolute;
  top: 43%;
  left: 25.5%;
  transform: translate(-50%, -50%);
  width: 40%;
  text-align: left;
}
.box-special-desk > div {
  height: 1700px;
  width: 100%;
  background-position: center 54%;
  background-repeat: no-repeat;
  background-size: 110%;
  background-origin: content-box;
}

.box-img-responsive > img {
  width: 90%;
}
.UC2HEAD {
  font-size: 50px;
  color: black;
}
.UC2BODY {
  font-size: 18px;
  color: black;
}
.FONTUS2 {
  font-size: 18px;
}
@media (max-width: 1366px) {
  .UC2HEAD {
    font-size: 37px !important;
  }
  .UC2BODY {
    font-size: 16px !important;
  }
  .box-special-desk > div {
    height: 1200px;
    width: 100%;
    background-position: center 54%;
    background-repeat: no-repeat;
    background-size: 145%;
    background-origin: content-box;
  }
}
@media (max-width: 1290px) {
  .UC2HEAD {
    font-size: 30px !important;
  }
  .BOXMSGBANNER {
    width: 18em;
  }
  .BOXMSGBANNER2 {
    width: 15em;
  }
}
@media (max-width: 1024px) {
  .UC2HEAD {
    font-size: 30px !important;
  }
}

@media (max-width: 1199px) and (min-width: 991px) {
  .MARGINADD {
    margin-top: 5em !important;
  }
}
@media (max-width: 390px) {
  .DIVMOBILE {
    margin-top: 15px !important;
  }
  .fix-center-stock {
    left: 60%;
  }
  .BOXTEXT01 {
    display: flex;
    justify-content: center;
  }
  .BOX390PX {
    width: 260px;
    margin-bottom: 75px;
  }
}

.IMGDTDISNONE {
  display: block;
}
.IMGMOBILEDISNONE {
  display: none;
}
.BOXMSGBANNER {
  width: 30em;
}
.BOXMSGBANNER2 {
  width: 25em;
}
.VRHEAD {
  width: 100%;
  display: flex;
  justify-content: center;
}
.VRVIDEO {
  position: absolute;
  left: 27%;
  top: 11%;
}
.BOXVRVIDEO {
  display: flex;
  position: relative;
}
.BOXVRVIDEO2 {
  display: flex;
  justify-content: center;
}
.NODT {
  display: none;
}
.NOMOBILE {
  display: flex;
}
#video_VR2 {
  width: 63%;
}
.WIMGVR {
  width: 70%;
}
.IMGTITLE3 {
  width: 100%;
}

.VRMOBILE {
  display: none;
}

/* display */
.img-fluid {
  max-width: 100%;
  height: auto;
}
.show-xxl {
  display: block;
}
.show-xl2 {
  display: none;
}
.show-xl {
  display: block;
}
.show-lg {
  display: none;
}
.show-md {
  display: none;
}
.show-sm {
  display: none;
}

@media (max-width: 1600px) {
  .show-xxl {
    display: none;
  }
  .show-xl2 {
    display: block;
  }
}
@media (max-width: 1366px) {
  .show-xl2 {
    display: none;
  }
  .show-xl {
    display: none;
  }
  .show-lg {
    display: block;
  }
  .show-md {
    display: none;
  }
  .show-sm {
    display: none;
  }
}
@media (max-width: 1024px) {
  .show-xl {
    display: none;
  }
  .show-lg {
    display: none;
  }
  .show-md {
    display: block;
  }
  .show-sm {
    display: none;
  }
}
@media (max-width: 576px) {
  .UC2HEAD.FS24PXD576 {
    font-size: 24px !important;
  }
  .show-xl {
    display: none;
  }
  .show-lg {
    display: none;
  }
  .show-md {
    display: none;
  }
  .show-sm {
    display: block;
  }
}
/* end display */

/* service 14 */

.container-herobanner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 1rem 10rem;
}
.container-herobanner > .row {
  width: 100%;
}
.container-herobanner h1 {
  line-height: 1.4;
}
.text-service-14 {
  color: #f36817;
}
.text-dark-0 {
  color: #373d41;
}
.table-service-14 thead tr th {
  padding: 1rem 1rem;
}
.table-service-14.table-list thead tr th:first-child {
  width: 220px;
}
.table-service-14.table-list thead tr th:nth-child(1),
.table-service-14.table-list thead tr th:nth-child(2) {
  color: #ffffff;
  background-color: #373d41;
}
.table-service-14.table-list thead tr th:last-child {
  color: #ffffff;
  background-color: #f36817;
}
.table-service-14 thead tr th {
  color: #ffffff;
  background-color: #373d41;
}
.table-service-14 tbody tr td {
  background-color: #f5f6f8;
}
.table-service-14 tbody tr td:nth-child(even) {
  background-color: #ffffff;
}

.cotent-cloudstorage {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.w-100 {
  width: 100% !important;
}
.faq-collapse-content {
  border-bottom: 1px solid #5551;
  padding-bottom: 1.25rem;
}
.btn-action-collapse,
.btn-action-collapse * {
  cursor: pointer;
  transition: all 0.25s ease;
}
.btn-action-collapse[aria-expanded="true"] {
  color: #f36817;
}
.service-15 .btn-action-collapse[aria-expanded="true"] {
  color: #dc64ff;
}
.btn-action-collapse[aria-expanded="true"] > img {
  transform: rotateX(180deg);
}
.service-15 .btn-action-collapse > img {
  transform: rotateX(180deg);
}
.service-15 .btn-action-collapse[aria-expanded="true"] > img {
  transform: rotateX(0deg);
}
.table-service-mobile tbody td {
  vertical-align: middle !important;
  border-top: 0 !important;
}
.table-service-mobile tbody tr:nth-child(odd) {
  background-color: #f5f6f8;
}
/* end service 14 */

/* display justify */
@media (min-width: 0px) {
  .flex-justify-content-end {
    display: flex;
    justify-content: end;
  }
  .flex-justify-content-center {
    display: flex;
    justify-content: center;
  }
  .flex-justify-content-start {
    display: flex;
    justify-content: start;
  }
}
@media (min-width: 1600px) {
  .flex-justify-content-xl-end {
    display: flex;
    justify-content: end;
  }
  .flex-justify-content-xl-center {
    display: flex;
    justify-content: center;
  }
  .flex-justify-content-xl-start {
    display: flex;
    justify-content: start;
  }
}
@media (min-width: 1366px) {
  .flex-justify-content-lg-end {
    display: flex;
    justify-content: end;
  }
  .flex-justify-content-lg-center {
    display: flex;
    justify-content: center;
  }
  .flex-justify-content-lg-start {
    display: flex;
    justify-content: start;
  }
}
@media (min-width: 1024px) {
  .flex-justify-content-md-end {
    display: flex;
    justify-content: end;
  }
  .flex-justify-content-md-center {
    display: flex;
    justify-content: center;
  }
  .flex-justify-content-md-start {
    display: flex;
    justify-content: start;
  }
}
@media (min-width: 576px) {
  .flex-justify-content-sm-end {
    display: flex;
    justify-content: end;
  }
  .flex-justify-content-sm-center {
    display: flex;
    justify-content: center;
  }
  .flex-justify-content-sm-start {
    display: flex;
    justify-content: start;
  }
}
@media (max-width: 566px) {
  .flex-justify-content-xs-end {
    display: flex;
    justify-content: end;
  }
  .flex-justify-content-xs-center {
    display: flex;
    justify-content: center;
  }
  .flex-justify-content-xs-start {
    display: flex;
    justify-content: start;
  }
}
/* end display justify */

/* service 15 */
.service-15 ul {
  padding-left: 2.5rem;
}
.text-service-15 {
  color: #dc64ff !important;
}
.text-white {
  color: #ffffff !important;
}
.container-start-price-service-15 {
  position: absolute;
  top: 5%;
  left: 0%;
  width: 100%;
}
.detail-notes-service-15 {
  position: absolute;
  top: 40em;
  left: 0;
  width: 100%;
  padding: 0 5rem;
}
.detail-notes-service-15 ul {
  padding-left: 2.5rem;
}
.content-service-price > img.tablet-hor {
  height: 1600px;
}
.content-service-price > img.tablet-ver {
  height: 1900px;
}
.table-service-15 thead tr th:first-child {
  background: linear-gradient(to bottom, #373d41 30%, #373d41b2);
  color: #ffffff;
}
.table-service-15 thead tr th:last-child {
  background: linear-gradient(to bottom, #ff69df, #a990ff);
  color: #ffffff;
}
.table-service-15 tbody tr td.ddd {
  background-color: #ebebeb;
}
/* end service 15 */

@media (min-width: 1660px) {
  .services-t .container {
    width: 1600px;
  }
}

/* width */
body::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1cc;
  border-radius: 4px;
}
::-webkit-scrollbar-track-piece {
  background: #eeeb;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccca;
  box-shadow: 0 0 4px 0.5px inset #ddda;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2196f3aa;
  box-shadow: 0 0 5px 0.5px inset #2196f3;
}
.d-none-ecom {
  display: block;
}
.d-none-ecom-sm {
  display: none;
}
.d-none-ecom-xs {
  display: none;
}
.PADDING-TR {
  padding: 1.7rem 0rem;
}
.content-left,
.content-right {
  margin-bottom: auto;
}
.TESTSHADOWBLACK {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.BANNERABSBUTTOM {
  width: 53%;
  bottom: -22%;
  left: 23%;
}
.FPADDINGTOPDT {
  padding-bottom: 70px !important;
}
.FPRICEHEAD {
  position: absolute;
  top: 2%;
  display: none;
}
.FPRICEHEAD2 {
  display: block;
}
.LINEPPCENTER:nth-child(1) {
  position: absolute;
  width: 3px;
  height: 60%;
  background-color: #c583f4;
  z-index: -1;
  top: 20%;
  left: 50%;
}
.FWIDTHRES {
  width: 75% !important;
  margin: auto;
}
.FIMGCSS {
  aspect-ratio: 16/9;
  width: 100%;
}
.D16PER9 {
  aspect-ratio: 14/9;
  width: 100%;
}
.TEXTSHADOWWHITE {
  text-shadow: 0 0 10px #ffffff;
}
.FMARGINCOLLA {
  margin-bottom: 5.7rem;
}
.FHEADTEXTBOXRES {
  align-items: center;
  justify-content: center;
  padding: 5rem 0rem;
}
.FFDETAILHEAD {
  margin-top: 0px;
  margin-bottom: 0px;
}
.FFTITLEHEAD {
  margin-top: 0px;
  margin-bottom: 0px;
}
.FLEX1DALL {
  flex: 1;
}
.FLEX2DALL {
  flex: 2;
}
.FLEX3DALL {
  flex: 3;
}
.FLEX4DALL {
  flex: 4;
}
.FLEX5DALL {
  flex: 5;
}
.FLEX6DALL {
  flex: 6;
}
.FLEX7DALL {
  flex: 7;
}
.FLEX8DALL {
  flex: 8;
}
.FLEX9DALL {
  flex: 9;
}

.flex-column-r {
  align-items: center;
  justify-content: center;
  display: flex;
}

.borderblue {
  border-bottom: 4.9px solid #2196f3;
}
@media (max-width: 768px) {
  .borderblue {
    border-bottom: 2.9px solid #2196f3;
  }
  .FLEX1D768 {
    flex: 1;
  }
  .FLEX2D768 {
    flex: 2;
  }
  .FLEX3D768 {
    flex: 3;
  }
  .FLEX4D768 {
    flex: 4;
  }
  .FLEX5D768 {
    flex: 5;
  }
  .FLEX6D768 {
    flex: 6;
  }
  .FLEX7D768 {
    flex: 7;
  }
  .FLEX8D768 {
    flex: 8;
  }
  .FLEX9D768 {
    flex: 9;
  }
  .flex-column {
    flex-direction: column;
  }
  .flex-column-r {
    flex-direction: column-reverse;
    margin-top: 20px;
  }
}
.lastest_list_content {
  flex: 1;
  margin: 0 15px;
  padding: 0px;
  border: 1px solid #eeeeee;
  padding: 0px 0px 10px 0px;
}
.WTITLE75PER {
  width: 60%;
}
.WHITESPACERES {
  white-space: pre-line;
}
.DEFLEXJUSCENTERTEXTCENTERFLEXCOLUMN {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.barundervideo {
  position: absolute;
  width: 100%;
  height: 10px;
  z-index: 100000;
  bottom: 1%;
  background-color: red;
}
.image-box-ser2 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(100% * (205 / 300));
}
.image-cropped-calc {
  position: absolute;
  top: -5%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.FIXTEXTPERN {
  white-space: pre-line;
  word-break: break-word;
  width: max-content;
}
.BARBLUE {
  border-bottom: 5px solid #2196f3;
  width: fit-content;
  padding-bottom: 10px;
}
.SERVICE3XL {
  display: block;
}
.SERVICE3MD {
  display: none;
}
.SERVICE3XS {
  display: none;
}
@media (min-width: 1201px) {
  .DSHOW1920PX {
    display: block !important;
  }
  .DSHOW1200PX {
    display: none !important;
  }
}
@media (max-width: 1201px) {
  .SERVICE3XL {
    display: none;
  }
  .SERVICE3MD {
    display: block;
  }
  .SERVICE3XS {
    display: none;
  }
  .DSHOW1920PX {
    display: none !important;
  }
  .DSHOW1200PX {
    display: block !important;
  }
}
@media (min-width: 991px) {
  .DSHOW991PX {
    display: none !important;
  }
  .D991NONE {
    display: block !important;
  }
  .D991SHOW {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .DNONESV4991,
  .SERVICE3XL {
    display: none;
  }
  .SERVICE3MD {
    display: none;
  }
  .SERVICE3XS {
    display: block;
  }
  .D991NONE {
    display: none !important;
  }
  .D991SHOW {
    display: block !important;
  }
  .DSHOW991PX {
    display: block !important;
  }
  .DSHOW1200PX {
    display: none !important;
  }
}
@media (min-width: 581px) {
  .DSHOW580PX {
    display: none !important;
  }
}
@media (max-width: 581px) {
  .DSHOW580PX {
    display: block !important;
  }
  .DSHOW991PX {
    display: none !important;
  }
}
.SERVICE10 {
  width: 100%;
}

.SERVICE10 img {
  width: 100%;
  height: auto;
}

/* the slides */
.SERVICE10 .slick-slide {
  margin: 0px !important;
}

/* the parent */

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .SERVICE10 .slick-list {
    margin: -20px !important;
  }
}
.image-container {
  overflow: hidden;
}
.PADDINGRL1PX {
  padding-left: 1px;
  padding-right: 1px;
}
.SERVICE10OWN .item {
  display: unset;
}
#splide {
  width: 100vw;
  max-width: 100%;
}

.splide__slide {
  width: 100vw;
  max-width: 100%;
}

.splide__track {
  width: 100%;
}
.splide__list {
  width: 100%;
}
.BOXOUTSIDE {
  background: rgb(224, 225, 225);
  background: linear-gradient(
    360deg,
    rgba(224, 225, 225, 1) 0%,
    rgba(254, 254, 254, 1) 100%
  );
  border-radius: 12px;
  padding: 7px;
  position: relative;
}
.BOXOUTSIDE2 {
  background: rgb(235, 235, 235);
  background: linear-gradient(
    90deg,
    rgba(235, 235, 235, 1) 0%,
    rgba(254, 254, 254, 1) 100%
  );
  border-radius: 7px;
  padding: 10px;
}
.BOXINSIDE {
  border-radius: 10px;
  padding: 10px;
  margin: 7px;
  background: rgb(6, 0, 87);
  background: linear-gradient(
    0deg,
    rgba(6, 0, 87, 1) 0%,
    rgba(1, 115, 254, 1) 100%
  );
}
.TEXTCENTER {
  text-align: center;
}
.BOXSTICK {
  z-index: 10000;
  position: absolute;
  top: -73.4%;
}
html[lang="en"] .BOXSTICK {
  z-index: 10000;
  position: absolute;
  top: -54.4%;
}
.HITEMTOP {
  height: 65rem;
}
.HITEMBOT {
  height: 100%;
}
.H3525 {
  height: 35em;
}
.HOMEHEIGHTBANNER {
  height: 450px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.BORDERRE {
  border-radius: 50%;
}
.SHOWDT {
  display: block;
}
.SHOWMB {
  display: none;
}
.COLORTEXT {
  color: #696969;
}
.MINHIGHTBOX {
  min-height: 140px;
}
.NEWSMINIHOME {
  height: 140px;
  object-fit: cover;
  object-position: 0px -15px;
}
.NEWSHIHOME {
  height: 500px;
  object-fit: cover;
}
.LOGOMENUFLEXFORDTANDMOBILE {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.LOGOMENUFLEXFORDTANDMOBILE div {
  padding: 2rem;
  width: 10%;
  margin: 2rem 2rem;
  display: flex;
  align-items: center;
}
.LOGOMENUFLEXFORDTANDMOBILEIMG {
  width: 100%;
  display: flex;
  align-items: center;
}
.SERVICE10ALIGNITEMSTART {
  align-items: start !important;
}
.TEXTABSOUR {
  position: absolute;
  top: 25%;
  left: 5%;
  font-size: 8px;
  color: #ffffff !important;
  text-shadow: 2px 2px 3px #555a;
}
.TEXTABSOUR2 {
  position: absolute;
  top: 34%;
  left: 5.6%;
  font-size: 8px;
  color: #ffffff !important;
  text-shadow: 2px 2px 3px #555a;
}
.BOXTEXTOUR {
  position: relative;
}
.IPHONEBOX .form-check-label {
  width: 95%;
}
.IPHONEBOX {
  align-items: self-start;
}
.DMOBILE {
  display: none;
}
.DDTSHOW {
  display: block;
}
.f-between {
  justify-content: space-between;
}
.f-jus-center {
  justify-content: center;
}
.fy-center {
  align-items: center;
}
.DINLINE {
  display: inline;
}
#splidenew2 .splide__pagination__page.is-active {
  background: black !important;
  transform: scale(1) !important;
  z-index: 1;
}
#splidenew2 .splide__pagination {
  bottom: -2.5em !important;
}
.FBORDERREDIUS {
  border-radius: 10px;
}

.IMGMBOUR {
  display: none;
}
.gg-arrow-left-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 22px;
}
.gg-arrow-left-o::after,
.gg-arrow-left-o::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 4px;
}
.gg-arrow-left-o::after {
  width: 6px;
  height: 6px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  bottom: 6px;
}
.gg-arrow-left-o::before {
  width: 10px;
  height: 2px;
  bottom: 8px;
  background: currentColor;
}
@-webkit-keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-webkit-keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: translateX(-68px);
    transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: translateX(-28px);
    transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: translateX(-68px);
    transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: translateX(-28px);
    transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes slide-in-bck-bottom {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px);
    transform: translateZ(700px) translateY(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-bottom {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px);
    transform: translateZ(700px) translateY(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}

.ARROWIMG {
  content: url("../images/arrow-01.png");
  transition: 0.5s all ease;
}
.BGBLACK {
  border-radius: 50%;
  transform: scale(2);
  transition: 0.5s all ease;
  cursor: pointer !important;
  position: absolute;
  right: 12%;
  top: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.BGBLACK:hover {
  border-radius: 50%;
  transform: scale(2);
  transition: 0.5s all ease;
}
.BGBLACK:hover > .ARROWIMG {
  content: url("../images/arrow1-01.png");
  transition: 0.5s all ease;
}
.FCSS-flex-column {
  flex-direction: column;
}
.FTOWERYELLOW {
  width: 8px;
  background-color: #fdc321;
  border-radius: 20px;
  margin: 0px 15px 5rem 45px;
}
.TEXTINBOXSER4,
.TEXTINBOXSER4-PAGE2 {
  position: absolute;
  top: 25%;
  right: 15%;
  color: white;
}
.TEXTINBOXSER4.ACT {
  display: block;
  animation-name: bounce-in-left;
  animation-duration: 1s;
}
.ITEMSV4.ACT {
  position: absolute;
  top: 55%;
  display: block;
  color: white;
  -webkit-animation: slide-in-bck-bottom 0.6s
    cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bck-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.TEXTINBOXSER4-PAGE2.ACT {
  display: block;
  animation-name: bounce-in-right;
  animation-duration: 1s;
}
.TEXTINBOXSER4,
.ITEMSV4 {
  display: none;
}
.TEXTINBOXSER4-PAGE2 {
  display: none;
}
.BGBLACK.ACT {
  transform: scale(-2);
}
.NEWBANNER {
  position: absolute;
  bottom: 0%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: start;
  text-align: start;
  left: 5.3%;
}
.NEWBANNER2 {
  position: absolute;
  bottom: 0%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: start;
  text-align: start;
  left: 5.3%;
  width: 65%;
}
.NEWBANNER3 {
  position: absolute;
  bottom: 0%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: start;
  text-align: start;
  left: 5.3%;
  width: 100%;
}
.IMGSERVICE15FIRST {
  display: flex;
  justify-content: center;
}
.IMGSERVICE15FIRST img {
  max-width: 50%;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 3, 2021 */



@font-face {
    font-family: 'printable4ubold_italic';
    src: url('printable4u_bold_italic_ver_1.00-webfont.woff2') format('woff2'),
         url('printable4u_bold_italic_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'printable4ubold_italic';
    src: url('printable4u_bold_italic_ver_1.00-webfont.woff2') format('woff2'),
         url('printable4u_bold_italic_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'printable4ubold';
    src: url('printable4u_bold_ver_1.00-webfont.woff2') format('woff2'),
         url('printable4u_bold_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'printable4ubold';
    src: url('printable4u_bold_ver_1.00-webfont.woff2') format('woff2'),
         url('printable4u_bold_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'printable4uitalic';
    src: url('printable4u_italic_ver_1.00-webfont.woff2') format('woff2'),
         url('printable4u_italic_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'printable4uitalic';
    src: url('printable4u_italic_ver_1.00-webfont.woff2') format('woff2'),
         url('printable4u_italic_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'printable4uregular';
    src: url('printable4u_regular_ver_1.00-webfont.woff2') format('woff2'),
         url('printable4u_regular_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'printable4uregular';
    src: url('printable4u_regular_ver_1.00-webfont.woff2') format('woff2'),
         url('printable4u_regular_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html[lang="en"] body{
    font-family: 'Poppins';
}
html[lang="th"] body{
    font-family: 'Prompt';
}

.FLH-1-0{
    line-height: 1.0;
}
.FLH-1-2{
    line-height: 1.2;
}
.FLH-1-4{
    line-height: 1.4;
}
.FLH-1-6{
    line-height: 1.6;
}

.FW-200{
    font-weight: 200;
}
.FW-400{
    font-weight: 400;
}
.FW-600{
    font-weight: 600;
}
.FW-800{
    font-weight: 800;
}
.FW-1000{
    font-weight: 1000;
}

.FS50PX{
    font-size: 50px;
}
.FS42PX{
    font-size: 42px;
}
.FS36PX{
    font-size: 36px;
}
.FS24PX{
    font-size: 24px;
}
.FS23PX{
    font-size: 23px;
}
.FS22PX{
    font-size: 22px;
}
.FS20PX{
    font-size: 20px;
}
.FS18PX{
    font-size: 18px;
}
.FS17-8PX{
    font-size: 17.8px;
}
.FS16PX{
    font-size: 16px;
}
.FS14PX{
    font-size: 14px;
}
.FS12PX{
    font-size: 12px;
}
.FS14PX { font-size: 14px;}
.FS15PX { font-size: 15px;}
.FS16PX { font-size: 16px;}
.FS17PX { font-size: 17px;}
.FS18PX { font-size: 18px;}
.FS19PX { font-size: 19px;}
.FS20PX { font-size: 20px;}
.FS21PX { font-size: 21px;}
.FS22PX { font-size: 22px;}
.FS23PX { font-size: 23px;}
.FS24PX { font-size: 24px;}
.FS25PX { font-size: 25px;}
.FS26PX { font-size: 26px;}
.FS27PX { font-size: 27px;}
.FS28PX { font-size: 28px;}
.FS29PX { font-size: 29px;}
.FS30PX { font-size: 30px;}
.FS31PX { font-size: 31px;}
.FS32PX { font-size: 32px;}
.FS33PX { font-size: 33px;}
.FS34PX { font-size: 34px;}
.FS35PX { font-size: 35px;}
.FS36PX { font-size: 36px;}
.FS37PX { font-size: 37px;}
.FS38PX { font-size: 38px;}
.FS39PX { font-size: 39px;}
.FS40PX { font-size: 40px;}
.FS41PX { font-size: 41px;}
.FS42PX { font-size: 42px;}
.FS43PX { font-size: 43px;}
.FS44PX { font-size: 44px;}
.FS45PX { font-size: 45px;}
.FS46PX { font-size: 46px;}
.FS47PX { font-size: 47px;}
.FS48PX { font-size: 48px;}
.FS49PX { font-size: 49px;}
.FS50PX { font-size: 50px;}
.FS51PX { font-size: 51px;}
.FS52PX { font-size: 52px;}
.FS53PX { font-size: 53px;}
.FS54PX { font-size: 54px;}
.FS55PX { font-size: 55px;}
.FS56PX { font-size: 56px;}
.FS57PX { font-size: 57px;}
.FS58PX { font-size: 58px;}
.FS59PX { font-size: 59px;}
.FS60PX { font-size: 60px;}
.FS61PX { font-size: 61px;}
.FS62PX { font-size: 62px;}
.FS63PX { font-size: 63px;}
.FS64PX { font-size: 64px;}
.FS65PX { font-size: 65px;}
.FS66PX { font-size: 66px;}
.FS67PX { font-size: 67px;}
.FS68PX { font-size: 68px;}
.FS69PX { font-size: 69px;}
.FS70PX { font-size: 70px;}
.FS71PX { font-size: 71px;}
.FS72PX { font-size: 72px;}
.FS73PX { font-size: 73px;}
.FS74PX { font-size: 74px;}

@media (max-width: 1600px){
.FS14PXD1600 { font-size: 14px;}
.FS15PXD1600 { font-size: 15px;}
.FS16PXD1600 { font-size: 16px;}
.FS17PXD1600 { font-size: 17px;}
.FS18PXD1600 { font-size: 18px;}
.FS19PXD1600 { font-size: 19px;}
.FS20PXD1600 { font-size: 20px;}
.FS21PXD1600 { font-size: 21px;}
.FS22PXD1600 { font-size: 22px;}
.FS23PXD1600 { font-size: 23px;}
.FS24PXD1600 { font-size: 24px;}
.FS25PXD1600 { font-size: 25px;}
.FS26PXD1600 { font-size: 26px;}
.FS27PXD1600 { font-size: 27px;}
.FS28PXD1600 { font-size: 28px;}
.FS29PXD1600 { font-size: 29px;}
.FS30PXD1600 { font-size: 30px;}
.FS31PXD1600 { font-size: 31px;}
.FS32PXD1600 { font-size: 32px;}
.FS33PXD1600 { font-size: 33px;}
.FS34PXD1600 { font-size: 34px;}
.FS35PXD1600 { font-size: 35px;}
.FS36PXD1600 { font-size: 36px;}
.FS37PXD1600 { font-size: 37px;}
.FS38PXD1600 { font-size: 38px;}
.FS39PXD1600 { font-size: 39px;}
.FS40PXD1600 { font-size: 40px;}
.FS41PXD1600 { font-size: 41px;}
.FS42PXD1600 { font-size: 42px;}
.FS43PXD1600 { font-size: 43px;}
.FS44PXD1600 { font-size: 44px;}
.FS45PXD1600 { font-size: 45px;}
.FS46PXD1600 { font-size: 46px;}
.FS47PXD1600 { font-size: 47px;}
.FS48PXD1600 { font-size: 48px;}
.FS49PXD1600 { font-size: 49px;}
.FS50PXD1600 { font-size: 50px;}
.FS51PXD1600 { font-size: 51px;}
.FS52PXD1600 { font-size: 52px;}
.FS53PXD1600 { font-size: 53px;}
.FS54PXD1600 { font-size: 54px;}
.FS55PXD1600 { font-size: 55px;}
.FS56PXD1600 { font-size: 56px;}
.FS57PXD1600 { font-size: 57px;}
.FS58PXD1600 { font-size: 58px;}
.FS59PXD1600 { font-size: 59px;}
.FS60PXD1600 { font-size: 60px;}
.FS61PXD1600 { font-size: 61px;}
.FS62PXD1600 { font-size: 62px;}
.FS63PXD1600 { font-size: 63px;}
.FS64PXD1600 { font-size: 64px;}
.FS65PXD1600 { font-size: 65px;}
.FS66PXD1600 { font-size: 66px;}
.FS67PXD1600 { font-size: 67px;}
.FS68PXD1600 { font-size: 68px;}
.FS69PXD1600 { font-size: 69px;}
.FS70PXD1600 { font-size: 70px;}
.FS71PXD1600 { font-size: 71px;}
.FS72PXD1600 { font-size: 72px;}
.FS73PXD1600 { font-size: 73px;}
.FS74PXD1600 { font-size: 74px;}
}
@media (max-width: 1440px){
.FS14PXD1440 { font-size: 14px;}
.FS15PXD1440 { font-size: 15px;}
.FS16PXD1440 { font-size: 16px;}
.FS17PXD1440 { font-size: 17px;}
.FS18PXD1440 { font-size: 18px;}
.FS19PXD1440 { font-size: 19px;}
.FS20PXD1440 { font-size: 20px;}
.FS21PXD1440 { font-size: 21px;}
.FS22PXD1440 { font-size: 22px;}
.FS23PXD1440 { font-size: 23px;}
.FS24PXD1440 { font-size: 24px;}
.FS25PXD1440 { font-size: 25px;}
.FS26PXD1440 { font-size: 26px;}
.FS27PXD1440 { font-size: 27px;}
.FS28PXD1440 { font-size: 28px;}
.FS29PXD1440 { font-size: 29px;}
.FS30PXD1440 { font-size: 30px;}
.FS31PXD1440 { font-size: 31px;}
.FS32PXD1440 { font-size: 32px;}
.FS33PXD1440 { font-size: 33px;}
.FS34PXD1440 { font-size: 34px;}
.FS35PXD1440 { font-size: 35px;}
.FS36PXD1440 { font-size: 36px;}
.FS37PXD1440 { font-size: 37px;}
.FS38PXD1440 { font-size: 38px;}
.FS39PXD1440 { font-size: 39px;}
.FS40PXD1440 { font-size: 40px;}
.FS41PXD1440 { font-size: 41px;}
.FS42PXD1440 { font-size: 42px;}
.FS43PXD1440 { font-size: 43px;}
.FS44PXD1440 { font-size: 44px;}
.FS45PXD1440 { font-size: 45px;}
.FS46PXD1440 { font-size: 46px;}
.FS47PXD1440 { font-size: 47px;}
.FS48PXD1440 { font-size: 48px;}
.FS49PXD1440 { font-size: 49px;}
.FS50PXD1440 { font-size: 50px;}
.FS51PXD1440 { font-size: 51px;}
.FS52PXD1440 { font-size: 52px;}
.FS53PXD1440 { font-size: 53px;}
.FS54PXD1440 { font-size: 54px;}
.FS55PXD1440 { font-size: 55px;}
.FS56PXD1440 { font-size: 56px;}
.FS57PXD1440 { font-size: 57px;}
.FS58PXD1440 { font-size: 58px;}
.FS59PXD1440 { font-size: 59px;}
.FS60PXD1440 { font-size: 60px;}
.FS61PXD1440 { font-size: 61px;}
.FS62PXD1440 { font-size: 62px;}
.FS63PXD1440 { font-size: 63px;}
.FS64PXD1440 { font-size: 64px;}
.FS65PXD1440 { font-size: 65px;}
.FS66PXD1440 { font-size: 66px;}
.FS67PXD1440 { font-size: 67px;}
.FS68PXD1440 { font-size: 68px;}
.FS69PXD1440 { font-size: 69px;}
.FS70PXD1440 { font-size: 70px;}
.FS71PXD1440 { font-size: 71px;}
.FS72PXD1440 { font-size: 72px;}
.FS73PXD1440 { font-size: 73px;}
.FS74PXD1440 { font-size: 74px;}
}
@media (max-width: 1366px){
.FS12PXD1366 { font-size: 12px;}
.FS13PXD1366 { font-size: 13px;}
.FS14PXD1366 { font-size: 14px;}
.FS15PXD1366 { font-size: 15px;}
.FS16PXD1366 { font-size: 16px;}
.FS17PXD1366 { font-size: 17px;}
.FS18PXD1366 { font-size: 18px;}
.FS19PXD1366 { font-size: 19px;}
.FS20PXD1366 { font-size: 20px;}
.FS21PXD1366 { font-size: 21px;}
.FS22PXD1366 { font-size: 22px;}
.FS23PXD1366 { font-size: 23px;}
.FS24PXD1366 { font-size: 24px;}
.FS25PXD1366 { font-size: 25px;}
.FS26PXD1366 { font-size: 26px;}
.FS27PXD1366 { font-size: 27px;}
.FS28PXD1366 { font-size: 28px;}
.FS29PXD1366 { font-size: 29px;}
.FS30PXD1366 { font-size: 30px;}
.FS31PXD1366 { font-size: 31px;}
.FS32PXD1366 { font-size: 32px;}
.FS33PXD1366 { font-size: 33px;}
.FS34PXD1366 { font-size: 34px;}
.FS35PXD1366 { font-size: 35px;}
.FS36PXD1366 { font-size: 36px;}
.FS37PXD1366 { font-size: 37px;}
.FS38PXD1366 { font-size: 38px;}
.FS39PXD1366 { font-size: 39px;}
.FS40PXD1366 { font-size: 40px;}
.FS41PXD1366 { font-size: 41px;}
.FS42PXD1366 { font-size: 42px;}
.FS43PXD1366 { font-size: 43px;}
.FS44PXD1366 { font-size: 44px;}
.FS45PXD1366 { font-size: 45px;}
.FS46PXD1366 { font-size: 46px;}
.FS47PXD1366 { font-size: 47px;}
.FS48PXD1366 { font-size: 48px;}
.FS49PXD1366 { font-size: 49px;}
.FS50PXD1366 { font-size: 50px;}
.FS51PXD1366 { font-size: 51px;}
.FS52PXD1366 { font-size: 52px;}
.FS53PXD1366 { font-size: 53px;}
.FS54PXD1366 { font-size: 54px;}
.FS55PXD1366 { font-size: 55px;}
.FS56PXD1366 { font-size: 56px;}
.FS57PXD1366 { font-size: 57px;}
.FS58PXD1366 { font-size: 58px;}
.FS59PXD1366 { font-size: 59px;}
.FS60PXD1366 { font-size: 60px;}
.FS61PXD1366 { font-size: 61px;}
.FS62PXD1366 { font-size: 62px;}
.FS63PXD1366 { font-size: 63px;}
.FS64PXD1366 { font-size: 64px;}
.FS65PXD1366 { font-size: 65px;}
.FS66PXD1366 { font-size: 66px;}
.FS67PXD1366 { font-size: 67px;}
.FS68PXD1366 { font-size: 68px;}
.FS69PXD1366 { font-size: 69px;}
.FS70PXD1366 { font-size: 70px;}
.FS71PXD1366 { font-size: 71px;}
.FS72PXD1366 { font-size: 72px;}
.FS73PXD1366 { font-size: 73px;}
.FS74PXD1366 { font-size: 74px;}
}
@media (max-width: 1024px){
.FS14PXD1024 { font-size: 14px;}
.FS15PXD1024 { font-size: 15px;}
.FS16PXD1024 { font-size: 16px;}
.FS17PXD1024 { font-size: 17px;}
.FS18PXD1024 { font-size: 18px;}
.FS19PXD1024 { font-size: 19px;}
.FS20PXD1024 { font-size: 20px;}
.FS21PXD1024 { font-size: 21px;}
.FS22PXD1024 { font-size: 22px;}
.FS23PXD1024 { font-size: 23px;}
.FS24PXD1024 { font-size: 24px;}
.FS25PXD1024 { font-size: 25px;}
.FS26PXD1024 { font-size: 26px;}
.FS27PXD1024 { font-size: 27px;}
.FS28PXD1024 { font-size: 28px;}
.FS29PXD1024 { font-size: 29px;}
.FS30PXD1024 { font-size: 30px;}
.FS31PXD1024 { font-size: 31px;}
.FS32PXD1024 { font-size: 32px;}
.FS33PXD1024 { font-size: 33px;}
.FS34PXD1024 { font-size: 34px;}
.FS35PXD1024 { font-size: 35px;}
.FS36PXD1024 { font-size: 36px;}
.FS37PXD1024 { font-size: 37px;}
.FS38PXD1024 { font-size: 38px;}
.FS39PXD1024 { font-size: 39px;}
.FS40PXD1024 { font-size: 40px;}
.FS41PXD1024 { font-size: 41px;}
.FS42PXD1024 { font-size: 42px;}
.FS43PXD1024 { font-size: 43px;}
.FS44PXD1024 { font-size: 44px;}
.FS45PXD1024 { font-size: 45px;}
.FS46PXD1024 { font-size: 46px;}
.FS47PXD1024 { font-size: 47px;}
.FS48PXD1024 { font-size: 48px;}
.FS49PXD1024 { font-size: 49px;}
.FS50PXD1024 { font-size: 50px;}
.FS51PXD1024 { font-size: 51px;}
.FS52PXD1024 { font-size: 52px;}
.FS53PXD1024 { font-size: 53px;}
.FS54PXD1024 { font-size: 54px;}
.FS55PXD1024 { font-size: 55px;}
.FS56PXD1024 { font-size: 56px;}
.FS57PXD1024 { font-size: 57px;}
.FS58PXD1024 { font-size: 58px;}
.FS59PXD1024 { font-size: 59px;}
.FS60PXD1024 { font-size: 60px;}
.FS61PXD1024 { font-size: 61px;}
.FS62PXD1024 { font-size: 62px;}
.FS63PXD1024 { font-size: 63px;}
.FS64PXD1024 { font-size: 64px;}
.FS65PXD1024 { font-size: 65px;}
.FS66PXD1024 { font-size: 66px;}
.FS67PXD1024 { font-size: 67px;}
.FS68PXD1024 { font-size: 68px;}
.FS69PXD1024 { font-size: 69px;}
.FS70PXD1024 { font-size: 70px;}
.FS71PXD1024 { font-size: 71px;}
.FS72PXD1024 { font-size: 72px;}
.FS73PXD1024 { font-size: 73px;}
.FS74PXD1024 { font-size: 74px;}
}
@media (max-width: 991px){
    .FS17-8PX {
        font-size: 14px;
      }
      
    .FS14PXD991{
        font-size: 14px;
    }
    .FS26PXD991{
        font-size: 26px;
    }
    .FS13PXD991{
        font-size: 13px;
    }
}
@media (max-width: 820px){
.FS14PXD820 { font-size: 14px;}
.FS15PXD820 { font-size: 15px;}
.FS16PXD820 { font-size: 16px;}
.FS17PXD820 { font-size: 17px;}
.FS18PXD820 { font-size: 18px;}
.FS19PXD820 { font-size: 19px;}
.FS20PXD820 { font-size: 20px;}
.FS21PXD820 { font-size: 21px;}
.FS22PXD820 { font-size: 22px;}
.FS23PXD820 { font-size: 23px;}
.FS24PXD820 { font-size: 24px;}
.FS25PXD820 { font-size: 25px;}
.FS26PXD820 { font-size: 26px;}
.FS27PXD820 { font-size: 27px;}
.FS28PXD820 { font-size: 28px;}
.FS29PXD820 { font-size: 29px;}
.FS30PXD820 { font-size: 30px;}
.FS31PXD820 { font-size: 31px;}
.FS32PXD820 { font-size: 32px;}
.FS33PXD820 { font-size: 33px;}
.FS34PXD820 { font-size: 34px;}
.FS35PXD820 { font-size: 35px;}
.FS36PXD820 { font-size: 36px;}
.FS37PXD820 { font-size: 37px;}
.FS38PXD820 { font-size: 38px;}
.FS39PXD820 { font-size: 39px;}
.FS40PXD820 { font-size: 40px;}
.FS41PXD820 { font-size: 41px;}
.FS42PXD820 { font-size: 42px;}
.FS43PXD820 { font-size: 43px;}
.FS44PXD820 { font-size: 44px;}
.FS45PXD820 { font-size: 45px;}
.FS46PXD820 { font-size: 46px;}
.FS47PXD820 { font-size: 47px;}
.FS48PXD820 { font-size: 48px;}
.FS49PXD820 { font-size: 49px;}
.FS50PXD820 { font-size: 50px;}
.FS51PXD820 { font-size: 51px;}
.FS52PXD820 { font-size: 52px;}
.FS53PXD820 { font-size: 53px;}
.FS54PXD820 { font-size: 54px;}
.FS55PXD820 { font-size: 55px;}
.FS56PXD820 { font-size: 56px;}
.FS57PXD820 { font-size: 57px;}
.FS58PXD820 { font-size: 58px;}
.FS59PXD820 { font-size: 59px;}
.FS60PXD820 { font-size: 60px;}
.FS61PXD820 { font-size: 61px;}
.FS62PXD820 { font-size: 62px;}
.FS63PXD820 { font-size: 63px;}
.FS64PXD820 { font-size: 64px;}
.FS65PXD820 { font-size: 65px;}
.FS66PXD820 { font-size: 66px;}
.FS67PXD820 { font-size: 67px;}
.FS68PXD820 { font-size: 68px;}
.FS69PXD820 { font-size: 69px;}
.FS70PXD820 { font-size: 70px;}
.FS71PXD820 { font-size: 71px;}
.FS72PXD820 { font-size: 72px;}
.FS73PXD820 { font-size: 73px;}
.FS74PXD820 { font-size: 74px;}
}
@media (max-width: 768px){

.FS12PXD768 { font-size: 12px;}
.FS13PXD768 { font-size: 13px;}
.FS14PXD768 { font-size: 14px;}
.FS15PXD768 { font-size: 15px;}
.FS16PXD768 { font-size: 16px;}
.FS17PXD768 { font-size: 17px;}
.FS18PXD768 { font-size: 18px;}
.FS19PXD768 { font-size: 19px;}
.FS20PXD768 { font-size: 20px;}
.FS21PXD768 { font-size: 21px;}
.FS22PXD768 { font-size: 22px;}
.FS23PXD768 { font-size: 23px;}
.FS24PXD768 { font-size: 24px;}
.FS25PXD768 { font-size: 25px;}
.FS26PXD768 { font-size: 26px;}
.FS27PXD768 { font-size: 27px;}
.FS28PXD768 { font-size: 28px;}
.FS29PXD768 { font-size: 29px;}
.FS30PXD768 { font-size: 30px;}
.FS31PXD768 { font-size: 31px;}
.FS32PXD768 { font-size: 32px;}
.FS33PXD768 { font-size: 33px;}
.FS34PXD768 { font-size: 34px;}
.FS35PXD768 { font-size: 35px;}
.FS36PXD768 { font-size: 36px;}
.FS37PXD768 { font-size: 37px;}
.FS38PXD768 { font-size: 38px;}
.FS39PXD768 { font-size: 39px;}
.FS40PXD768 { font-size: 40px;}
.FS41PXD768 { font-size: 41px;}
.FS42PXD768 { font-size: 42px;}
.FS43PXD768 { font-size: 43px;}
.FS44PXD768 { font-size: 44px;}
.FS45PXD768 { font-size: 45px;}
.FS46PXD768 { font-size: 46px;}
.FS47PXD768 { font-size: 47px;}
.FS48PXD768 { font-size: 48px;}
.FS49PXD768 { font-size: 49px;}
.FS50PXD768 { font-size: 50px;}
.FS51PXD768 { font-size: 51px;}
.FS52PXD768 { font-size: 52px;}
.FS53PXD768 { font-size: 53px;}
.FS54PXD768 { font-size: 54px;}
.FS55PXD768 { font-size: 55px;}
.FS56PXD768 { font-size: 56px;}
.FS57PXD768 { font-size: 57px;}
.FS58PXD768 { font-size: 58px;}
.FS59PXD768 { font-size: 59px;}
.FS60PXD768 { font-size: 60px;}
.FS61PXD768 { font-size: 61px;}
.FS62PXD768 { font-size: 62px;}
.FS63PXD768 { font-size: 63px;}
.FS64PXD768 { font-size: 64px;}
.FS65PXD768 { font-size: 65px;}
.FS66PXD768 { font-size: 66px;}
.FS67PXD768 { font-size: 67px;}
.FS68PXD768 { font-size: 68px;}
.FS69PXD768 { font-size: 69px;}
.FS70PXD768 { font-size: 70px;}
.FS71PXD768 { font-size: 71px;}
.FS72PXD768 { font-size: 72px;}
.FS73PXD768 { font-size: 73px;}
.FS74PXD768 { font-size: 74px;}
}
@media (max-width: 576px){
.FS9PXD576 { font-size: 9px;}
.FS10PXD576 { font-size: 10px;}
.FS11PXD576 { font-size: 11px;}
.FS12PXD576 { font-size: 12px;}
.FS14PXD576 { font-size: 14px;}
.FS15PXD576 { font-size: 15px;}
.FS16PXD576 { font-size: 16px;}
.FS17PXD576 { font-size: 17px;}
.FS18PXD576 { font-size: 18px;}
.FS19PXD576 { font-size: 19px;}
.FS20PXD576 { font-size: 20px;}
.FS21PXD576 { font-size: 21px;}
.FS22PXD576 { font-size: 22px;}
.FS23PXD576 { font-size: 23px;}
.FS24PXD576 { font-size: 24px;}
.FS25PXD576 { font-size: 25px;}
.FS26PXD576 { font-size: 26px;}
.FS27PXD576 { font-size: 27px;}
.FS28PXD576 { font-size: 28px;}
.FS29PXD576 { font-size: 29px;}
.FS30PXD576 { font-size: 30px;}
.FS31PXD576 { font-size: 31px;}
.FS32PXD576 { font-size: 32px;}
.FS33PXD576 { font-size: 33px;}
.FS34PXD576 { font-size: 34px;}
.FS35PXD576 { font-size: 35px;}
.FS36PXD576 { font-size: 36px;}
.FS37PXD576 { font-size: 37px;}
.FS38PXD576 { font-size: 38px;}
.FS39PXD576 { font-size: 39px;}
.FS40PXD576 { font-size: 40px;}
.FS41PXD576 { font-size: 41px;}
.FS42PXD576 { font-size: 42px;}
.FS43PXD576 { font-size: 43px;}
.FS44PXD576 { font-size: 44px;}
.FS45PXD576 { font-size: 45px;}
.FS46PXD576 { font-size: 46px;}
.FS47PXD576 { font-size: 47px;}
.FS48PXD576 { font-size: 48px;}
.FS49PXD576 { font-size: 49px;}
.FS50PXD576 { font-size: 50px;}
.FS51PXD576 { font-size: 51px;}
.FS52PXD576 { font-size: 52px;}
.FS53PXD576 { font-size: 53px;}
.FS54PXD576 { font-size: 54px;}
.FS55PXD576 { font-size: 55px;}
.FS56PXD576 { font-size: 56px;}
.FS57PXD576 { font-size: 57px;}
.FS58PXD576 { font-size: 58px;}
.FS59PXD576 { font-size: 59px;}
.FS60PXD576 { font-size: 60px;}
.FS61PXD576 { font-size: 61px;}
.FS62PXD576 { font-size: 62px;}
.FS63PXD576 { font-size: 63px;}
.FS64PXD576 { font-size: 64px;}
.FS65PXD576 { font-size: 65px;}
.FS66PXD576 { font-size: 66px;}
.FS67PXD576 { font-size: 67px;}
.FS68PXD576 { font-size: 68px;}
.FS69PXD576 { font-size: 69px;}
.FS70PXD576 { font-size: 70px;}
.FS71PXD576 { font-size: 71px;}
.FS72PXD576 { font-size: 72px;}
.FS73PXD576 { font-size: 73px;}
.FS74PXD576 { font-size: 74px;}
}
@media (max-width: 450px){
.FS8PXD450 { font-size: 8px;}
.FS9PXD450 { font-size: 9px;}
.FS10PXD450 { font-size: 10px;}
.FS11PXD450 { font-size: 11px;}
.FS12PXD450 { font-size: 12px;}
.FS13PXD450 { font-size: 13px;}
.FS14PXD450 { font-size: 14px;}
.FS15PXD450 { font-size: 15px;}
.FS16PXD450 { font-size: 16px;}
.FS17PXD450 { font-size: 17px;}
.FS18PXD450 { font-size: 18px;}
.FS19PXD450 { font-size: 19px;}
.FS20PXD450 { font-size: 20px;}
.FS21PXD450 { font-size: 21px;}
.FS22PXD450 { font-size: 22px;}
.FS23PXD450 { font-size: 23px;}
.FS24PXD450 { font-size: 24px;}
.FS25PXD450 { font-size: 25px;}
.FS26PXD450 { font-size: 26px;}
.FS27PXD450 { font-size: 27px;}
.FS28PXD450 { font-size: 28px;}
.FS29PXD450 { font-size: 29px;}
.FS30PXD450 { font-size: 30px;}
.FS31PXD450 { font-size: 31px;}
.FS32PXD450 { font-size: 32px;}
.FS33PXD450 { font-size: 33px;}
.FS34PXD450 { font-size: 34px;}
.FS35PXD450 { font-size: 35px;}
.FS36PXD450 { font-size: 36px;}
.FS37PXD450 { font-size: 37px;}
.FS38PXD450 { font-size: 38px;}
.FS39PXD450 { font-size: 39px;}
.FS40PXD450 { font-size: 40px;}
.FS41PXD450 { font-size: 41px;}
.FS42PXD450 { font-size: 42px;}
.FS43PXD450 { font-size: 43px;}
.FS44PXD450 { font-size: 44px;}
.FS45PXD450 { font-size: 45px;}
.FS46PXD450 { font-size: 46px;}
.FS47PXD450 { font-size: 47px;}
.FS48PXD450 { font-size: 48px;}
.FS49PXD450 { font-size: 49px;}
.FS50PXD450 { font-size: 50px;}
.FS51PXD450 { font-size: 51px;}
.FS52PXD450 { font-size: 52px;}
.FS53PXD450 { font-size: 53px;}
.FS54PXD450 { font-size: 54px;}
.FS55PXD450 { font-size: 55px;}
.FS56PXD450 { font-size: 56px;}
.FS57PXD450 { font-size: 57px;}
.FS58PXD450 { font-size: 58px;}
.FS59PXD450 { font-size: 59px;}
.FS60PXD450 { font-size: 60px;}
.FS61PXD450 { font-size: 61px;}
.FS62PXD450 { font-size: 62px;}
.FS63PXD450 { font-size: 63px;}
.FS64PXD450 { font-size: 64px;}
.FS65PXD450 { font-size: 65px;}
.FS66PXD450 { font-size: 66px;}
.FS67PXD450 { font-size: 67px;}
.FS68PXD450 { font-size: 68px;}
.FS69PXD450 { font-size: 69px;}
.FS70PXD450 { font-size: 70px;}
.FS71PXD450 { font-size: 71px;}
.FS72PXD450 { font-size: 72px;}
.FS73PXD450 { font-size: 73px;}
.FS74PXD450 { font-size: 74px;}
}

@media (min-width: 576px) {
  .align-items-sm-center {
    display: flex;
    align-items: center;
  }
  .TEXTBOXL25W50 {
    left: 0%;
    width: 100%;
    padding: 0px 50px;
  }
}
@media (max-width: 3500px) {
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    color: #3e4649;
    font-family: "Poppins", "Prompt" !important;
    font-weight: bold;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .d-none-digi-01 {
    display: block;
  }
  .d-none-digi-02 {
    display: none;
  }
  #menu {
    width: 59%;
  }
  #menu_login {
    width: 22%;
  }
  #menu_main .subs-menu p.sub_text_head_menu {
    font-family: "Poppins", "Prompt" !important;
    font-weight: 300;
    color: #a5a8af;
    line-height: 20px;
  }
  li.penci-mega-menu > ul.subs-menu {
    width: 100% !important;
    clear: both;
    display: block;
    left: 20% !important;
    /* position: fixed; */
    position: absolute;
    padding: 15px 0px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 15px;
  }
  .d-none-ecom {
    display: block;
  }
  .d-none-ecom-sm {
    display: none;
  }
  .d-none-ecom-xs {
    display: none;
  }
  .d-none-form-sm {
    display: block;
  }
  .d-block-form-sm {
    display: none;
  }
  .d-block-s1-sm {
    display: none;
  }
  .d-none-s1-sm {
    display: block;
  }
  .fix-text-pos-section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36%;
  }
}

@media (max-width: 1990px) {
  .myslider2 > .slick-dots,
  .custom-dots {
    transform: rotate(90deg);
    right: 86%;
    position: absolute;
    top: -12%;
  }

  .w-careers-5 {
    width: 20%;
  }
  .w-careers-4 {
    width: 8%;
  }
  .ml-careers {
    margin-left: 110px;
  }
  .ml-110 {
    margin-left: 110px;
  }
  .d-none-form-sm {
    display: block;
  }
  .d-block-form-sm {
    display: none;
  }
  .d-block-s1-sm {
    display: none;
  }
  .d-none-s1-sm {
    display: block;
  }
  .col-lg-2-fix {
    width: 18.666667%;
  }
  #menu_main .subs-menu p {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #fff;
  }
  .caption-banner {
    position: absolute;
    top: 15%;
    left: 18%;
  }
  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-about {
    position: absolute;
    top: 18%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
  .fix-h-e {
    height: 60vmin;
    overflow: hidden;
  }
  .d-none-ecom {
    display: block;
  }
  .d-none-ecom-sm {
    display: none;
  }
  .d-none-ecom-xs {
    display: none;
  }
}

@media (max-width: 1880px) {
  .col-lg-2-fix {
    width: 19.666667%;
  }
  #menu_main .subs-menu p {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #fff;
  }
  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .centered-about {
    position: absolute;
    top: 14%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1660px) {
  .H3525{
    height: 25em;
  }
  .BOXSTICK{
    top: -33.9%;
  }
  html[lang="en"] .BOXSTICK {
    z-index: 10000;
    position: absolute;
    top: -26.4%;
  }
  .FWIDTHRES {
    width: 100% !important;
  }
  .detail-notes-service-15 {
    top: 28em;
    max-height: calc(100% - (33em));
    overflow: auto;
  }
}
@media (max-width: 1650px) {
  .FMARGINCOLLA{
    margin-bottom: 1.7rem;
  }
  #menu_main .subs-menu p.sub_text_head_menu {
    font-family: "Poppins", "Prompt" !important;
    font-weight: 300;
    color: #a5a8af;
    font-size: 15px;
    line-height: 20px;
  }
  li.penci-mega-menu > ul.subs-menu {
    width: 100% !important;
    clear: both;
    display: block;
    left: 25% !important;
    position: absolute;
    padding: 15px 0px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 15px;
  }
}

@media (max-width: 1600px) and (min-width: 1450px) {
  li.penci-mega-menu > ul.subs-menu {
    width: 100% !important;
    clear: both;
    display: block;
    left: 0% !important;
    position: absolute;
    padding: 15px 0px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 15px;
  }
  .navbar-right {
    float: left !important;
    margin-right: -15px;
  }
  #menu_main .subs-menu p.sub_text_head_menu {
    font-family: "Poppins", "Prompt" !important;
    font-weight: 300;
    color: #a5a8af;
    font-size: 15px;
    line-height: 20px;
  }

  .navbar-right {
    margin-right: -27px;
  }
  #logo {
    width: 22%;
  }
  #menu {
    width: 60%;
  }
  #menu_login {
    width: 17%;
  }
  .d-block-s1-sm {
    display: block;
  }

  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .centered-about {
    position: absolute;
    top: 7%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1449px) {
  .FMARGINCOLLA{
    margin-bottom: 0.7rem;
  }
  #menu_main .subs-menu p.sub_text_head_menu {
    font-family: "Poppins", "Prompt" !important;
    font-weight: 300;
    color: #a5a8af;
    font-size: 15px;
    line-height: 20px;
  }
  .BANNERABSBUTTOM {
    width: 63%;
    bottom: -28%;
    left: 18%;
  }
  .navbar-right {
    margin-right: -27px;
  }
  #logo {
    width: 19%;
  }
  #menu {
    width: 62%;
  }
  #menu_login {
    width: 17%;
  }
  .padding-px-sec2 {
    padding: 20px 65px 20px 120px;
  }
  .padding-sec2 {
    padding: 0px 80px 0px 185px;
  }

  .d-block-s1-sm {
    display: block;
  }
  #img-bg-bitrix24 {
    background: url(../images/show/s-10-01.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
    /*height: 93vmin;*/
    background-position: right;
    display: none;
  }

  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-about {
    position: absolute;
    top: 7%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
  #img-bg-contact {
    background: url(../images/contact.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 850px;
    background-position: right;
  }
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
  .btn_set_1 {
    background-size: 106px;
  }
  li.penci-mega-menu > ul.subs-menu {
    width: 100% !important;
    clear: both;
    display: block;
    left: 0% !important;
    position: absolute;
    padding: 15px 0px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 15px;
  }
  .detail-notes-service-15 {
    top: 28em;
    max-height: calc(100% - (33em));
    overflow: auto;
  }
}

@media (max-width: 1382px) {
  .fix-center {
    position: absolute;
    top: 50%;
    left: 33%;
    transform: translate(-50%, -50%);
    width: 62%;
  }
  #menu_login {
    width: 15%;
  }
  #logo {
    width: 22%;
  }
  #menu {
    width: 60%;
  }

  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    color: #3e4649;
    font-family: "Poppins", "Prompt" !important;
    font-weight: bold;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .padding-px-sec2 {
    padding: 20px 80px 20px 70px;
  }

  .popup {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 480px;
    padding: 20px;
    border: 1px solid black;
    background: black;
    color: white;
    vertical-align: middle;
    top: 10%;
  }
  .centered-home {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-about {
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
  }

  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .home_about_us {
    padding-top: 35px;
    padding-right: 15px;
  }
  #img-bg-contact {
    background: url(../images/contact.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 830px;
    background-position: right;
  }
  .caption-banner h2 {
    font-size: 32px !important;
  }
  .caption-banner h2 span {
    font-size: 30px;
  }
  .caption-banner {
    top: 10%;
    left: 5%;
  }
  .centered {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1367px) {
  .BOXSTICK{
    top: -40.3%;
  }
  html[lang="en"] .BOXSTICK {
    z-index: 10000;
    position: absolute;
    top: -30.4%;
  }
  .H3525{
    height: 23em;
  }
  .FMARGINCOLLA {
    margin-bottom: 1.7rem;
  }
  .FPADDINGSV15 {
    width: 1200px !important;
  }
  .padding-footer {
    padding: 0px 40px;
  }
  .card-eKyc.card {
    padding: 3rem 2rem;
    box-shadow: 2px 4px 10px #e0e0e0;
    border-radius: 0.65rem;
    min-height: 310px;
  }
  .box-img-vr-corousel img {
    max-width: 150px;
  }
  .fix-center-web {
    position: absolute;
    width: 100%;
    text-align: left;
  }
  .t-content-service-all[data-lang="th"] h1.t-text-onbanner {
    font-size: 45px;
  }
  .fix-h-e {
    height: 52vmin;
    overflow: hidden;
  }
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    color: #3e4649;
    font-family: "Poppins", "Prompt" !important;
    font-weight: bold;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-home {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-about {
    position: absolute;
    top: 3%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
  .container-start-price-service-15 {
    top: 10%;
  }
  .detail-notes-service-15 {
    top: 37%;
    padding: 0 3rem;
    line-height: 1.2 !important;
  }
  .detail-notes-service-15 {
    overflow: auto;
    max-height: calc(100% - (35em));
  }
}
@media (max-width: 1300px) {
  #menu {
    width: 60%;
  }
  .box-special-desk {
    display: none;
  }
  .box-special-mobile {
    display: block;
  }
  .fix-ma-index {
    margin-left: 10vmin;
    margin-right: 10vmin;
  }
  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-about {
    position: absolute;
    top: 3%;
    left: 0%;
    transform: translate(-50%, -50%);
  }

  #img-bg-contact {
    background: url(../images/contact.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 830px;
    background-position: right;
  }
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    padding-left: 14px;
    padding-right: 14px;
  }
  .btn_set_1 {
    background-size: 108px;
  }
  .caption-banner h2 {
    font-size: 32px !important;
  }
  .usecases_detail .caption-banner {
    top: 11% !important;
  }
  #home_contact h2 {
    font-size: 38px;
  }
  .about_us .caption-banner {
    top: 3% !important;
  }
  .about_us .caption-banner h4 {
    margin: 10px 0 !important;
  }
  .about_us .caption-banner h3 {
    margin-top: 10px;
  }
}
@media (max-width: 1280px) {
  .box-showplay-vr {
    height: auto;
    background-position: center;
    background-size: 100%;
  }
  .box-showplay-vr video {
    height: 425px;
    width: 65%;
  }
  .d-none-digi-01 {
    display: none;
  }
  .d-none-digi-02 {
    display: block;
  }
  /* .fix-center-stock {
        position: absolute;
        top: 20%;
        left: 61%;
        transform: translate(-50%, -50%);
        width: 100%;
    } */

  li.penci-mega-menu > ul.subs-menu {
    width: 100% !important;
    clear: both;
    display: block;
    left: 27% !important;
    position: absolute;
    padding: 15px 0px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 15px;
  }
  #menu_main .subs-menu p.sub_text_head_menu {
    font-family: "Poppins", "Prompt" !important;
    font-weight: 300;
    color: #a5a8af;
    font-size: 10px;
    line-height: 20px;
  }

  #menu {
    width: 55%;
  }
  #menu_login {
    width: 18%;
  }

  .ml-careers {
    margin-left: 110px;
  }
  .w-careers-4 {
    width: 6%;
  }
  .ml-s6-md {
    margin-left: 12%;
  }
  .ml-s7-md {
    margin-left: 12%;
  }
  .ml-s8-md {
    margin-left: 12%;
  }
  .ml-s4-25 {
    margin-left: 25%;
  }
  .ml-110-md {
    margin-left: 11%;
  }
  .ml-8-md {
    margin-left: 25%;
  }
  .ml-30-md {
    margin-left: 37%;
  }
  .ml-30 {
    margin-left: 0%;
  }
  .ml-110 {
    margin-left: 0px;
  }
  .ml-8 {
    margin-left: 0%;
  }
  .bg-card-Service3 {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 345px;
    border: 1px solid #fff;
  }
  .bg-card-Service3:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 370px;
    border: 1px solid #e9ecef;
  }

  .col-lg-2-fix {
    width: 24.666667%;
  }

  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-about {
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
  #img-bg-contact {
    background: url(../images/contact--md.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 790px;
    background-position: right;
  }
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
  }
  .caption-banner h2 span {
    font-size: 28px;
  }
  .btn_set_1 {
    background-size: 104px;
  }
  #home_contact {
    padding: 40px 0;
  }
  #home_contact h2 {
    font-size: 32px;
  }
  #usecase_detail .col-md-3 img {
    width: 100%;
  }
  .caption-banner h2 {
    font-size: 28px !important;
  }
  .caption-banner p.sub_banner_set {
    font-size: 14px;
    line-height: 22px;
  }
  .btn_set_usecase,
  .btn_set_plans {
    font-size: 15px;
  }
  .btn_start_plans {
    margin-top: 20px;
  }
  .block_use_case {
    margin-bottom: 12px;
    font-size: 12px;
  }
  .port-1.effect-2 .text-desc {
    bottom: -75%;
  }
  .sub_content_menu {
    padding: 0 0px 31px;
  }
  .btn_set_start_your {
    padding: 20px;
    font-size: 16px;
  }
  #home_business h2 {
    font-size: 28px;
    color: #3e4649;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #home_business h5 {
    font-size: 16px;
  }
  #home_used_case h2 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  #home_used_case .tab_content h3 {
    font-size: 26px;
  }
  #home_listening h2 {
    font-size: 32px;
  }
  .usecases_detail .caption-banner {
    top: 6% !important;
  }
  .usecases_detail .caption-banner h2 {
    font-size: 26px !important;
  }
  .btn_set_usecase {
    padding: 10px 25px;
    font-size: 16px;
  }
  .usecase_test {
    padding-top: 30px;
  }
  #about_banner h2 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .about_us .caption-banner h3 {
    font-size: 26px;
  }
  .about_us .caption-banner h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .about_us .caption-banner h4 {
    margin: 10px 0 !important;
  }
  .about_us .caption-banner {
    top: 4% !important;
  }
  #about_us_detail {
    padding: 80px 0 0;
  }
  #about_us_detail h2 {
    font-size: 30px;
  }
  #about_us_detail p {
    font-size: 14px;
  }
  .paltform_menu ul li a p {
    font-size: 12px;
  }
  .paltform_menu {
    padding: 0;
    margin-bottom: 40px;
  }
  .platform_list h3 {
    font-family: "printable4uregular", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #3e4649;
    margin-top: 35px;
  }
  .platform_list h2 {
    font-size: 50px;
    margin-top: 28px;
  }
  .as_use_by {
    padding: 0;
  }
  #home_partner p.txt_ads_partner {
    padding-top: 28px;
  }
  #home_content_slide h2 {
    font-size: 32px;
    margin-bottom: 50px;
    line-height: 45px;
  }
  #home_content_slide {
    padding: 40px 0;
  }
  .paltform_menu ul li {
    padding-left: 7px;
    padding-right: 7px;
  }
  .lastest_list_content_all {
    flex: 0 0 21.7%;
  }
}
@media (max-width: 1400px) and (min-width: 991px)  {
  .SERVICE5BANNER{
    width: 1400px !important;
    max-width: unset !important;
  }
}
@media (max-width: 1310px) and (min-width: 1201px)  {
  .SERVICE10BANNER2{
    width: 128% !important;
    max-width: unset !important;
    float: right;
  }
}
@media (max-width: 1200px) and (min-width: 991px)  {
  .SERVICE10BANNER2{
    width: 100% !important;
    max-width: unset !important;
    float: right;
  }
}
@media (max-width: 1310px) and (min-width: 991px)  {
  .SERVICE2BANNER{
    width: 1300px !important;
    max-width: unset !important;
  }
  .SERVICE10BANNER1{
    width: 128% !important;
    max-width: unset !important;
  }
  .SERVICE4BANNNER{
    width: 1300px !important;
    max-width: unset !important;
  }
}
@media (max-width: 1200px) {
  .IMGSERVICE15FIRST img {
    max-width: 65%;
  }
  .fix-center-web {
    position: absolute;
    top: 5%;
  }
  .FPADDINGSV15 {
    width: unset !important;
  }
  .BANNERABSBUTTOM {
    width: 70%;
    left: 14%;
    bottom: -44%;
  }
  .FMARGINHEAD {
    margin-top: 162px;
  }
  .t-content-service-all h1.t-text-onbanner-s13 {
    font-size: 30px !important;
  }
  #menu {
    width: 53%;
  }
  #menu_login {
    width: 22%;
  }

  .fix-icon-homeser1 {
    margin-left: 0% !important;
  }
  .fix-icon-homeser2 {
    margin-left: 0% !important;
  }
  .fix-ma-index {
    margin-left: 10vmin;
    margin-right: 10vmin;
  }
  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-about {
    position: absolute;
    top: -2%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
  .home-fax-ml {
    margin-left: 8rem;
  }
  .g-height-20vh {
    height: 20vh !important;
  }
  .paltform_menu ul li a p {
    font-size: 13px;
  }
  .paltform_menu ul li {
    padding-left: 8px;
    padding-right: 8px;
  }
  .paltform_menu {
    padding: 0;
    margin-bottom: 40px;
  }

  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .btn_set_1 a {
    font-size: 14px !important;
  }
  .btn_set_2 a {
    font-size: 14px !important;
  }
  .btn_set_1 {
    background-size: 95% 32px;
  }
  #home_used_case .nav-pills > li {
    width: 15%;
    min-height: 136px;
  }
  .caption-banner {
    position: absolute;
    /*top: 4%;*/
    top: 12%;
    left: 3%;
  }
  .caption-banner h2 span {
    font-family: "printable4uregular", sans-serif;
    font-size: 28px;
    font-weight: 300;
    color: #3e4649;
  }
  .caption-banner p.sub_banner {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .btn_start_section {
    margin-top: 25px;
  }
  .search_blog {
    float: right;
    width: 40%;
    display: inline-block;
  }
  .cotent-cloudstorage .table-service-14 thead tr.for-desktop th:first-child {
    min-width: 120px;
  }
  .detail-notes-service-15 {
    overflow: auto;
    max-height: calc(100% - (35em));
  }
}
@media (max-width: 1100px) {
  .box-showplay-vr video {
    height: 410px;
    width: 65%;
  }
  li.penci-mega-menu > ul.subs-menu {
    width: 100% !important;
    clear: both;
    display: block;
    left: 12% !important;
    position: absolute;
    padding: 15px 0px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 15px;
  }
  .navbar-right {
    margin-right: 0px;
  }
  .bg-bit {
    background-color: #dcf4fc;
    padding: 0px 10px;
  }
  #menu {
    width: 58%;
  }
  #logo {
    width: 21%;
  }
  #menu_login {
    width: 20%;
  }
  .nav .prev {
    left: -20%;
  }
  .nav .next {
    right: -20%;
  }
  .ml-110 {
    margin-left: 0px;
  }
  .fix-card-Testimonials {
    padding: 30px;
  }
  .fix-h-e {
    height: 42vmin;
    overflow: hidden;
  }
  .fix-ma-index {
    margin-left: 10vmin;
    margin-right: 10vmin;
  }
  .g-font-custom {
    font-size: 17px;
  }
  .centered-contact {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .centered {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-home {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .centered-about {
    position: absolute;
    top: 20%;
    left: 25%;
    transform: translate(-50%, -50%);
  }
  .g-height-40vh {
    height: 40vh !important;
  }
  .position-index {
    position: absolute;
    z-index: -1;
    min-height: 420px;
  }
  #img-bg-section4 {
    background: url("../images/show/digital-business-transformation.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 405px;
    margin: 0px;
  }
  .home_digital {
    padding-top: 0%;
    padding-left: 35%;
  }
  /*.wrapper{
        margin-top: 10vmin;
    }*/
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .btn_set_1 {
    background-size: 95% 28px;
  }
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    font-size: 13px !important;
  }
  #navigation .button-menu-mobile {
    display: inline-block;
  }
  .home_about_us {
    padding-top: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1070px) {
  .MT-10 {
    margin-top: 10rem;
  }
  .card-eKyc.card {
    padding: 3rem 2rem;
    box-shadow: 2px 4px 10px #e0e0e0;
    border-radius: 0.65rem;
    min-height: fit-content;
  }

  .t-card-service-12 {
    border: 1px #ddd solid;
    min-height: 435px;
  }
  .t-content-service-all[data-lang="th"] h1.t-text-onbanner {
    font-size: 50px;
  }
  .t-content-service-all[data-lang="en"] h1.t-text-onbanner {
    font-size: 49px;
  }
  .fix-phone-160 {
    height: 235px;
    overflow: hidden;
  }
  #menu {
    width: 58%;
  }
  #logo {
    width: 21%;
  }
  #menu_login {
    width: 21%;
  }
}
.textmb{
  display: none;
}
.textdt{
  display: block;
}

@media (max-width: 991px) {
  
  .IMGSERVICE15FIRST img {
    max-width: 75%;
  }
  .NEWBANNER{
    position: absolute;
    bottom: 5%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: start;
    text-align: start;
    left: 5.3%;
    width: 90%;
  }
  .FLEXFORMBOURSV{
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  .BGBLACK.ACT {
    transform: scale(2);
  }
  .BGBLACK {
    top: 67%;
  }
  .SHOWDTDMIN991{
    display: none;
  }
  .FLEXCOLUMNTEXTCENTERMOBILE{
    flex-direction: column;
  }
  .FLEXCOLUMNTEXTCENTERMOBILE div {
    text-align: center;
  }
  .ZEROMAJIN{
  }
  .BGMOBILE{
    background-image: url('https://www.intervision.co/assets/images/services/Service15/Mobile/PIC/BG-stand-price.png');
    background-repeat: no-repeat;
    background-size: 100% 90%;
    background-position: 0% -6%;
    padding-top: 50px;
  }
  .MARGINTOPCARD{
    margin-top: 80%;
    width: 100%;
  }
  .H3525{
    height: auto;
  }
  .BOXSTICK {
    width: 60%;
    top: 2.9em !important;
    right: 19%;
  }
  html[lang="en"] .BOXSTICK {
    width: 60%;
    top: 2.9em !important;
    right: 19%;
  }
  .FLEXCOLUMN{
    flex-direction: column;
    justify-content: center;
  }
  .textmb{
    display: block;
  }
  .textdt{
    display: none;
  }
  .WHITESPACERES{
    white-space: normal;
    word-break: break-word;
  }
  .WTITLE75PER{
    width: 100%;
  }
  .nav-tabs > li > a::after {
    content: "";
    background: #2196f3;
    height: 2px;
    position: absolute;
    width: 50%;
    left: 25%;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
  }
  .content-service-price > img.tablet-ver {
    height: 1600px;
  }
  .faq-collapse-content {
    border-bottom: 1px solid #5551;
    padding-bottom: 0.25rem;
  }
  .detail-notes-service-15 {
    overflow: auto;
    max-height: calc(100% - (27em));
  }
  .fix-center-school {
    position: absolute;
    top: 8%;
    left: 5%;
    width: 90%;
    text-align: left;
    transform: translate(0%) !important;
  }
  .fix-center-bitrix {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    text-align: left;
  }
  .fix-center-bitrix.ONTOP{
    position: absolute;
    top: unset;
    bottom: 10%;
    left: 5%;
    width: 90%;
    text-align: left;
  }
  .fix-center-booking {
    top: 9%;
    width: 90%;
    text-align: left;
  }
  .fix-text-pos-section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  #section-stock {
    background-image: url("../images/show/section-stock-sm11.jpeg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
  }
  .d-flex-stock {
    display: block;
    /* align-content: center;
        justify-content: center; */
    align-items: center;
  }
  .fix-center-digi {
    position: absolute;
    bottom: 8%;
    left: 9%;
    top: unset;
  }
  .fix-center-digi-our {
    position: absolute;
    bottom: 17%;
    left: 9%;
    top: unset;
  }
  .d-none-card {
    display: block !important;
  }
  .d-block-card {
    display: none !important;
  }
  .pl-80 {
    padding-left: 0px;
  }
  .g-width-100-fix {
    width: 100% !important;
  }
  html[lang="th"] .fix-center-ecom{
    top: unset;
  }
  .fix-center-ecom {
    position: absolute;
    top: unset;
    bottom: 10%;
    left: 5.3%;
    width: 90%;
    text-align: left;
    line-height: 0;
  }
  .fix-center-web {
    position: absolute;
    top: unset;
    transform: translate(0%);
    width: 90%;
    bottom: 40%;
  }
  .box-flex-section {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .padding-slide-testimonials {
    padding: 0px 50px;
  }
  .margin-x-135 {
    margin: 0px 0px;
  }
  .ml-s6-md {
    margin-left: 0%;
  }
  .ml-s7-md {
    margin-left: 0%;
  }
  .ml-s8-md {
    margin-left: 0%;
  }
  .ml-s4-25 {
    margin-left: 0%;
  }
  .ml-110-md {
    margin-left: 0%;
  }
  .ml-8-md {
    margin-left: 0%;
  }
  .ml-30-md {
    margin-left: 0%;
  }
  .d-block-s1-sm {
    display: block;
  }
  .d-none-s1-sm {
    display: none;
  }
  .displayinline-flex {
    display: inline-block;
  }
  .bg-bit {
    background-color: #dcf4fc;
    padding: 20px 40px;
  }
  .p-80-stock {
    padding: 0px 15px;
  }
  .ml-110 {
    margin-left: 0px;
  }
  .m-left-150 {
    margin-left: 0px;
  }
  .d-none-ecom {
    display: none;
  }
  .d-none-ecom-sm {
    display: block;
    width: 100%;
  }
  .d-none-ecom-xs {
    display: none;
  }
  .bg-card-Service3 {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 390px;
    border: 1px solid #fff;
  }
  .bg-card-Service1 {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 275px;
  }

  .bg-card-Service1:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 275px;
  }
  .bg-card-Service3:hover {
    height: 390px;
    border: 1px solid #e9ecef;
  }
  .bg-card-Service4,
  .bg-card-Service4:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 390px;
  }
  .bg-card-Service6 {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 460px;
    border: 1px solid #fff;
  }
  .bg-card-Service6:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 460px;
    border: 1px solid #e9ecef;
  }
  .bg-card-Service9 {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 440px;
    border: 1px solid #fff;
  }
  .bg-card-Service9:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 440px;
    border: 1px solid #e9ecef;
  }
  .g-fix-px-ser {
    padding: 50px 50px;
  }
  .col-lg-2-fix {
    width: 32.666667%;
  }
  .fix-h-ser2 {
    height: 15vmin;
    overflow: hidden;
  }

  .fix-h-e {
    height: 67vmin;
    overflow: hidden;
    margin: 20px;
  }

  .fix-ma-index {
    margin-left: 5vmin;
    margin-right: 5vmin;
  }
  .centered-about {
    position: absolute;
    top: 30%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
  .fix-phone-160 {
    height: 210px;
    overflow: hidden;
  }
  .p-110 {
    padding: 10px 0px;
  }

  .toggle-section .switch {
    margin: 14px 0px 0px 0px;
  }
  .position-development {
    position: absolute;
    top: 0%;
    right: 0%;
  }
  .fix-margin-left-140 {
    margin-left: 0px;
  }

  .home-fax-ml {
    margin-left: 2rem;
  }
  .home_digital {
    padding-top: 1px;
    padding-left: 110px;
  }
  .home_about_us {
    padding-top: 15px;
    padding-right: 15px;
  }
  .margin-bottom-top-partner {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  /* .wrapper {
        margin-top: 20vmin;
    }*/
  .g-height-15vh {
    height: 15vh !important;
  }
  .g-height-35vh {
    height: 30vh !important;
  }
  .g-height-20vh {
    height: 20vh !important;
  }
  .g-height-40vh {
    height: 55vh !important;
  }
  .max-h-fix {
    max-height: 90px;
    overflow: hidden;
  }
  .parallax-1 {
    background-image: url(../images/show/img52.jpg);
    min-height: 400px;
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .position-online {
    position: absolute;
    left: 50% !important;
    top: 96% !important;
    width: 100%;
  }
  .parallax {
    background-image: url(../images/show/img20.jpg);
    min-height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 393px;
    text-align: left;
    width: 300px;
    left: 5%;
  }
  .home-fix-max-height {
    max-height: 65px;
    overflow: hidden;
  }
  .about-fix-img3p {
    width: 35%;
    bottom: -130px;
  }
  .contact-iframe {
    width: 100%;
    height: 90vmin !important;
  }
  #img-bg-contact {
    background: url(../images/show/img17.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* width: 100%;
        height: 165vmin;*/
    background-position: center;
  }
  #img-bg-contact-sm {
    background: url(../images/show/img17.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 770px;
    background-position: right;
    margin-bottom: 10%;
  }
  .g-shadow {
    box-shadow: none;
    border-radius: 8px;
    background-color: #fff !important;
    /* display: none; */
  }
  .p-s10-3 {
    padding: 20px 20px;
  }
  .p-s10-4 {
    padding: 0px 20px;
  }
  .p-s10-5 {
    padding: 0px 20px;
  }
  .bg-section4 {
    background-color: #2196f3;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .dis-fix {
    display: flex;
    flex-direction: column;
  }
  .lastest_list_content_all {
    flex: 0 0 46%;
  }
  .caption_detail_lastest h5 {
    padding-bottom: 0;
  }
  .lastest_list {
    flex-wrap: wrap;
  }
  .lastest_highligh_2 {
    flex: inherit;
    flex-grow: 1;
    margin: 0;
    padding: 0 15px;
    margin-bottom: 30px;
    border-left: none;
  }
  .lastest_highligh_2::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    border-left: 1px solid #eeeeee;
  }
  .lastest_highligh_2.border-none::before {
    display: none;
  }
  #home_banner .caption-banner {
    top: inherit;
    left: inherit;
  }
  .pagination_link {
    margin: 30px 0;
  }
  .menu_blog li a.active {
    border: none;
  }
  .pagination_link ul {
    padding-left: 0;
  }
  .blog_guide {
    padding-bottom: 0;
  }
  .search_blog {
    width: 100%;
    margin-bottom: 30px;
  }
  .menu_blog {
    margin-bottom: 30px;
    display: block;
    width: 100%;
    text-align: center;
  }
  .caption-banner h3 {
    color: #3e4649;
    font-size: 32px;
    text-align: center;
  }
  .platform_list {
    margin-bottom: 40px;
  }
  #home_used_case .nav-pills > li + li {
    margin-left: 5px;
  }
  #home_used_case .nav-pills > li {
    min-height: 136px;
    min-width: 118px;
  }
  #home_used_case .nav-pills > li {
    margin-left: 5px;
  }
  #navigation.header-6 {
    height: 80px;
    /*height: 105px;*/
  }
  #navigation .button-menu-mobile {
    float: left !important;
    position: absolute;
    left: 20px;
  }
  #navigation.header-6 {
    padding: 0px;
    /*border-bottom: 1px solid #eee;*/
  }
  .button-menu-mobile i {
    color: #1b2638 !important;
    font-size: x-large;
  }
  #navigation.header-6 #logo {
    float: none;
    display: block;
  }
  #navigation.header-6 #logo img {
    margin-left: auto;
    margin-right: auto;
  }
  /* #page-contents{
margin-top: 15px;
}*/
  #sidebar-nav .menu li a .indicator {
    line-height: 22px;
  }
  .caption-banner {
    position: relative;
    padding: 0 15px;
    top: inherit;
    left: inherit;
  }
  .caption-banner h2 {
    font-family: "printable4uregular", sans-serif;
    font-size: 32px !important;
    font-weight: 700;
    color: #3e4649 !important;
    line-height: 45px;
    text-align: center;
  }
  .caption-banner h2 span {
    font-size: 32px;
  }
  .caption-banner h4 {
    text-align: center;
  }
  .caption-banner h4,
  .caption-banner p.sub_banner_set {
    color: #3e4649 !important;
  }
  .caption-banner p.sub_banner,
  .caption-banner p.sub_banner_set,
  .btn_start_section,
  .footer_sub_banner {
    text-align: center;
  }
  #home_business h2 {
    margin-top: 0;
    font-size: 32px;
  }
  #home_used_case .nav-pills > li {
    width: 31%;
    min-height: 136px;
    min-width: 131px;
    border: 1px solid #d4d4d3;
    margin-bottom: 15px;
    margin-left: 8px;
  }
  .tab_content {
    padding: 0 15px;
  }
  .home_mb_tab {
    margin-top: 30px;
  }
  .tab_content .home_content_tab {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  #home_listening {
    padding: 40px 0px 60px;
  }
  .slide-btn {
    position: absolute;
    right: 25px;
    bottom: -15px;
  }
  .fix-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
  }
  .online_listening_section {
    margin-top: 50px;
  }
  .menu_listen_2 {
    margin-top: 0;
  }
  .platform_link,
  #home_used_case .tab_content h3,
  #home_listening h2 {
    text-align: center;
  }
  .port-1 img {
    width: 100%;
  }
  .port-1.effect-2 .text-desc {
    bottom: -86%;
  }
  #home_content_slide h2 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
  }
  #home_content_slide {
    padding: 10px 0 40px;
  }
  #home_slide .item img {
    margin: auto;
  }
  .slide_tesimonital {
    padding: 20px 0;
  }
  #home_slide .img_circle {
    display: none;
  }
  #home_content_slide h5 {
    margin-top: 10px;
  }
  #home_our {
    padding: 30px 0;
  }
  #home_our .line_bottom {
    right: 37%;
    width: 130px;
    top: 60px;
  }
  #home_our h2 {
    font-size: 32px;
  }
  #home_our h4 {
    font-size: 17px;
    line-height: 35px;
  }
  #home_contact {
    padding: 40px 0;
  }
  #home_contact h2 {
    font-size: 34px;
    text-align: center;
  }
  .ic_check_start {
    text-align: right;
  }
  #home_contact h5 {
    text-align: center;
  }
  .contact_form {
    margin-top: 30px;
    padding: 0 30px;
  }
  .ic_logo_footer {
    position: absolute;
    right: 3%;
    top: -115px;
    width: 24%;
  }
  .home_content_tab h3 br,
  #home_content_slide h2 br,
  #home_our h4 br,
  #home_our p br,
  .about_us .caption-banner h4 br,
  banner p.sub_banner_set br,
  .caption-banner h4 br {
    display: none;
  }
  #plan_testsimonial {
    padding: 40px 0;
  }
  #plan_testsimonial hr {
    display: none;
  }
  .comingsoon_text {
    margin-top: 40px;
    padding-left: 15px;
  }
  #comingsoon h2 {
    font-size: 44px;
  }
  .comingsoon_text h4 {
    font-size: 36px;
  }
  .block_use_case {
    display: none;
  }
  #home_used_case {
    margin-top: 30px;
  }
  #home_used_case h2 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  #usecase_detail img {
    margin: auto;
  }
  #usecase_detail .col-md-offset-1 {
    text-align: center;
  }
  #usecase_detail .img_circle_case {
    width: 60%;
  }
  .usecase_test h4,
  .usecase_test p {
    text-align: center;
  }
  #usecase_detail {
    padding: 100px 0 60px;
  }
}
@media (max-width: 850px) {
  img.d-none-ecom-sm {
    min-height: 360px;
  }
  .t-content-service-all h1.t-text-onbanner {
    font-size: 36px !important;
  }
  .t-content-service-all[data-lang="en"] h1.t-text-onbanner {
    font-size: 30px !important;
  }
  .p-20-s10-icon {
    padding: 0px 0px;
  }
  .fix-h-ser2 {
    height: 15vmin;
    overflow: hidden;
  }
  .book-fix-text {
    height: 70vmin;
    overflow: hidden;
  }

  .web-fix-text-card {
    padding-left: 20px;
    height: 270px;
    overflow: hidden;
  }
  .popup {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 480px;
    padding: 20px;
    border: 1px solid black;
    background: black;
    color: white;
    vertical-align: middle;
    top: 10%;
  }
  .g-font-custom {
    font-size: 12px;
  }
  .font-x-small {
    font-size: x-small;
  }

  .g-font-size-76--lg {
    font-size: 4.52857rem !important;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 400px;
    text-align: left;
    width: 350px;
  }
  .caption-banner-1 {
    position: absolute;
    top: 95%;
    left: 1%;
    width: 100%;
  }
  .detail-notes-service-15 {
    overflow: auto;
    max-height: calc(100% - (23em));
  }
  .content-service-price > img.tablet-ver {
    height: 1500px;
  }
}
@media (max-width: 800px) {
  .font-55 {
    font-size: 13px;
    color: #96a1a7;
    line-height: 23px;
  }
  .g-width-100-fix {
    width: 100% !important;
  }
  .box-flex-section {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .bg-card-Service5,
  .bg-card-Service5:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 390px;
  }

  .g-font-size-76--lg {
    font-size: 4.52857rem !important;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 390px;
    text-align: left;
    width: 300px;
  }
}
@media (max-width: 767px) {

  .PAD50PXTO120{
    padding-top: 120px;
  }
  .MARGINTOPCARD{
    width: auto;
  }
  .FHEADTEXTBOXRES{
    align-items: center;
    justify-content: center;
    padding: 1rem 0rem;
    flex-direction: column;
  }
  .FLEXCOLUMNMOBILE{
    flex-direction: column;
  }
  .FFTITLEHEAD{
    flex: 1;
    margin-top: 0px;
    width: 100%;
  }
  .FFDETAILHEAD{
    flex: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
  }
  .TEXTBOXL25W50 {
    left: 27%;
    width: 43%;
  }
  .FWIDTHRES {
    padding: 10px 15px !important;
  }
  .PADDINGMBF {
    padding: 0px 7%;
  }
  .BGUNSET {
    background-image: unset !important;
  }
  .LINEPPCENTER:nth-child(1) {
    display: none;
  }
  .FPRICEHEAD {
    left: 0%;
    position: absolute;
    top: 2%;
    display: block;
  }
  .FPRICEHEAD2 {
    display: none;
  }

  .BORDERTRBLACK {
    border-right: 1px solid #ddd;
  }
  .content-service-price > img.tablet-ver {
    display: none;
  }
  .PADDINGZERO {
    padding: 0px 0px;
  }
  .MAXW50PER {
    max-width: 50%;
  }
  .BANNERABSBUTTOM {
    left: 26%;
    width: 46%;
  }
  .detail-notes-service-15 {
    line-height: 1.5 !important;
  }

  .padding-sec2 {
    padding: 0px 35px 0px 35px;
  }
  .g-width-100-fix {
    width: 100% !important;
  }
  .box-flex-section {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .width-home-portfolio {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .width-home-portfolio-small {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .ml-careers {
    margin-left: 40px;
  }
  .d-none-form-sm {
    display: none;
  }
  .d-block-form-sm {
    display: block;
  }

  .centered-careers {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 95%;
  }
  .btn-more-detail {
    color: #96a1a7;
    background-color: #fff;
    border: 2px solid #ddd;
    padding: 17px 40px !important;
    font-size: 15px;
  }
  .btn-apply-now {
    color: #fff;
    padding: 17px 40px !important;
    border: 2px solid;
    background-color: #2196f3;
    font-size: 15px;
  }
  .sm-f-12 {
    font-size: 12px;
  }
  .sm-f-14 {
    font-size: 14px;
  }
  .fix-h-ser2 {
    height: 20vmin;
    overflow: hidden;
  }
  .centered-home {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .count {
    color: #2196f3;
    margin-left: -10px;
    font-size: 25px;
    font-weight: 600;
  }
  .count-icon {
    color: #2196f3;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: 11%;
  }
  .bg-card-Service1,
  .bg-card-Service1:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 430px;
  }
  .home-fax-ml {
    margin-left: -4rem;
  }

  .g-height-35vh {
    height: 50vh !important;
  }
  .g-height-30vh {
    height: 35vh !important;
  }
  .g-height-20vh {
    height: 20vh !important;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 400px;
    text-align: left;
    width: 390px;
  }
  .g-mt-170 {
    margin-top: 32.14286rem !important;
  }
  .lastest_list {
    display: block;
  }
  .lastest_list_content {
    flex: inherit;
    display: block;
    margin: 0;
    padding: 0px 15px;
    border-left: none;
    margin-bottom: 30px;
  }
  .lastest_list_content p.txt_writer {
    margin-bottom: 10px;
    position: relative;
  }
  .lastest_list_content_all {
    flex: inherit;
    display: block;
    margin: 0;
    padding: 0px 15px;
    border-left: none;
    margin-bottom: 30px;
  }
  .lastest_list_content_all p.txt_writer {
    margin-bottom: 10px;
    position: relative;
  }
  .caption_detail_lastest h4,
  .lastest_detail_list {
    margin-bottom: 0;
  }
  #home_used_case .nav-pills > li {
    min-height: 136px;
    min-width: 120px;
  }
  #home_content_slide h2 {
    line-height: 35px;
  }
  #platform_include .owl-theme .owl-dots .owl-dot {
    margin-top: 20px;
  }
  .caption-banner h2 {
    font-size: 28px !important;
    line-height: 40px;
  }
  #plan_price {
    padding: 20px 0 30px;
  }
  .port-1.effect-2 .text-desc {
    bottom: -90%;
  }
  .port-1.effect-2:hover .text-desc {
    bottom: -70%;
  }

  .container-herobanner {
    padding: 1rem 1rem;
  }
  .table-service-14 thead tr th {
    padding: 1rem 0.25rem;
  }
  .table-service-14 thead tr:first-child th {
    background-color: #fff !important;
    color: #373d41 !important;
  }
  .table-service-14 tbody tr td {
    background-color: #fff !important;
  }
  .table-service-14 tbody tr.for-mobile td {
    background-color: #f5f6f8 !important;
  }
  .cotent-cloudstorage {
    position: static;
  }
  .cotent-cloudstorage .for-mobile {
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-clip: content-box !important;
  }
  .cotent-cloudstorage .table-service-14 thead tr th:first-child,
  .cotent-cloudstorage .table-service-14 tbody tr td:first-child {
    background-color: #373d41 !important;
    color: #fff !important;
  }
  .cotent-cloudstorage
    .table-service-14
    tbody
    tr:nth-child(even)
    td:last-child {
    background-color: #fff !important;
  }
  .container-start-price-service-15 {
    position: static;
  }
  .detail-notes-service-15 {
    top: 40%;
  }
  .service-15 .container-herobanner {
    padding-top: 4rem;
    align-items: start;
  }
  /*  #img-bg-section3--sm {
height: 133vmin;
position: absolute;
}*/
}
@media (max-width: 650px) {
  .fix-center-web {
    position: absolute;
    top: unset;
    transform: translate(0%);
    width: 90%;
    bottom: 15%;
  }
  .text-bg-sm {
    font-size: 25px;
    line-height: 35px;
  }
  .g-btn-service,
  .bg-btn-service:hover {
    background: #3c96f3 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #0000001a;
    border-radius: 29px;
    color: #e7f5fe;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 45px;
  }
  /*  .fix-center-ecom {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
    } */
  /*  .fix-center-web {
        position: absolute;
        top: 36%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
    } */
  .use-text-p {
    color: #333;
    font-size: 14px;
    line-height: 20px !important;
  }
  .use-text {
    color: #696969;
    font-size: 14px;
  }
  .fix-phone-160 {
    height: 240px;
    overflow: hidden;
  }
  .g-width-100-fix {
    width: 100% !important;
  }
  .box-flex-section {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .sv-sm-font {
    font-size: 13px;
    font-weight: 500;
  }

  .padding-right-50 {
    padding-right: 15px;
  }
  .padding-left-50 {
    padding-left: 15px;
  }
  .margintop-30 {
    margin-top: 30px;
  }
  .tab-content {
    padding: 20px 20px 20px 20px;
  }
  .slick-h-fix {
    height: 60vmin;
    overflow: hidden;
  }
  .default-btn-V3 {
    color: #fff;
    background-color: #2196f3;
    border-color: #ccc;
    border-radius: 35px !important;
    padding: 7px 30px !important;
    font-size: 13px !important;
    transition: all 0.5s ease;
  }
  .display-flex-testimonials {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .padding-sec2 {
    padding: 0px 0px 0px 0px;
  }
  .list-s-none {
    list-style-type: none;
    padding: 0px;
    font-size: 13px;
  }
  .class-flex-home {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
  .box-flex-section {
    display: flex;
    flex-direction: column;
  }
  .font-bg-sec1 {
    font-size: 25px;
    font-weight: 500;
  }
  .sec-1-home-h {
    height: 245px !important;
    overflow: hidden;
  }
  .ml-careers {
    margin-left: 0px;
  }
  .f-30 {
    font-size: 20px;
  }
  .g-btn-service10,
  .g-btn-service10:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-org,
  .g-btn-org:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-s2,
  .g-btn-s2:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-green,
  .g-btn-green:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-yellow,
  .g-btn-yellow:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-pp-light,
  .g-btn-pp-light:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-green-light,
  .g-btn-green-light:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-pinks,
  .g-btn-pinks:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-pp-needle,
  .g-btn-pp-needle:hover {
    font-weight: 500;
    font-size: 15px;
  }
  .g-btn-red,
  .g-btn-red:hover {
    font-weight: 500;
    font-size: 15px;
  }

  .fix-ma-index {
    margin-left: 0vmin;
    margin-right: 0vmin;
  }
  .centered-home {
    position: absolute;
    bottom: 18%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .p-110 {
    padding: 10px 10px;
  }
  .home-fax-ml {
    margin-left: 12rem;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 320px;
    text-align: left;
  }
}
@media (max-width: 580px) {
  .BANNERABSBUTTOM {
    left: 0%;
    width: 95%;
  }
  .box-img-responsive > img {
    width: 100%;
  }
  .BOXMSGBANNER {
    width: 18em;
  }
  .box-marquee {
    margin-bottom: -50px;
    margin-top: -50px;
  }
  #VR-service {
    background-image: url("../images/show/BG-VR-web.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 121% 100%;
  }
  h1.t-text-title-service-11 {
    font-size: 16px;
  }
  .t-content-service-all .fix-center-web.e-kyc {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    text-align: left;
  }
  .t-content-service-all h1.t-text-onbanner {
    font-size: 29px !important;
  }
  .t-content-service-all h1.t-text-onbanner-s13 {
    font-size: 30px !important;
  }
  .t-content-service-all[data-lang="en"] h1.t-text-onbanner {
    font-size: 29px !important;
  }
  .slide-special-list .owl-stage-outer {
    max-height: min-content;
  }
  .box-text-vr > p {
    font-style: italic;
    font-size: 13px;
  }
  :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 1;
  }
  .VR-fix-sc-py {
    padding: 13rem 2rem;
  }
  .box-showplay-vr video {
    height: 210px;
    width: 65%;
  }
  .box-showplay-vr {
    height: auto;
    background-position: center;
    background-size: 100%;
  }
  .p-socal {
    padding: 10px 50px;
  }
  .service-to-container {
    background-color: #eaeaea;
    padding: 25px 0px;
  }
  .mar-left-40 {
    margin-left: 0vmin;
  }

  .padding-card-oic {
    padding: 10px;
  }

  .nav-dots.nav-dots {
    width: 65%;
    bottom: -10px;
    height: 11px;
    display: block;
    position: absolute;
    text-align: center;
  }
  .slide.slide {
    top: 0;
    opacity: 0;
    width: 65%;
    /* height: 420px; */
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all 0.7s ease-in-out;
  }
  .center-contact {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
  }
  .px-0-sm {
    padding: 0px;
  }
  .g-fix-px-ser {
    padding: 0px 0px;
  }
  .bg-bit {
    background-color: #dcf4fc;
    padding: 0px 0px;
  }
  .bg-card-Service3 {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 380px;
    border: 1px solid #fff;
  }
  .bg-card-Service3:hover {
    height: 380px;
    border: 1px solid #e9ecef;
  }
  .bg-card-Service4,
  .bg-card-Service4:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 350px;
  }
  .d-none-ecom {
    display: none;
  }
  .d-none-ecom-sm {
    display: none;
  }
  .d-none-ecom-xs {
    display: block;
  }
  .col-lg-2-fix {
    width: 48.666667%;
  }
  .fix-h-e {
    height: 80vmin;
    overflow: hidden;
    margin: 20px;
  }
  .fix-h-ser2 {
    height: 20vmin;
    overflow: hidden;
  }
  .popup {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 480px;
    padding: 20px;
    border: 1px solid black;
    background: black;
    color: white;
    vertical-align: middle;
    top: 20%;
  }
  .centered-home {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .bg-card-Service1,
  .bg-card-Service1:hoverx {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 260px;
  }
  .home-fax-ml {
    margin-left: 8rem;
  }
  .menu_blog li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 267px;
    text-align: left;
  }
  h3,
  .h3 {
    font-size: 16px;
  }
  p {
    font-family: "printable4uregular", sans-serif;
    font-size: x-small;
  }
  /*    #img-bg-section3--sm {
height: 138vmin;
position: absolute;
}*/
  .bg-section4 {
    background-color: #2196f3;
  }
}
@media (max-width: 576px) {
  .IMGSERVICE15FIRST img {
    max-width:100%;
  }
  .fix-center-web {
    position: absolute;
    top: unset;
    transform: translate(0%);
    width: 90%;
    bottom: 15%;
  }
  .BGBLACK {
    top: 76%;
  }
  .MINH65PXD567{
    min-height: 65px;
  }
  .DMOBILE{
    display: block;
  }
  .DDTSHOW{
    display: none;
  }
  .DBLOCK767PX{
    display: block !important;
  }
  .FONTSIZE10PX{
    font-size: 10px !important;
  }
  .MAXW50PER {
    max-width: 55%;
  }
  .detail-notes-service-15 ul {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .detail-notes-service-15 {
    top: -5%;
  }
  .MARGINTOP40PXD450 {
    margin-top: 140%;
  }
  .TEXTBOXL25W50 {
    left: 9%;
    width: 84%;
  }
}
@media (max-width: 500px) {
  .VRDESKTOP {
    display: none;
  }
  .VRMOBILE {
    display: block;
  }
  .w-careers-4 {
    width: 8%;
  }

  .bg-card-Service1,
  .bg-card-Service1:hover {
    box-shadow: 5px 3px 12px 0px #e9ecef;
    padding: 15px;
    height: 320px;
  }
  .centered-home {
    position: absolute;
    bottom: 10%;
    left: 48%;
    transform: translate(-50%, -50%);
  }

  .fix-phone-160 {
    height: 253px;
    overflow: hidden;
  }
  .count {
    color: #2196f3;
    margin-left: -10px;
    font-size: 25px !important;
    font-weight: 600;
  }
  .count-icon {
    color: #2196f3;
    font-size: 16px !important;
    font-weight: 600;
    position: absolute;
    top: 11% !important;
  }
  .g-height-40vh {
    height: 47vh !important;
  }
  .text-block {
    position: absolute;
    bottom: 335px;
    /* right: 0px; */
    left: 15px;
    background-color: #1b2638;
    color: white !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home_digital {
    padding-top: 1px;
    padding-left: 57px;
  }
  /* .wrapper {
        margin-top: 20vmin;
    }*/
  .g-height-20vh {
    height: 22vh !important;
  }
  .parallax-1 {
    background-image: url(../images/show/img52.jpg);
    min-height: 300px;
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .position-online {
    position: absolute;
    left: 32% !important;
    top: 85% !important;
    width: 100%;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 210px;
    text-align: left;
  }
  .home-fix-max-height {
    max-height: 100px;
    overflow: hidden;
  }
  .g-fix-mt-sm {
    margin-top: 70vmin;
  }
  #img-bg-section4---sm {
    background: url(../images/show/img15.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 74vmin;
    position: absolute;
    top: 0%;
    right: 16%;
  }
  /* #img-bg-section3--sm {
height: 155vmin;
position: absolute;
}*/
}
@media (max-width: 440px) {
  .centered-home {
    position: absolute;
    bottom: 0%;
    left: 48%;
    transform: translate(-50%, -50%);
  }
  /*  #img-bg-section3--sm {
height: 160vmin;
position: absolute;
}*/
}

@media (max-width: 414px) {
  .nav-dots.nav-dots {
    width: 65%;
    bottom: -10px;
    height: 11px;
    display: block;
    position: absolute;
    text-align: center;
  }
  .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    left: 0px;
    margin: 0;
    list-style: none;
    text-align: center;
  }
  .slide.slide {
    top: 0;
    opacity: 0;
    width: 65%;
    /* height: 420px; */
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all 0.7s ease-in-out;
  }
  .fix-h-ser2 {
    height: 40vmin;
    overflow: hidden;
  }
  .centered-home {
    position: absolute;
    bottom: 0%;
    left: 48%;
    transform: translate(-50%, -50%);
  }

  .home-fax-ml {
    margin-left: 1rem;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 195px;
    text-align: left;
  }
  /* #img-bg-section3--sm {
height: 165vmin;
position: absolute;
}*/
  /*  #img-bg-section4--sm {
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 127vmin;
position: absolute;
}*/
  .g-mt-170 {
    margin-top: 12.14286rem !important;
  }
}

@media (max-width: 400px) {
  .nav-dots.nav-dots {
    width: 57%;
    bottom: -10px;
    height: 11px;
    display: block;
    position: absolute;
    text-align: center;
  }
  .slide.slide {
    top: 0;
    opacity: 0;
    width: 57%;
    /* height: 420px; */
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all 0.7s ease-in-out;
  }

  .centered-home {
    position: absolute;
    bottom: 21%;
    left: 4%;
    transform: translate(-50%, -50%);
  }
  #home_used_case .nav-pills > li {
    margin-left: 5px;
  }
  #home_used_case .nav-pills > li {
    min-height: 135px;
    min-width: 110px;
  }
}
@media (max-width: 375px) {
  .centered-home {
    position: absolute;
    bottom: -5%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
  .g-height-40vh {
    height: 57vh !important;
  }

  .text-block {
    position: absolute;
    bottom: 280px;
    /* right: 0px; */
    left: 15px;
    background-color: #1b2638;
    color: white !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 115px;
    text-align: left;
  }
}
@media (max-width: 320px) {
  .nav-dots.nav-dots {
    width: 50%;
    bottom: -10px;
    height: 11px;
    display: block;
    position: absolute;
    text-align: center;
  }
  .slide.slide {
    top: 0;
    opacity: 0;
    width: 50%;
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all 0.7s ease-in-out;
  }
  .ml-careers {
    margin-left: 0px;
  }
  .g-height-20vh {
    height: 38vh !important;
  }
  .position-development-1 {
    position: absolute;
    /* top: 49%; */
    bottom: 95px;
    text-align: left;
    left: 5%;
  }
  #img-bg-contact {
    background: url(../images/show/img17.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024   - desktop (default grid)
1024-768    - tablet landscape
768-480     - tablet 
480-less    - phone landscape & smaller
--------------------------------------------*/

@media all and (min-width: 1800px) and (max-width: 2000px) {
}
@media all and (min-width: 1516px) and (max-width: 1600px) {

  .padding-px-sec2 {
    padding: 20px 120px 20px 120px;
  }
}
@media all and (min-width: 1280px) and (max-width: 1515px) {

  .myslider2 > .slick-dots,
  .custom-dots {
    transform: rotate(90deg);
    right: 65%;
    position: absolute;
    top: -12%;
  }
  .padding-sec2 {
    padding: 0px 80px 0px 230px;
  }
  .padding-px-sec2 {
    padding: 20px 110px 20px 100px;
  }

  .padding-footer {
    padding: 0px 50px;
  }
  .line-font18b {
    font-size: 13px !important;
    font-weight: 400;
    line-height: 23px;
  }
  .navbar-right {
    float: none !important;
    margin-right: -80px;
  }

  .g-height-20vh {
    height: 30vh !important;
  }
  .g-height-40vh {
    height: 55vh !important;
  }
  .caption-banner {
    position: absolute;
    top: 15%;
    left: 90px;
  }
  .home_about_us {
    padding-top: 7%;
    padding-right: 7%;
  }
  #img-bg-section3 {
    background: url("../images/banner-section3-md.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: absolute;
  }
  #img-bg-section4 {
    background: url("../images/show/digital-business-transformation.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    /*height: 600px;*/
    height: 645px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
  .fix-phone-160 {
    height: 235px;
    overflow: hidden;
  }
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    font-size: 10px !important;
  }
  .g-font-size-60--lg {
    font-size: 3.28571rem !important;
  }
  #img-bg-section3 {
    background: url("../images/banner-section3-md.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: absolute;
  }

  #img-bg-contact {
    background: url(../images/contact--md.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 815px;
    background-position: right;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  #header #main-menu .navbar-nav > li > a,
  #header #main-menu-login .navbar-nav > li > a {
    font-size: 10px !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -45px;
  }
  .padding-right-50 {
    padding-right: 15px !important;
  }
  .padding-left-50 {
    padding-left: 15px !important;
  }
  .width-home-portfolio-small {
    width: 100%;
    height: 350px;
    object-fit: cover;
  }
  .width-home-portfolio {
    width: 100%;
    height: 350px;
    object-fit: cover;
  }
  .g-font-size-60--lg {
    font-size: 3.28571rem !important;
  }
  #img-bg-section3 {
    background: url("../images/banner-section3-md.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: absolute;
  }
  .VR-fix-sc-py-1 {
    padding: 20rem 2rem;
  }
}
@media all and (min-width: 480px) and (max-width: 768px) {
  .padding-right-50 {
    padding-right: 15px !important;
  }
  .padding-left-50 {
    padding-left: 15px !important;
  }
  .home_digital {
    padding-top: 1px;
    padding-left: 57px;
  }
  .g-mt-200 {
    margin-top: 26.14286rem !important;
  }
  .g-fix-mt-sm {
    margin-top: 55vmin;
  }
  .e-signature-memo {
    padding-top: 20px;
  }
}
@media all and (max-width: 400px) {
  .padding-right-50 {
    padding-right: 15px !important;
  }
  .padding-left-50 {
    padding-left: 15px !important;
  }
  .g-fix-mt-sm {
    margin-top: 75vmin;
  }
  .Slide-banner-200 {
    padding-left: 200px;
  }

  .VR-fix-sc-py-1 {
    padding: 10rem 2rem;
  }
  .e-signature-memo {
    padding-top: 30px;
  }
}

@media all and (max-width: 450px) {
  .TEXTBOXL25W50 {
    left: 12%;
    width: 74%;
  }
  .detail-notes-service-15 {
    line-height: 1.16 !important;
    max-height: calc(100% - (31em));
    padding: 0px;
  }
  .detail-notes-service-15 ul {
    padding-left: 1rem;
    padding-right: 0rem;
  }
  .detail-notes-service-15 {
    top: -2%;
  }
  .MT-10 {
    margin-top: 0rem;
  }
  .PADDINGL35PXD450 {
    padding-left: 35px;
  }
  .PADDINGPACKD450 {
    padding: 1rem 1rem;
  }
  .FLEXSTART450 {
    display: flex;
    align-items: start;
  }
  .MTMOBILE10PX {
    margin-top: 5px;
  }
  .UPADDING {
    padding: 0px 15px;
  }
  .MARGINTOP40PXD450 {
    margin-top: 130%;
  }
  .PADDINGZERO {
    padding: 0px 0px;
  }
}
@media all and (min-width: 400px) and (max-width: 500px) {
  .padding-right-50 {
    padding-right: 15px !important;
  }
  .padding-left-50 {
    padding-left: 15px !important;
  }
  .g-fix-mt-sm {
    margin-top: 75vmin;
  }
  .Slide-banner-200 {
    padding-left: 200px;
  }

  .VR-fix-sc-py-1 {
    padding: 10rem 2rem;
  }
  .e-signature-memo {
    padding-top: 30px;
  }
}

@media (max-width: 1600px) {
  .fix-con-sec7 {
    padding: 0px 40px;
  }

}
@media (max-width: 1440px) {

}
@media (max-width: 1199px) {
  .LOGOMENUFLEXFORDTANDMOBILE img {
    padding: 1rem;
    width: 10%;
    margin: 2rem 2rem;
  }
  .BOXSTICK{
    top: -27.8%;
  }
  html[lang="en"] .BOXSTICK {
    z-index: 10000;
    position: absolute;
    top: -21.8%;
  }
}

@media (min-width: 1180px) {
  .t-align-items-center-lg {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .NEWBANNER3 {
    position: absolute;
    bottom: 15%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-content: start;
    text-align: start;
    left: 5.3%;
    width: 90%;
    align-items: start;
    padding-top: 4rem;
  }
  .FMARGINCOLLA{
    margin-bottom: 0rem;
  }
  .detail-notes-service-15 {
    top: 26%;
    padding: 0 3rem;
    line-height: 1.2 !important;
    max-height: calc(100% - (29em));
  }
  .BANNERABSBUTTOM {
    width: 73%;
    left: 13%;
    bottom: -43%;
  }
  .web-box-sec2 {
    padding: 2rem;
  }
  .content-service-price > img.tablet-ver {
    height: 1900px;
  }
  .detail-notes-service-15 {
    line-height: 1.4 !important;
  }
  .t-align-items-center-lg {
    display: flex;
    align-items: center;
  }
  #VRFBG {
    background-image: url("../images/show/vr/map1.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 92%;
  }
}
@media (max-width: 1300px) {
  .FONTUS2{
    font-size: 15px;
  }
  .NODT {
    display: block;
  }
  .NOMOBILE {
    display: none;
  }
}
@media (max-width: 991px) {
  .fix-center-stock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 73%;
    z-index: 1000;
  }
  .NEWSMINIHOME{
    height: auto;
    object-fit: contain;
    object-position: 0px 0px;
  }
  .NEWSHIHOME{
    height: auto;
    object-fit: contain;
  }
  .FMARGINCOLLA {
    margin-bottom: 0.7rem;
  }
  .nav-tabs > li {
    width: 100%;
    text-align: center;
  }
  .nav-tabs > li {
    float: left;
    margin-bottom: 2px;
  }
  .FIXTEXTPERN {
    white-space: unset;
    word-break: break-word;
    width: auto;
  }
}

@media all and (max-width: 450px) {
  .detail-notes-service-15 {
    line-height: 1.5 !important;
  }
}
@media (max-width: 767px) {
  .MINHIGHTBOX {
    min-height: 140px;
  }
  #splidenew2 .splide__arrows .splide__arrows--ltr{
    display: none;
  }
  .FMARGINCOLLA{
    margin-bottom: 2.1rem;
  }
  .BANNERABSBUTTOM {
    width: 85%;
    left: 6%;
    bottom: -59%;
  }
  .detail-notes-service-15 {
    top: 27%;
    padding: 0 3rem;
    max-height: calc(100% - (29em));
  }
  .TEXTBOXL25W50 {
    left: 25%;
    width: 48%;
  }
  .LOGOMENUFLEXFORDTANDMOBILE img {
    padding: 1rem;
    width: 15%;
    margin: 2rem 2rem;
  }
  .IMGDTOUR{
    display: none;
  }
  .IMGMBOUR{
    display: block;
  }
  .TEXTABSOUR2 {
    font-size: 8px !important;
    width: 300px;
  }
}
@media (max-width: 576px) {
  .NEWBANNER3 {
    bottom: 5%;
  }
  #splidenew2 .splide__arrows.splide__arrows--ltr{
    display: none;
  }
  .myslider2 > .slick-dots, .custom-dots {
    transform: rotate(90deg);
    right: 97%;
    position: absolute;
    top: -12%;
  }
  .TEXTABSOUR2 {
    width: 220px;
  }
  .DINLINE{
    display: block;
  }
  .WHITESPACERESMOBILEONLY{
    white-space: pre-line;
  }
  .LOGOMENUFLEXFORDTANDMOBILE img {
    padding: 0rem;
    width: 20%;
    margin: 2rem 2rem;
  }
  .WORDSPACEMB{
    white-space: break-spaces;
  }
  .SHOWDT{
    display: none;
  }
  .SHOWMB{
    display: block;
  }
  .FMARGINHEAD {
    margin-top: 16px;
  }
  .BANNERABSBUTTOM {
    width: 100%;
    left: -3%;
    bottom: -10%;
  }
  .TEXTBOXL25W50 {
    left: 9%;
    width: 84%;
  }
  .detail-notes-service-15 {
    top: -5%;
    padding: 0 3rem;
    line-height: 1.2 !important;
    max-height: calc(100% - (44em));
  }
}
@media (max-width: 576px) {
  
  html[lang="en"] .FONTMBTHEN{
    font-size: 12px;
  }
  html[lang="th"] .FONTMBTHEN{
    font-size: 15px;
  }
  /* .PADDINGTOPBOT{
    height: 50vh;
  }
  .PADDINGTOPBOT2{
    height: 50vh;
  } */
  .FMARGINHEAD {
    margin-top: 16px;
  }
  .BANNERABSBUTTOM {
    width: 100%;
    left: -3%;
    bottom: -10%;
  }
  .TEXTBOXL25W50 {
    left: 9%;
    width: 84%;
  }
  .detail-notes-service-15 {
    top: -5%;
    padding: 0 3rem;
    line-height: 1.5 !important;
    max-height: calc(100% - (44em));
  }
}
@media (max-width: 450px) {
  
  .TEXTBOXL25W50 {
    left: 9%;
    width: 84%;
  }
  .detail-notes-service-15 {
    top: -3%;
    padding: 0 3rem;
    max-height: calc(100% - (33em));
  }
  .fix-center-digi {
    left: 6%;
  }

}
.SHOW991PX{
  display: none;
}
.SHOW390PX{
  display: none;
}
@media (max-width: 580px) {
  .SHOW991PX{
    display: block;
  }
}
@media (max-width: 390px) 
{
  .SHOW991PX{
    display: none;
  }
  .SHOW390PX{
    display: block;
  }
  .FONTUS2{
  }
  .TEXTABSOUR2 {
    width: 242px;
    font-size: 6px !important;
    top: 22%;
  }
}
