* {
  box-sizing: border-box;
}
*:focus {
  outline-color: #ab2933;
}

a {
  color: #ab2933;
  text-decoration: none;
}

html,
body {
  height: 100%;
}

body {
  background-color: #fff;
  font-family: "Nunito";
  line-height: 1.6;
  font-size: 0.9em;
}

.header {
  padding: 1em;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
  z-index: 5;
  transition: background-color ease-in-out 0.2s;
}
.header__image {
  width: 130px;
  height: auto;
}
@media (max-width: 600px) {
  .header__image {
    width: 120px;
  }
}
.header--is-active {
  background-color: rgba(27.0212264151, 6.4787735849, 8.0589622642, 0.94);
  padding: 0;
}
@media (max-width: 600px) {
  .header--is-active {
    padding: 1em;
  }
}
.header--is-active .header__image {
  width: 100px;
  height: auto;
  transition: all ease-in-out 0.2s;
}
@media (max-width: 600px) {
  .header__nav {
    background-color: rgb(27.0212264151, 6.4787735849, 8.0589622642);
    padding: 5em 0 0 0;
    position: fixed;
    left: 0%;
    top: 0%;
    bottom: 0%;
    right: 0%;
    float: none;
    z-index: 3;
  }
  .header__nav::before {
    content: " ";
    clear: both;
    display: block;
  }
}
.header__nav a {
  display: inline-block;
}
@media (max-width: 600px) {
  .header__nav a {
    font-size: 1.5em;
    font-weight: 700;
    display: block;
    padding: 1em;
    text-align: center;
  }
}

.container {
  max-width: 1024px;
  margin: auto;
}
.container--grid {
  grid-template-columns: 50% 60%;
}
@media (max-width: 600px) {
  .container--grid {
    display: block;
  }
}
.container--grid img,
.container--grid svg {
  width: 85%;
  height: auto;
}
.container-small {
  max-width: 850px;
  margin: auto;
}

.hero {
  padding: 12em 2em;
}
@media (max-width: 600px) {
  .hero {
    padding: 6em 1em;
  }
}
.hero-small {
  padding: 6em 2em;
}
@media (max-width: 600px) {
  .hero-small {
    padding: 3em 1em;
  }
}
.hero--clipped {
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
}
.hero--gradient {
  background: linear-gradient(45deg, #ab2933, rgb(88.7264150943, 21.2735849057, 26.4622641509));
}
.hero--email {
  background: #fff url("../images/email-pattern.png");
}
.hero--top {
  background: rgb(27.0212264151, 6.4787735849, 8.0589622642);
  overflow: hidden;
  position: relative;
}
.hero--top-background::after, .hero--top-background::before {
  background-color: rgba(171, 41, 51, 0.075);
  border-radius: 100%;
  content: " ";
  color: #fff;
  height: 300px;
  width: 300px;
  position: absolute;
  z-index: 0;
}
.hero--top-background::after {
  animation: herotopSildes 30s infinite;
  bottom: 5%;
  right: 50%;
}
.hero--top-background::before {
  animation: herotopSildesInverse 30s infinite;
  top: 5%;
  left: 10%;
}
.hero--top-foreground {
  position: relative;
  z-index: 1;
}
.hero--top-sub {
  position: absolute;
  bottom: -18%;
  left: 0%;
  right: 0%;
  z-index: 2;
}

.features {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
@media (max-width: 600px) {
  .features {
    grid-template-columns: 50% 50%;
  }
}
.features__img-container {
  background: rgba(171, 41, 51, 0.075);
  border-radius: 100%;
  display: inline-block;
  padding: 1.2em;
}
.features img {
  display: inline-block;
  height: 45px;
  width: auto;
  vertical-align: middle;
}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list li {
  padding: 0.5em;
}

.plans {
  display: grid;
  grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
  max-width: 850px;
  margin: 3em auto 5em auto;
}
.plans-main {
  transform: scale(1.29);
}
@media (max-width: 600px) {
  .plans-main {
    transform: none;
  }
}
@media (max-width: 600px) {
  .plans {
    display: block;
    margin: 0 auto;
  }
}

.map, .map iframe {
  width: 100%;
  height: 230px;
}
.sidebar {
  background: #ab2933;
  background: linear-gradient(rgb(158.6589622642, 38.0410377358, 47.3193396226), rgb(129.8632075472, 31.1367924528, 38.7311320755));
  padding: 1em;
  position: fixed;
  left: 0%;
  top: 0%;
  bottom: 0%;
  width: 280px;
}
@media (max-width: 600px) {
  .sidebar {
    left: -100%;
    transition: all ease-in-out 0.2s;
    z-index: 100;
  }
  .sidebar--is-active {
    left: 0%;
  }
}
.sidebar a {
  color: #fff;
  display: block;
  font-size: 0.9em;
  padding: 0.7em 1em;
  margin: 0.3em 0 0.3em 0.3em;
  transition: background-color ease-in-out 0.2s;
}
.sidebar a:hover {
  background-color: rgb(129.8632075472, 31.1367924528, 38.7311320755);
}
.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar li {
  display: block;
}

.main {
  margin: 0 0 0 280px;
}
@media (max-width: 600px) {
  .main {
    margin: 0;
  }
}

.auth {
  max-width: 400px;
  margin: 5% auto;
}
.auth__content {
  background: #fefefe;
  border: 1px solid #f0f0f0;
  margin: 1em;
}

@media (min-width: 1024px) {
  .book-main {
    position: fixed;
    height: 100%;
    left: 0;
    right: 0;
  }
}

.is-bold {
  font-weight: 800;
}
.is-upper {
  text-transform: uppercase;
}
.is-inline-block {
  display: inline-block;
}
.is-block {
  display: block;
}
.is-grid, .container--grid {
  display: grid;
}
@media (max-width: 600px) {
  .is-grid, .container--grid {
    display: block;
  }
}
.is-grid-all {
  display: grid;
}
.is-centered {
  text-align: center;
}
.is-full-width {
  width: 100%;
}
.is-rounded, .progress__value, .map iframe, .auth__content {
  border-radius: 0.3em;
}
.is-rounded-big {
  border-radius: 0.65em;
}
.is-hidden {
  display: none;
}
@media (max-width: 600px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 601px) {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .is-visible-mobile {
    display: block;
  }
}
@media (min-width: 1024px) {
  .is-visible-mobile {
    display: none;
  }
}
.is-striked {
  text-decoration: line-through;
}
.is-fixed {
  position: fixed;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100%;
}
@media (max-width: 600px) {
  .is-fixed {
    position: relative;
  }
}
.is-full-height {
  height: 100%;
}
.is-scrollable {
  overflow-y: scroll;
}

.padded, .auth__content {
  padding: 1em;
}
.padded-small {
  padding: 0.7em;
}
.padded-none {
  padding: 0;
}
.padded-top {
  padding-top: 1em;
}
.padded-left {
  padding-left: 1em;
}
.padded-bottom {
  padding-bottom: 1em;
}
.padded-right {
  padding-right: 1em;
}
.padded-v {
  padding: 0 1em;
}
.padded-big {
  padding: 10% 20%;
}
@media (max-width: 600px) {
  .padded-big {
    padding: 5%;
  }
}
@media (max-width: 600px) {
  .padded-none-mobile {
    padding: 0;
  }
}

.spaced {
  margin: 1em;
}
.spaced-none {
  margin: 0;
}
.spaced-top {
  margin-top: 1em;
}
.spaced-top-none {
  margin-top: none;
}
.spaced-left {
  margin-left: 1em;
}
.spaced-right {
  margin-right: 1em;
}
.spaced-bottom {
  margin-bottom: 1em;
}
@media (max-width: 600px) {
  .spaced-none-mobile {
    margin: 0;
  }
}

.float-right, .header__nav {
  float: right;
}
.float-left {
  float: left;
}
.float-clear {
  clear: both;
}

.text-size-s {
  font-size: 0.89em;
}
@media (max-width: 600px) {
  .text-size-s {
    font-size: 0.75em;
  }
}
.text-size-sm {
  font-size: 1.3em;
}
@media (max-width: 600px) {
  .text-size-sm {
    font-size: 1em;
  }
}
.text-size-m {
  font-size: 1.5em;
}
@media (max-width: 600px) {
  .text-size-m {
    font-size: 1.2em;
  }
}
.text-size-l {
  font-size: 2.5em;
}
@media (max-width: 600px) {
  .text-size-l {
    font-size: 2em;
  }
}
.text-size-xl {
  font-size: 3em;
}
@media (max-width: 600px) {
  .text-size-xl {
    font-size: 2.4em;
  }
}
.text-size-xxl {
  font-size: 3.5em;
}
@media (max-width: 600px) {
  .text-size-xxl {
    font-size: 3em;
  }
}
.text-weight-500 {
  font-weight: 500;
}
.text-weight-700, .table thead {
  font-weight: 700;
}
.text-weight-800 {
  font-weight: 800;
}
.text-height-sm {
  line-height: 1.3;
}

.color-primary {
  color: #ab2933;
}
.color-primary-dark {
  color: #501310;
}
.color-grey {
  color: #808080;
}
.color-grey-100 {
  color: #ddd;
}
.color-grey-500 {
  color: #505050;
}
.color-white {
  color: #fff;
}
.color-success {
  color: #267e26;
}
.color-danger {
  color: #b33636;
}
.color-yellow {
  color: #b0b315;
}

.bg-white {
  background-color: #fff;
}
.bg-primary {
  background-color: #ab2933;
}
.bg-primary-light {
  background-color: #fcefee;
}
.bg-grey {
  background-color: #fdfdfd;
}
.bg-grey-100 {
  background-color: #efefef;
}
.bg-grey-200 {
  background-color: #d0d0d0;
}
.bg-black {
  background: rgb(6.4528301887, 1.5471698113, 1.9245283019);
}

.hover-color-primary:hover {
  color: #ab2933;
  transition: color ease-in-out 0.2s;
}

.align-right {
  text-align: right;
}

.card {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.11);
}

.lined {
  border: none;
  border-top: 4px solid rgb(171.8227358491, 41.1972641509, 51.2453773585);
  width: 30%;
  margin: 3em auto 5em auto;
  position: relative;
}
@media (max-width: 600px) {
  .lined {
    margin: 1em auto 2em auto;
  }
}
.lined::after {
  background-color: #ab2933;
  border-radius: 100%;
  content: " ";
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 10px);
}
.lined::before {
  background-color: #fff;
  border-radius: 100%;
  content: " ";
  height: 20px;
  width: 40px;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 20px);
}

.grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-3 {
  grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
}
.grid-4 {
  grid-template-columns: 25% 25% 25% 25%;
}
.grid-6 {
  grid-template-columns: 16.6666666667% 16.6666666667% 16.6666666667% 16.6666666667% 16.6666666667% 16.6666666667%;
}

.image img,
.image svg {
  display: inline-block;
  width: 75%;
  height: auto;
}
.image-logo {
  height: 40px;
  width: auto;
}

.table {
  font-size: 0.95em;
}
.table thead {
  background: #f0f0f0;
  border-width: 3px 0 3px 0;
  border-style: solid;
  border-color: #d0d0d0;
}
.table td {
  padding: 0.9em;
}
.table--striped {
  border-collapse: collapse;
}
.table--striped tr:nth-of-type(even) td {
  background-color: #f0f0f0;
}

.progress {
  background: #f0f0f0;
  border-radius: 2em;
  height: 5px;
}
.progress__value {
  height: 5px;
  background: rgb(129.8632075472, 31.1367924528, 38.7311320755);
}

.alert {
  border-radius: 1em;
  margin: 1em;
  padding: 0.5em;
  text-align: center;
}
.alert--success {
  background: #e5f1e5;
  color: #3c863c;
}
.alert--error {
  background-color: #f0dbdb;
  color: #bb5454;
}

.cursor-pointer {
  cursor: pointer;
}

@font-face {
  font-family: "HindSiliguri";
  src: url("../fonts/Hind_Siliguri/HindSiliguri-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "HindSiliguri";
  src: url("../fonts/Hind_Siliguri/HindSiliguri-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "HindSiliguri";
  src: url("../fonts/Hind_Siliguri/HindSiliguri-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "HindSiliguri";
  src: url("../fonts/Hind_Siliguri/HindSiliguri-SemiBold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "HindSiliguri";
  src: url("../fonts/Hind_Siliguri/HindSiliguri-Bold.ttf");
  font-weight: 800;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-SemiBold.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-Bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-ExtraBold.ttf");
  font-weight: 800;
}
.button {
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  padding: 0.6em 1.5em;
  position: relative;
  line-height: inherit;
  text-decoration: none;
}
.button:hover {
  transform: all ease-in-out 0.3s;
}
.button--is-rounded {
  border-radius: 0.3em;
}
.button--is-primary {
  background-color: #ab2933;
  color: #fff;
  transition: all ease-in-out 0.2s;
}
.button--is-primary:hover, .button--is-primary-light {
  background-color: rgb(150.4316037736, 36.0683962264, 44.8655660377);
}
.button--is-primary.button--disabled {
  opacity: 0.5;
  background: rgb(207.2311320755, 55.7688679245, 67.4198113208);
}
.button--is-outlined {
  background-color: #fff;
  border: 1px solid #ab2933;
  color: #ab2933;
}
.button--is-outlined:hover {
  background-color: #ab2933;
  color: #fff;
}

.input {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 0;
  padding: 0.65em 0.8em;
  height: 43px;
  transition: all ease-in-out 0.2s;
  -webkit-appearance: none;
  appearance: none;
  color: #000;
}
.input:focus {
  border-color: #d9d9d9;
  outline: none;
}
.input--select {
  background: transparent url("../images/fa_caret-down.svg") no-repeat;
  background-size: 12px 12px;
  background-position: 97% center;
}
.input--area {
  height: 150px;
}

@keyframes herotopSildes {
  30% {
    height: 150px;
    width: 150px;
    right: 0%;
  }
  50% {
    right: 90%;
  }
  75% {
    bottom: 75%;
    right: 25%;
  }
}
@keyframes herotopSildesInverse {
  30% {
    height: 220px;
    width: 220px;
    left: 0%;
  }
  50% {
    left: 90%;
  }
  75% {
    top: 75%;
    left: 25%;
  }
}

/*# sourceMappingURL=atghub.css.map */