/* MegCgo Utils */
html.safari:not(.no-safari-overflow-x-fix) .body {
  overflow-x: hidden; }

.bg-gradient {
  background: linear-gradient(135deg, #e6e6e6 0%, #575756 80%); }

.bg-gradient-i {
  background: linear-gradient(135deg, #575756 0%, #e6e6e6 80%); }

/* Color Transition */
@keyframes colorTransition {
  0% {
    background-color: #e6e6e6; }
  33% {
    background-color: #cdcdcd; }
  66% {
    background-color: #71716f; }
  100% {
    background-color: #575756; } }

.background-change-anim {
  -webkit-animation-name: colorTransition;
  animation-name: colorTransition;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

/* Text */
.text-color-grey {
  color: #969696 !important; }

.text-color-white {
  color: #FFF !important; }

.text-color-hover-white:hover {
  color: #FFF !important; }

.text-color-black {
  color: #000 !important; }

.text-color-hover-black:hover {
  color: #000 !important; }

/* Grey */
.bg-color-grey {
  background-color: #F7F7F7 !important; }

.bg-color-grey-scale-1 {
  background-color: #EDEDED !important; }

.bg-color-grey-scale-2 {
  background-color: #e8e8e8 !important; }

.bg-color-grey-scale-3 {
  background-color: #e3e3e3 !important; }

.bg-color-grey-scale-4 {
  background-color: #dedede !important; }

.bg-color-grey-scale-5 {
  background-color: #d9d9d9 !important; }

.bg-color-grey-scale-6 {
  background-color: #d4d4d4 !important; }

.bg-color-grey-scale-7 {
  background-color: #cecece !important; }

.bg-color-grey-scale-8 {
  background-color: #c9c9c9 !important; }

.bg-color-grey-scale-9 {
  background-color: #c4c4c4 !important; }

.bg-color-grey-scale-10 {
  background-color: #bfbfbf !important; }

/* Dark */
.bg-color-dark-scale-1 {
  background-color: #212529 !important; }

.bg-color-dark-scale-2 {
  background-color: #1c2023 !important; }

.bg-color-dark-scale-3 {
  background-color: #181b1e !important; }

.bg-color-dark-scale-4 {
  background-color: #131618 !important; }

.bg-color-dark-scale-5 {
  background-color: #0f1112 !important; }

/* Borders */
.border-color-light-2 {
  border-color: rgba(255, 255, 255, 0.3) !important; }

.border-color-light-3 {
  border-color: rgba(255, 255, 255, 0.05) !important; }

/* Responsive */
@media (max-width: 575px) {
  body {
    font-size: 13px; } }

/* Position */
.p-relative {
  position: relative !important; }

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

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

.p-static {
  position: static !important; }

/* Box Shadow */
.box-shadow-none {
  box-shadow: none !important; }

/* Inverted */
.inverted {
  color: #FFF;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px; }

h1 .inverted {
  padding-left: 10px;
  padding-right: 10px; }

h2 .inverted {
  padding-left: 7px;
  padding-right: 7px; }

h3 .inverted {
  padding-left: 2px;
  padding-right: 2px; }

h4 .inverted {
  padding-left: 4px;
  padding-right: 4px; }

h5 .inverted {
  padding-left: 2px;
  padding-right: 2px; }

h6 .inverted {
  padding-left: 2px;
  padding-right: 2px; }

/* Letter Spacing */
.ls-0 {
  letter-spacing: 0 !important; }

.negative-ls-05 {
  letter-spacing: -0.05em; }

.negative-ls-1 {
  letter-spacing: -1px; }

.negative-ls-2 {
  letter-spacing: -2px; }

.negative-ls-3 {
  letter-spacing: -2.5px; }

.positive-ls-1 {
  letter-spacing: 1px; }

.positive-ls-2 {
  letter-spacing: 2px; }

.positive-ls-3 {
  letter-spacing: 2.5px; }

/* Cursor */
.cur-pointer {
  cursor: pointer; }

/* Pointer Events */
.p-events-none {
  pointer-events: none; }

/* Font Size */
.text-1 {
  font-size: .8em !important; }

.text-2 {
  font-size: .9em !important; }

.text-3 {
  font-size: 1em !important; }

.text-4 {
  font-size: 1.2em !important; }

.text-5 {
  font-size: 1.50em !important; }

.text-6 {
  font-size: 1.80em !important; }

.text-7 {
  font-size: 2em !important; }

.text-8 {
  font-size: 2.30em !important; }

.text-9 {
  font-size: 2.50em !important; }

.text-10 {
  font-size: 2.75em !important; }

.text-11 {
  font-size: 3em !important; }

.text-12 {
  font-size: 3.5em !important; }

.text-13 {
  font-size: 4em !important; }

.text-14 {
  font-size: 4.5em !important; }

.text-15 {
  font-size: 5em !important; }

@media (min-width: 576px) {
  .text-sm-1 {
    font-size: .8em !important; }
  .text-sm-2 {
    font-size: .9em !important; }
  .text-sm-3 {
    font-size: 1em !important; }
  .text-sm-4 {
    font-size: 1.2em !important; }
  .text-sm-5 {
    font-size: 1.50em !important; }
  .text-sm-6 {
    font-size: 1.80em !important; }
  .text-sm-7 {
    font-size: 2em !important; }
  .text-sm-8 {
    font-size: 2.30em !important; }
  .text-sm-9 {
    font-size: 2.50em !important; }
  .text-sm-10 {
    font-size: 2.75em !important; }
  .text-sm-11 {
    font-size: 3em !important; }
  .text-sm-12 {
    font-size: 3.5em !important; }
  .text-sm-13 {
    font-size: 4em !important; }
  .text-sm-14 {
    font-size: 4.5em !important; }
  .text-sm-15 {
    font-size: 5em !important; } }

@media (min-width: 768px) {
  .text-md-1 {
    font-size: .8em !important; }
  .text-md-2 {
    font-size: .9em !important; }
  .text-md-3 {
    font-size: 1em !important; }
  .text-md-4 {
    font-size: 1.2em !important; }
  .text-md-5 {
    font-size: 1.50em !important; }
  .text-md-6 {
    font-size: 1.80em !important; }
  .text-md-7 {
    font-size: 2em !important; }
  .text-md-8 {
    font-size: 2.30em !important; }
  .text-md-9 {
    font-size: 2.50em !important; }
  .text-md-10 {
    font-size: 2.75em !important; }
  .text-md-11 {
    font-size: 3em !important; }
  .text-md-12 {
    font-size: 3.5em !important; }
  .text-md-13 {
    font-size: 4em !important; }
  .text-md-14 {
    font-size: 4.5em !important; }
  .text-md-15 {
    font-size: 5em !important; } }

@media (min-width: 992px) {
  .text-lg-1 {
    font-size: .8em !important; }
  .text-lg-2 {
    font-size: .9em !important; }
  .text-lg-3 {
    font-size: 1em !important; }
  .text-lg-4 {
    font-size: 1.2em !important; }
  .text-lg-5 {
    font-size: 1.50em !important; }
  .text-lg-6 {
    font-size: 1.80em !important; }
  .text-lg-7 {
    font-size: 2em !important; }
  .text-lg-8 {
    font-size: 2.30em !important; }
  .text-lg-9 {
    font-size: 2.50em !important; }
  .text-lg-10 {
    font-size: 2.75em !important; }
  .text-lg-11 {
    font-size: 3em !important; }
  .text-lg-12 {
    font-size: 3.5em !important; }
  .text-lg-13 {
    font-size: 4em !important; }
  .text-lg-14 {
    font-size: 4.5em !important; }
  .text-lg-15 {
    font-size: 5em !important; } }

@media (min-width: 1200px) {
  .text-xl-1 {
    font-size: .8em !important; }
  .text-xl-2 {
    font-size: .9em !important; }
  .text-xl-3 {
    font-size: 1em !important; }
  .text-xl-4 {
    font-size: 1.2em !important; }
  .text-xl-5 {
    font-size: 1.50em !important; }
  .text-xl-6 {
    font-size: 1.80em !important; }
  .text-xl-7 {
    font-size: 2em !important; }
  .text-xl-8 {
    font-size: 2.30em !important; }
  .text-xl-9 {
    font-size: 2.50em !important; }
  .text-xl-10 {
    font-size: 2.75em !important; }
  .text-xl-11 {
    font-size: 3em !important; }
  .text-xl-12 {
    font-size: 3.5em !important; }
  .text-xl-13 {
    font-size: 4em !important; }
  .text-xl-14 {
    font-size: 4.5em !important; }
  .text-xl-15 {
    font-size: 5em !important; } }

.text-1rem {
  font-size: 16px !important;
  font-size: 1rem !important; }

/* Line Height */
.line-height-initial {
  line-height: initial !important; }

.line-height-1 {
  line-height: 1 !important; }

.line-height-1-1 {
  line-height: 1.1 !important; }

.line-height-2 {
  line-height: 1.2 !important; }

.line-height-3 {
  line-height: 1.3 !important; }

.line-height-4 {
  line-height: 1.4 !important; }

.line-height-5 {
  line-height: 1.5 !important; }

.line-height-6 {
  line-height: 1.6 !important; }

.line-height-7 {
  line-height: 1.7 !important; }

.line-height-8 {
  line-height: 1.8 !important; }

.line-height-9 {
  line-height: 1.9 !important; }

@media (min-width: 576px) {
  .line-height-sm-initial {
    line-height: initial !important; }
  .line-height-sm-1 {
    line-height: 1 !important; }
  .line-height-sm-1-1 {
    line-height: 1.1 !important; }
  .line-height-sm-2 {
    line-height: 1.2 !important; }
  .line-height-sm-3 {
    line-height: 1.3 !important; }
  .line-height-sm-4 {
    line-height: 1.4 !important; }
  .line-height-sm-5 {
    line-height: 1.5 !important; }
  .line-height-sm-6 {
    line-height: 1.6 !important; }
  .line-height-sm-7 {
    line-height: 1.7 !important; }
  .line-height-sm-8 {
    line-height: 1.8 !important; }
  .line-height-sm-9 {
    line-height: 1.9 !important; } }

@media (min-width: 768px) {
  .line-height-md-initial {
    line-height: initial !important; }
  .line-height-md-1 {
    line-height: 1 !important; }
  .line-height-md-1-1 {
    line-height: 1.1 !important; }
  .line-height-md-2 {
    line-height: 1.2 !important; }
  .line-height-md-3 {
    line-height: 1.3 !important; }
  .line-height-md-4 {
    line-height: 1.4 !important; }
  .line-height-md-5 {
    line-height: 1.5 !important; }
  .line-height-md-6 {
    line-height: 1.6 !important; }
  .line-height-md-7 {
    line-height: 1.7 !important; }
  .line-height-md-8 {
    line-height: 1.8 !important; }
  .line-height-md-9 {
    line-height: 1.9 !important; } }

@media (min-width: 992px) {
  .line-height-lg-initial {
    line-height: initial !important; }
  .line-height-lg-1 {
    line-height: 1 !important; }
  .line-height-lg-1-1 {
    line-height: 1.1 !important; }
  .line-height-lg-2 {
    line-height: 1.2 !important; }
  .line-height-lg-3 {
    line-height: 1.3 !important; }
  .line-height-lg-4 {
    line-height: 1.4 !important; }
  .line-height-lg-5 {
    line-height: 1.5 !important; }
  .line-height-lg-6 {
    line-height: 1.6 !important; }
  .line-height-lg-7 {
    line-height: 1.7 !important; }
  .line-height-lg-8 {
    line-height: 1.8 !important; }
  .line-height-lg-9 {
    line-height: 1.9 !important; } }

@media (min-width: 1200px) {
  .line-height-xl-initial {
    line-height: initial !important; }
  .line-height-xl-1 {
    line-height: 1 !important; }
  .line-height-xl-1-1 {
    line-height: 1.1 !important; }
  .line-height-xl-2 {
    line-height: 1.2 !important; }
  .line-height-xl-3 {
    line-height: 1.3 !important; }
  .line-height-xl-4 {
    line-height: 1.4 !important; }
  .line-height-xl-5 {
    line-height: 1.5 !important; }
  .line-height-xl-6 {
    line-height: 1.6 !important; }
  .line-height-xl-7 {
    line-height: 1.7 !important; }
  .line-height-xl-8 {
    line-height: 1.8 !important; }
  .line-height-xl-9 {
    line-height: 1.9 !important; } }

/* Opacity */
.opacity-0 {
  opacity: 0.0 !important; }

.opacity-1 {
  opacity: 0.1 !important; }

.opacity-2 {
  opacity: 0.2 !important; }

.opacity-3 {
  opacity: 0.3 !important; }

.opacity-4 {
  opacity: 0.4 !important; }

.opacity-5 {
  opacity: 0.5 !important; }

.opacity-6 {
  opacity: 0.6 !important; }

.opacity-7 {
  opacity: 0.7 !important; }

.opacity-8 {
  opacity: 0.8 !important; }

.opacity-9 {
  opacity: 0.9 !important; }

.opacity-10 {
  opacity: 1 !important; }

/* Scale */
.scale-1 {
  transform: scale(1.1) !important; }

.scale-2 {
  transform: scale(1.2) !important; }

.scale-3 {
  transform: scale(1.3) !important; }

.scale-4 {
  transform: scale(1.4) !important; }

.scale-5 {
  transform: scale(1.5) !important; }

.scale-6 {
  transform: scale(1.6) !important; }

/* Top / Bottom / Left / Right */
.top-auto {
  top: auto !important; }

.bottom-auto {
  top: auto !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-6 {
  top: 6px !important; }

.bottom-6 {
  bottom: 6px !important; }

.left-6 {
  left: 6px !important; }

.right-6 {
  right: 6px !important; }

.top-7 {
  top: 7px !important; }

.bottom-7 {
  bottom: 7px !important; }

.left-7 {
  left: 7px !important; }

.right-7 {
  right: 7px !important; }

.top-8 {
  top: 8px !important; }

.bottom-8 {
  bottom: 8px !important; }

.left-8 {
  left: 8px !important; }

.right-8 {
  right: 8px !important; }

.top-9 {
  top: 9px !important; }

.bottom-9 {
  bottom: 9px !important; }

.left-9 {
  left: 9px !important; }

.right-9 {
  right: 9px !important; }

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

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

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

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

/* Outline */
.outline-none {
  outline: 0 !important; }

/* Text Decoration */
.text-decoration-none {
  text-decoration: none !important; }

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

/* Text Transform */
.text-uppercase {
  text-transform: uppercase !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-transform-none {
  text-transform: none !important; }

/* States */
.text-muted {
  color: #999 !important; }

/* Overflow */
.overflow-visible {
  overflow: visible !important; }

.overflow-hidden {
  overflow: hidden !important; }

/* Z-Index */
.z-index-0 {
  z-index: 0 !important; }

.z-index-1 {
  z-index: 1 !important; }

.z-index-2 {
  z-index: 2 !important; }

.z-index-3 {
  z-index: 3 !important; }

@media (max-width: 991px) {
  .z-index-mobile-0 {
    z-index: 0 !important; } }

/* Colors */
.text-dark {
  color: #212529 !important; }

.text-light {
  color: #FFF !important; }

/* Weights */
.font-weight-thin {
  font-weight: 100 !important; }

.font-weight-extralight,
.font-weight-extra-light {
  font-weight: 200 !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-regular,
.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-medium {
  font-weight: 500 !important; }

.font-weight-semibold,
.font-weight-semi-bold {
  font-weight: 600 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-extrabold,
.font-weight-extra-bold {
  font-weight: 800 !important; }

.font-weight-black {
  font-weight: 900 !important; }

/* Letter Space */
.letter-spacing-minus-1 {
  letter-spacing: -1px; }

/* Borders */
.no-borders {
  border: none !important; }

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

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

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

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

/* General Helpers */
.ws-nowrap {
  white-space: nowrap !important; }

.ws-normal {
  white-space: normal !important; }

/* Width */
@media (max-width: 991px) {
  .w-auto-mobile {
    width: auto !important; }
  .w-100-mobile {
    width: 100% !important; } }

/* Grid */
.col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5, .col-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xl-2-5, .col-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xl-3-5, .col-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5, .col-xl-4-5 {
  position: relative;
  min-height: 1px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col-1-5 {
  flex: 0 0 20%;
  max-width: 20%; }

.col-2-5 {
  flex: 0 0 40%;
  max-width: 40%; }

.col-3-5 {
  flex: 0 0 60%;
  max-width: 60%; }

.col-4-5 {
  flex: 0 0 80%;
  max-width: 80%; }

@media (min-width: 576px) {
  .col-sm-1-5 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-sm-2-5 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-sm-3-5 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-sm-4-5 {
    flex: 0 0 80%;
    max-width: 80%; } }

@media (min-width: 768px) {
  .col-md-1-5 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-md-2-5 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-md-3-5 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-md-4-5 {
    flex: 0 0 80%;
    max-width: 80%; } }

@media (min-width: 992px) {
  .col-lg-1-5 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-lg-2-5 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-lg-3-5 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-lg-4-5 {
    flex: 0 0 80%;
    max-width: 80%; } }

@media (min-width: 1200px) {
  .col-xl-1-5 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-xl-2-5 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-xl-3-5 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-xl-4-5 {
    flex: 0 0 80%;
    max-width: 80%; } }

/* Default */
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none !important; }

.btn-default:hover, .btn-default:active, .btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }