.inner-brand {
  letter-spacing: 1.5px;
  font-size: 22px;
  font-weight: bolder;
}

.header {
  height: 61px;
}

.footer:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 20, 0.75);
  /*background: rgba(0,0,30,0.85);*/
}

.footer {
  font-size: 0.94em;
}

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

.pos-t-0 {
  top: 0rem;
}

.pos-t-1 {
  top: 0.25rem;
}

.pos-t-2 {
  top: 0.5rem;
}

.pos-t-3 {
  top: 1rem;
}

.pos-t-4 {
  top: 1.5rem;
}

.pos-t-5 {
  top: 3rem;
}

.pos-t-1neg {
  top: -.25rem;
}

.pos-t-2neg {
  top: -0.5rem;
}

.pos-t-3neg {
  top: -1rem;
}

.pos-t-4neg {
  top: -1.5rem;
}

.pos-t-5neg {
  top: -3rem;
}

.pos-absolute {
  position: absolute;
}

.pos-relative {
  position: relative;
}


.bg-top-gradient-30:before,
.bg-top-gradient-30:before,
.bg-top-gradient-60:before,
.bg-top-gradient-90:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: "";
}

.bg-top-gradient-0:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
}

.bg-top-gradient-30:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 5%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 5%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 5%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 100%);
}

.bg-top-gradient-60:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.6) 100%);
}

.bg-top-gradient-90:before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.9) 100%);
}


.module {
  background: #1d1f20;
  padding-top: 65px !important;
  padding-bottom: 0px !important;
}

input:not([type=submit]),
textarea {
  background-color: #2d3033 !important;
  color: white !important;
  text-transform: none !important;
}

.form-control {
  line-height: 1 !important;
  padding: 0.625rem 0.625rem !important;
  font-family: Hind, Arial, serif !important;
  font-size: 14px !important;
}

body {
  font-size: 17px;
  color: #ccc !important;
}

.h1,
h1 {
  font-size: 2.5em;
}

.h2,
h2 {
  font-size: 2em;
}

.h3,
h3 {
  font-size: 1.75em;
}

.h4,
h4 {
  font-size: 1.5em;
}

.h5,
h5 {
  font-size: 1.25em;
}

.h6,
h6 {
  font-size: 1em;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ddd;
}

.text-muted {
  color: #bbb !important;
}

.bold-color b {
    color: #eee
}

.small p,
small p {
  margin-bottom: 10px;
}

.inner-nav a {
  font-size: 13px !important;
}

/*
  Attributions:
  - Linea Icons - http://linea.io/ - CCBY
*/

.footer-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

ul.app-ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.8em;
}

ul.fa-ul {
  list-style-type: none;
  list-style-position: outside;
  padding-left: 1.8em;
}

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

.fa-ul>li {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.app-small-text {
  font-size: 0.6em;
}

.invalid-feedback {
  color: #b01515 !important;
}

.was-validated .form-control:invalid {
  border-color: #801515 !important;
}

.was-validated .form-control:valid {
  border-color: #eee !important;
}

.was-validated .btn.focus,
.was-validated .btn:focus {
  box-shadow: none !important;
}

.layout {
  -webkit-transition: none;
  transition: none;
}

.layout.fade-in {
  -webkit-transition: 1.7s opacity ease;
  transition: 1.7s opacity ease;
}

.footer .widget .widget-title {
  border-color: rgba(238, 238, 238, .9);
  padding-bottom: 5px;
}

/*
.pricing-features {
  text-align: left;
}

.pricing-feature li {
  padding: 0px;
  border-bottom: 0px;
}
*/

/*-------------------------------------*/
.plans-row h1,
.plans-row h2,
.plans-row h3,
.plans-row h4,
.plans-row h5,
.plans-row h6 {
  color: #313131;
  margin-bottom: 0px;
}

.plans-column-wrap {
  margin-bottom: 30px;
}

.plans-column-wrap:hover {
  box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.75);
  z-index: 2;
  transform: scale(1.06);
  transition: 0.5s all;
}

.plans-column {
  background: #fff;
  border: 1px solid #f2f2f2;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}




.plans-header {
  color: #313131;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0;
  padding: 30px 20px;
  border-bottom: 1px solid #f2f2f2;
}

.plans-headerButton-container {
  border-bottom: 1px solid #f2f2f2;
}

.plans-price {
  padding: 30px 10px;
  border-bottom: 1px solid #f2f2f2;
}

.plans-features {
  text-align: left;
  padding: 30px 10px;
  color: #999;
}

.plans-feature {
  border-bottom: 1px solid #f2f2f2;
  padding: 8px 20px;
  margin: 0;
}

.plans-buy-button {
  min-width: 200px;
}

.plans-footer-wrapper {
  display: flex;
  flex: 1;
  align-items: flex-end;
  align-self: center;
  width: 100%;
}

.plans-footer {
  border-top: 1px solid #f2f2f2;
  width: 100%;
  padding: 20px 0px;
}

.plans-popular {
  border-color: #4a90e2;
}

.plans-popular::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 64px 0 0;
  border-color: #4a90e2 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}

.plans-popular::after {
  color: white;
  position: absolute;
  left: 9px;
  /* top: 6px; */
  text-shadow: 0 0 2px #00000080;
  font-size: 1.4rem;
  font-family: "FontAwesome";
  content: "";
}


/*
.plans-price {
  color: #313131;
  font-size: 60px;
  margin: 0 0 0 -10px;
  font-weight: 600;
  font-family: Poppins,Arial,serif;
  line-height: 1.2;
}

.plans-price-currency {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  padding-top: 8px;
  padding-right: 2px;
}
*/

.plans-price-section {
  /* color: #313131;
  font-size: 60px;
  margin: 0 0 0 -10px;
  font-weight: 600; */
  font-family: Poppins, Arial, serif;
  /* line-height: 1.2; */
}

.plans-price-currency {
  color: #313131;
  display: inline-block;
  vertical-align: top;
  /* font-size: 20px; */
  font-size: 1rem;
  /* padding-top: 4px; */
  /* padding-right: 2px; */
}

.plans-price-price {
  color: #313131;
  /* font-size: 60px; */
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.plans-price-cycle {
  display: inline-block;
  vertical-align: bottom;
  /* font-size: 18px; */
  font-size: 1rem;
  padding-left: 5px;
  /* padding-top: 8px;
  padding-right: 2px; */
}

.plans-price-comment {
  font-size: 0.8rem;
}


/* ---- */

.inline-bullet {
  margin-left: 2em;
  position: relative;
}

.inline-bullet-icon-wrapper {
  position: absolute;
  width: 2em;
  top: 0.75em;
  left: -2em;
}

/*
.inline-bullet > i {
  position: absolute;
  width: 2em;
  left: -2em;
  text-align: center;
  line-height: 1.5em;
}*/


.btn-lg {
  font-size: .7rem;
}

.app-testimonials-card-arTag-img {
  /* position: absolute;
  left: 50%;
  height: 200px;
  width: 200px;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0); */
  max-width: 200px;
}

.testimonials-card {
  padding: 0px 10px 10px;
}

.testimonials-card-inner {
  padding: 0px 10px 10px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.testimonials-card-content {
  padding-top: 0px;
}

.app-arProfile-header-top {
  position: absolute;
  top: 0px;
  width: 100%;
  color: white !important;
  background: #14539385;
  /* #00000070; */
  padding: 20px 0px;
}

@media (min-width: 992px) {
  .app-arProfile-header-top {
    margin-top: 61px;
    /* Header size */
  }
}

.app-arProfile-header-bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: white !important;
  background: #14539385;
  /* #00000070; */
  padding: 20px 0px;

}

.app-arPromo-specialOffer {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 0.2rem;
}

.app-arPromo-specialOffer-plans {
  padding: 0.75rem 0.5rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.app-arPromo-specialOffer-plans>h4 {
  color: white !important;
  padding-bottom: 0.5rem;
}

.app-arPromo-specialOffer-plans>h5 {
  color: white !important;
}

.app-border-bottom {
  border-bottom: 1px solid rgba(238, 238, 238, .9);
}

/* Utils -------------------------- */

/* Parent needs to have "position: relative;" or "comp-relative" */
.comp-absoluteCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.comp-objectFit-cover {
  object-fit: cover;
}

.comp-pause {
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  -o-animation-play-state: paused !important;
  animation-play-state: paused !important;
}

.comp-flex1 {
  flex: 1 !important;
}

.header-content-row {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 600px;
  ;
}

@media (min-width: 992px) {
  .header-content-row {
    padding-top: 61px;
    /* Header size */
  }
}

/* Change the Template's value */
@media (max-width: 992px) {
  .module-header {
    padding: 0px 0px;
  }
}

@media (max-width: 992px) {
  .page-ar-promo .module-header {
    padding: 0px;
  }
}

@media (max-width: 700px) {

  .comp-h-responsive h1 {
    font-size: 1.3em;
  }

  .comp-h-responsive h2 {
    font-size: 1.25em;
  }

  .comp-h-responsive h3 {
    font-size: 1.2em;
  }

  .comp-h-responsive h4 {
    font-size: 1.15em;
  }

  .comp-h-responsive h5 {
    font-size: 1.1em;
  }

  .comp-h-responsive h6 {
    font-size: 1.05em;
  }

  .comp-h-responsive .btn {
    padding: .5375rem 2rem;
  }
}

.header-content-col3-1 {
  padding: 20px 10px;
}

.header-content-col3-2 {
  flex: 1;
  position: relative;
  margin: 0px 10px;
}

.header-content-col3-3 {
  padding: 20px 10px;
}

/* Re-declared here so it overrides all above. Required for AP Profile example images for ".p-t-0" to override ".module"*/
.p-t-0 {
  padding-top: 0px !important;
}

/*---- app ----*/
.app-bullet-check {
  color: #4a90e2;
}

.app-bullet-smallDisk {
  font-size: 0.7em;
}

.app-action-button {
  width: 10rem;
}

/*---- arTagGen ---- */

/*
#arTag-output-error {
  width: 300px;
  height: 300px;
  color: red;
  background-color: white;
  position: relative;
}

#arTag-output-error img {
  width: 65px;
}
*/

.arTagGen-download-button {
  width: 360px;
  margin-left: 0px !important;
  margin-top: 10px;
}

#arTagGen-canvas {
  width: 360px !important;
}

/* Components */

.comp-fillable-col {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.comp-fillable-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.comp-fillable-col>*>*>.comp-fillable-item {
  height: 100%;
}

.comp-fillable-row>*>*>.comp-fillable-item {
  width: 100%;
}

.comp-video--noControlsGradient::-webkit-media-controls-panel {

  background-image: linear-gradient(transparent, transparent) !important;

}


.comp-img-enlargeable {
  cursor: zoom-in;
}

/* .comp-img-enlargeable-modal {
  background-size: contain;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  cursor: zoom-out;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: black;
} */

.comp-img-enlargeable-modal {
  position: fixed;
  z-index: 10000;

  transform: translate(-50%, -50%);
  cursor: zoom-out;
  /* background-position: -50% -50%; */
  background-repeat: no-repeat;
  background-size: contain;
  background-color: black;
  background-position: center;
  transition: all 0.3s ease;
}

.comp-img-enlargeable-modal--full {
  /* transform: translate(-50%, -50%); */
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
  height: 100% !important;
}


/* .r-horizontal{
  display: grid;
  grid-auto-flow: column;
} */

.r-row {
  display: flex;
  gap: 3rem;
}

.r-col {
  flex: 1;
}

.comp-siteSection-subTitle {
  margin-top: -20px;
  margin-bottom: 20px;
  font-size: 1.25em;
  font-weight: 600;
}

.height-gutter-full {
  height: 30px !important;
}

.height-gutter-half {
  height: 10px !important;
}

.p-l-gutterQuarter {
  padding-left: 5px !important;
}

.p-r-gutterQuarter {
  padding-right: 5px !important;
}


@media (min-width: 600px) {
  .app-height-partial {
    min-height: 60vh;
    height: 60vh;
  }
}

@media (max-width: 600px) {
  .app-height-partial {
    min-height: 40vh;
    height: 40vh;
  }
}