html,
body {
    font-family: "Nunito Sans",sans-serif;
    
    /*  font-family: "Helvetica Neue", "Open Sans Pro", "Arial", sans-serif;  */
}

p, li, .text-grey {
    color:#4a5568;
}

.material-icons{
    font-size: 48px;
    color:#4a5568;
}

.navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler {
  border-color: transparent;
}

.btn,
.btn-lg,
.btn-sm,
.form-control,
.form-control-lg,
.form-control-sm {
  font-size: 1rem;
}

.form-control-lg,
.btn-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.btn-link.btn-lg {
  font-size: 1.25rem;
}

.display-1 {
  font-size: 4.5rem;
}

.display-2 {
  font-size: 4rem;
}

.display-3 {
  font-size: 3.5rem;
}

.display-4 {
  font-size: 3rem;
}

.font-weight-bold {
  font-weight: 400;
}

.carousel-indicators li {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
}

.carousel-control-prev,
.carousel-control-next {
  width: 10%;
}

/*
.table th,
.table td {
  padding: 0;
  border-top: none;
}
*/

.table th {
  padding-bottom: 0.75rem;
}

.table thead th {
  border-bottom: 1px solid #eceeef;
}

.replacer-light-fixed-navbar {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.replacer-dark-fixed-navbar {
  background-color: #000;
}

@media (max-width: 1200px) {
  .navbar-light.fixed-top {
    /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
    background-color: #fff;
  }

  .navbar-dark.fixed-top {
    /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
    background-color: transparent;
  }
}
.dropdown-toggle:after {
  vertical-align: 0.2em;
}

.navbar-brand span {
  display: inline-block;
  min-height: 42px;
  min-width: 236px;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.navbar-light .navbar-brand span {
  background-image: url("../images/timemap_logo.png");
}

.navbar-dark .navbar-brand span {
  background-image: url("../images/timemap_logo.png");
}

.navbar {
  /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);*/
}

.dropdown-menu .dropdown-item {
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
}

.lead {
  font-size: 1.125rem !important;
}

.carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 40px;
  width: 100%;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #000;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.1) !important;
}

.carousel-indicators li {
  background-color: rgba(0, 0, 0, 0.25);
}

.carousel-indicators .active {
  background-color: rgba(0, 0, 0, 0.5);
}

.nav-pills .nav-link.active {
  margin-left: -1px;
  margin-top: -1px;
}

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



/* Quick WebSite Css */

@media (min-width: 576px)
{
    .m-sm-0
    {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0
    {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0
    {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0
    {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0
    {
        margin-left: 0 !important;
    }
    .m-sm-1
    {
        margin: .25rem !important;
    }
    .mt-sm-1,
    .my-sm-1
    {
        margin-top: .25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1
    {
        margin-right: .25rem !important;
    }
    .mb-sm-1,
    .my-sm-1
    {
        margin-bottom: .25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1
    {
        margin-left: .25rem !important;
    }
    .m-sm-2
    {
        margin: .5rem !important;
    }
    .mt-sm-2,
    .my-sm-2
    {
        margin-top: .5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2
    {
        margin-right: .5rem !important;
    }
    .mb-sm-2,
    .my-sm-2
    {
        margin-bottom: .5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2
    {
        margin-left: .5rem !important;
    }
    .m-sm-3
    {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3
    {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3
    {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3
    {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3
    {
        margin-left: 1rem !important;
    }
    .m-sm-4
    {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4
    {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4
    {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4
    {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4
    {
        margin-left: 1.5rem !important;
    }
    .m-sm-5
    {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5
    {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5
    {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5
    {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5
    {
        margin-left: 3rem !important;
    }
    .m-sm-6
    {
        margin: 4.5rem !important;
    }
    .mt-sm-6,
    .my-sm-6
    {
        margin-top: 4.5rem !important;
    }
    .mr-sm-6,
    .mx-sm-6
    {
        margin-right: 4.5rem !important;
    }
    .mb-sm-6,
    .my-sm-6
    {
        margin-bottom: 4.5rem !important;
    }
    .ml-sm-6,
    .mx-sm-6
    {
        margin-left: 4.5rem !important;
    }
    .m-sm-7
    {
        margin: 6rem !important;
    }
    .mt-sm-7,
    .my-sm-7
    {
        margin-top: 6rem !important;
    }
    .mr-sm-7,
    .mx-sm-7
    {
        margin-right: 6rem !important;
    }
    .mb-sm-7,
    .my-sm-7
    {
        margin-bottom: 6rem !important;
    }
    .ml-sm-7,
    .mx-sm-7
    {
        margin-left: 6rem !important;
    }
    .m-sm-8
    {
        margin: 7.5rem !important;
    }
    .mt-sm-8,
    .my-sm-8
    {
        margin-top: 7.5rem !important;
    }
    .mr-sm-8,
    .mx-sm-8
    {
        margin-right: 7.5rem !important;
    }
    .mb-sm-8,
    .my-sm-8
    {
        margin-bottom: 7.5rem !important;
    }
    .ml-sm-8,
    .mx-sm-8
    {
        margin-left: 7.5rem !important;
    }
    .m-sm-9
    {
        margin: 9rem !important;
    }
    .mt-sm-9,
    .my-sm-9
    {
        margin-top: 9rem !important;
    }
    .mr-sm-9,
    .mx-sm-9
    {
        margin-right: 9rem !important;
    }
    .mb-sm-9,
    .my-sm-9
    {
        margin-bottom: 9rem !important;
    }
    .ml-sm-9,
    .mx-sm-9
    {
        margin-left: 9rem !important;
    }
    .m-sm-10
    {
        margin: 10.5rem !important;
    }
    .mt-sm-10,
    .my-sm-10
    {
        margin-top: 10.5rem !important;
    }
    .mr-sm-10,
    .mx-sm-10
    {
        margin-right: 10.5rem !important;
    }
    .mb-sm-10,
    .my-sm-10
    {
        margin-bottom: 10.5rem !important;
    }
    .ml-sm-10,
    .mx-sm-10
    {
        margin-left: 10.5rem !important;
    }
    .m-sm-17
    {
        margin: 21rem !important;
    }
    .mt-sm-17,
    .my-sm-17
    {
        margin-top: 21rem !important;
    }
    .mr-sm-17,
    .mx-sm-17
    {
        margin-right: 21rem !important;
    }
    .mb-sm-17,
    .my-sm-17
    {
        margin-bottom: 21rem !important;
    }
    .ml-sm-17,
    .mx-sm-17
    {
        margin-left: 21rem !important;
    }
    .p-sm-0
    {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0
    {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0
    {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0
    {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0
    {
        padding-left: 0 !important;
    }
    .p-sm-1
    {
        padding: .25rem !important;
    }
    .pt-sm-1,
    .py-sm-1
    {
        padding-top: .25rem !important;
    }
    .pr-sm-1,
    .px-sm-1
    {
        padding-right: .25rem !important;
    }
    .pb-sm-1,
    .py-sm-1
    {
        padding-bottom: .25rem !important;
    }
    .pl-sm-1,
    .px-sm-1
    {
        padding-left: .25rem !important;
    }
    .p-sm-2
    {
        padding: .5rem !important;
    }
    .pt-sm-2,
    .py-sm-2
    {
        padding-top: .5rem !important;
    }
    .pr-sm-2,
    .px-sm-2
    {
        padding-right: .5rem !important;
    }
    .pb-sm-2,
    .py-sm-2
    {
        padding-bottom: .5rem !important;
    }
    .pl-sm-2,
    .px-sm-2
    {
        padding-left: .5rem !important;
    }
    .p-sm-3
    {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3
    {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3
    {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3
    {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3
    {
        padding-left: 1rem !important;
    }
    .p-sm-4
    {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4
    {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4
    {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4
    {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4
    {
        padding-left: 1.5rem !important;
    }
    .p-sm-5
    {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5
    {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5
    {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5
    {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5
    {
        padding-left: 3rem !important;
    }
    .p-sm-6
    {
        padding: 4.5rem !important;
    }
    .pt-sm-6,
    .py-sm-6
    {
        padding-top: 4.5rem !important;
    }
    .pr-sm-6,
    .px-sm-6
    {
        padding-right: 4.5rem !important;
    }
    .pb-sm-6,
    .py-sm-6
    {
        padding-bottom: 4.5rem !important;
    }
    .pl-sm-6,
    .px-sm-6
    {
        padding-left: 4.5rem !important;
    }
    .p-sm-7
    {
        padding: 6rem !important;
    }
    .pt-sm-7,
    .py-sm-7
    {
        padding-top: 6rem !important;
    }
    .pr-sm-7,
    .px-sm-7
    {
        padding-right: 6rem !important;
    }
    .pb-sm-7,
    .py-sm-7
    {
        padding-bottom: 6rem !important;
    }
    .pl-sm-7,
    .px-sm-7
    {
        padding-left: 6rem !important;
    }
    .p-sm-8
    {
        padding: 7.5rem !important;
    }
    .pt-sm-8,
    .py-sm-8
    {
        padding-top: 7.5rem !important;
    }
    .pr-sm-8,
    .px-sm-8
    {
        padding-right: 7.5rem !important;
    }
    .pb-sm-8,
    .py-sm-8
    {
        padding-bottom: 7.5rem !important;
    }
    .pl-sm-8,
    .px-sm-8
    {
        padding-left: 7.5rem !important;
    }
    .p-sm-9
    {
        padding: 9rem !important;
    }
    .pt-sm-9,
    .py-sm-9
    {
        padding-top: 9rem !important;
    }
    .pr-sm-9,
    .px-sm-9
    {
        padding-right: 9rem !important;
    }
    .pb-sm-9,
    .py-sm-9
    {
        padding-bottom: 9rem !important;
    }
    .pl-sm-9,
    .px-sm-9
    {
        padding-left: 9rem !important;
    }
    .p-sm-10
    {
        padding: 10.5rem !important;
    }
    .pt-sm-10,
    .py-sm-10
    {
        padding-top: 10.5rem !important;
    }
    .pr-sm-10,
    .px-sm-10
    {
        padding-right: 10.5rem !important;
    }
    .pb-sm-10,
    .py-sm-10
    {
        padding-bottom: 10.5rem !important;
    }
    .pl-sm-10,
    .px-sm-10
    {
        padding-left: 10.5rem !important;
    }
    .p-sm-17
    {
        padding: 21rem !important;
    }
    .pt-sm-17,
    .py-sm-17
    {
        padding-top: 21rem !important;
    }
    .pr-sm-17,
    .px-sm-17
    {
        padding-right: 21rem !important;
    }
    .pb-sm-17,
    .py-sm-17
    {
        padding-bottom: 21rem !important;
    }
    .pl-sm-17,
    .px-sm-17
    {
        padding-left: 21rem !important;
    }
    .m-sm-n1
    {
        margin: -.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1
    {
        margin-top: -.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1
    {
        margin-right: -.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1
    {
        margin-bottom: -.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1
    {
        margin-left: -.25rem !important;
    }
    .m-sm-n2
    {
        margin: -.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2
    {
        margin-top: -.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2
    {
        margin-right: -.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2
    {
        margin-bottom: -.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2
    {
        margin-left: -.5rem !important;
    }
    .m-sm-n3
    {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3
    {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3
    {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3
    {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3
    {
        margin-left: -1rem !important;
    }
    .m-sm-n4
    {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4
    {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4
    {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4
    {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4
    {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5
    {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5
    {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5
    {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5
    {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5
    {
        margin-left: -3rem !important;
    }
    .m-sm-n6
    {
        margin: -4.5rem !important;
    }
    .mt-sm-n6,
    .my-sm-n6
    {
        margin-top: -4.5rem !important;
    }
    .mr-sm-n6,
    .mx-sm-n6
    {
        margin-right: -4.5rem !important;
    }
    .mb-sm-n6,
    .my-sm-n6
    {
        margin-bottom: -4.5rem !important;
    }
    .ml-sm-n6,
    .mx-sm-n6
    {
        margin-left: -4.5rem !important;
    }
    .m-sm-n7
    {
        margin: -6rem !important;
    }
    .mt-sm-n7,
    .my-sm-n7
    {
        margin-top: -6rem !important;
    }
    .mr-sm-n7,
    .mx-sm-n7
    {
        margin-right: -6rem !important;
    }
    .mb-sm-n7,
    .my-sm-n7
    {
        margin-bottom: -6rem !important;
    }
    .ml-sm-n7,
    .mx-sm-n7
    {
        margin-left: -6rem !important;
    }
    .m-sm-n8
    {
        margin: -7.5rem !important;
    }
    .mt-sm-n8,
    .my-sm-n8
    {
        margin-top: -7.5rem !important;
    }
    .mr-sm-n8,
    .mx-sm-n8
    {
        margin-right: -7.5rem !important;
    }
    .mb-sm-n8,
    .my-sm-n8
    {
        margin-bottom: -7.5rem !important;
    }
    .ml-sm-n8,
    .mx-sm-n8
    {
        margin-left: -7.5rem !important;
    }
    .m-sm-n9
    {
        margin: -9rem !important;
    }
    .mt-sm-n9,
    .my-sm-n9
    {
        margin-top: -9rem !important;
    }
    .mr-sm-n9,
    .mx-sm-n9
    {
        margin-right: -9rem !important;
    }
    .mb-sm-n9,
    .my-sm-n9
    {
        margin-bottom: -9rem !important;
    }
    .ml-sm-n9,
    .mx-sm-n9
    {
        margin-left: -9rem !important;
    }
    .m-sm-n10
    {
        margin: -10.5rem !important;
    }
    .mt-sm-n10,
    .my-sm-n10
    {
        margin-top: -10.5rem !important;
    }
    .mr-sm-n10,
    .mx-sm-n10
    {
        margin-right: -10.5rem !important;
    }
    .mb-sm-n10,
    .my-sm-n10
    {
        margin-bottom: -10.5rem !important;
    }
    .ml-sm-n10,
    .mx-sm-n10
    {
        margin-left: -10.5rem !important;
    }
    .m-sm-n17
    {
        margin: -21rem !important;
    }
    .mt-sm-n17,
    .my-sm-n17
    {
        margin-top: -21rem !important;
    }
    .mr-sm-n17,
    .mx-sm-n17
    {
        margin-right: -21rem !important;
    }
    .mb-sm-n17,
    .my-sm-n17
    {
        margin-bottom: -21rem !important;
    }
    .ml-sm-n17,
    .mx-sm-n17
    {
        margin-left: -21rem !important;
    }
    .m-sm-auto
    {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto
    {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto
    {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto
    {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto
    {
        margin-left: auto !important;
    }
}

@media (min-width: 768px)
{
    .m-md-0
    {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0
    {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0
    {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0
    {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0
    {
        margin-left: 0 !important;
    }
    .m-md-1
    {
        margin: .25rem !important;
    }
    .mt-md-1,
    .my-md-1
    {
        margin-top: .25rem !important;
    }
    .mr-md-1,
    .mx-md-1
    {
        margin-right: .25rem !important;
    }
    .mb-md-1,
    .my-md-1
    {
        margin-bottom: .25rem !important;
    }
    .ml-md-1,
    .mx-md-1
    {
        margin-left: .25rem !important;
    }
    .m-md-2
    {
        margin: .5rem !important;
    }
    .mt-md-2,
    .my-md-2
    {
        margin-top: .5rem !important;
    }
    .mr-md-2,
    .mx-md-2
    {
        margin-right: .5rem !important;
    }
    .mb-md-2,
    .my-md-2
    {
        margin-bottom: .5rem !important;
    }
    .ml-md-2,
    .mx-md-2
    {
        margin-left: .5rem !important;
    }
    .m-md-3
    {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3
    {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3
    {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3
    {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3
    {
        margin-left: 1rem !important;
    }
    .m-md-4
    {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4
    {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4
    {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4
    {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4
    {
        margin-left: 1.5rem !important;
    }
    .m-md-5
    {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5
    {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5
    {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5
    {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5
    {
        margin-left: 3rem !important;
    }
    .m-md-6
    {
        margin: 4.5rem !important;
    }
    .mt-md-6,
    .my-md-6
    {
        margin-top: 4.5rem !important;
    }
    .mr-md-6,
    .mx-md-6
    {
        margin-right: 4.5rem !important;
    }
    .mb-md-6,
    .my-md-6
    {
        margin-bottom: 4.5rem !important;
    }
    .ml-md-6,
    .mx-md-6
    {
        margin-left: 4.5rem !important;
    }
    .m-md-7
    {
        margin: 6rem !important;
    }
    .mt-md-7,
    .my-md-7
    {
        margin-top: 6rem !important;
    }
    .mr-md-7,
    .mx-md-7
    {
        margin-right: 6rem !important;
    }
    .mb-md-7,
    .my-md-7
    {
        margin-bottom: 6rem !important;
    }
    .ml-md-7,
    .mx-md-7
    {
        margin-left: 6rem !important;
    }
    .m-md-8
    {
        margin: 7.5rem !important;
    }
    .mt-md-8,
    .my-md-8
    {
        margin-top: 7.5rem !important;
    }
    .mr-md-8,
    .mx-md-8
    {
        margin-right: 7.5rem !important;
    }
    .mb-md-8,
    .my-md-8
    {
        margin-bottom: 7.5rem !important;
    }
    .ml-md-8,
    .mx-md-8
    {
        margin-left: 7.5rem !important;
    }
    .m-md-9
    {
        margin: 9rem !important;
    }
    .mt-md-9,
    .my-md-9
    {
        margin-top: 9rem !important;
    }
    .mr-md-9,
    .mx-md-9
    {
        margin-right: 9rem !important;
    }
    .mb-md-9,
    .my-md-9
    {
        margin-bottom: 9rem !important;
    }
    .ml-md-9,
    .mx-md-9
    {
        margin-left: 9rem !important;
    }
    .m-md-10
    {
        margin: 10.5rem !important;
    }
    .mt-md-10,
    .my-md-10
    {
        margin-top: 10.5rem !important;
    }
    .mr-md-10,
    .mx-md-10
    {
        margin-right: 10.5rem !important;
    }
    .mb-md-10,
    .my-md-10
    {
        margin-bottom: 10.5rem !important;
    }
    .ml-md-10,
    .mx-md-10
    {
        margin-left: 10.5rem !important;
    }
    .m-md-17
    {
        margin: 21rem !important;
    }
    .mt-md-17,
    .my-md-17
    {
        margin-top: 21rem !important;
    }
    .mr-md-17,
    .mx-md-17
    {
        margin-right: 21rem !important;
    }
    .mb-md-17,
    .my-md-17
    {
        margin-bottom: 21rem !important;
    }
    .ml-md-17,
    .mx-md-17
    {
        margin-left: 21rem !important;
    }
    .p-md-0
    {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0
    {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0
    {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0
    {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0
    {
        padding-left: 0 !important;
    }
    .p-md-1
    {
        padding: .25rem !important;
    }
    .pt-md-1,
    .py-md-1
    {
        padding-top: .25rem !important;
    }
    .pr-md-1,
    .px-md-1
    {
        padding-right: .25rem !important;
    }
    .pb-md-1,
    .py-md-1
    {
        padding-bottom: .25rem !important;
    }
    .pl-md-1,
    .px-md-1
    {
        padding-left: .25rem !important;
    }
    .p-md-2
    {
        padding: .5rem !important;
    }
    .pt-md-2,
    .py-md-2
    {
        padding-top: .5rem !important;
    }
    .pr-md-2,
    .px-md-2
    {
        padding-right: .5rem !important;
    }
    .pb-md-2,
    .py-md-2
    {
        padding-bottom: .5rem !important;
    }
    .pl-md-2,
    .px-md-2
    {
        padding-left: .5rem !important;
    }
    .p-md-3
    {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3
    {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3
    {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3
    {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3
    {
        padding-left: 1rem !important;
    }
    .p-md-4
    {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4
    {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4
    {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4
    {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4
    {
        padding-left: 1.5rem !important;
    }
    .p-md-5
    {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5
    {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5
    {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5
    {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5
    {
        padding-left: 3rem !important;
    }
    .p-md-6
    {
        padding: 4.5rem !important;
    }
    .pt-md-6,
    .py-md-6
    {
        padding-top: 4.5rem !important;
    }
    .pr-md-6,
    .px-md-6
    {
        padding-right: 4.5rem !important;
    }
    .pb-md-6,
    .py-md-6
    {
        padding-bottom: 4.5rem !important;
    }
    .pl-md-6,
    .px-md-6
    {
        padding-left: 4.5rem !important;
    }
    .p-md-7
    {
        padding: 6rem !important;
    }
    .pt-md-7,
    .py-md-7
    {
        padding-top: 6rem !important;
    }
    .pr-md-7,
    .px-md-7
    {
        padding-right: 6rem !important;
    }
    .pb-md-7,
    .py-md-7
    {
        padding-bottom: 6rem !important;
    }
    .pl-md-7,
    .px-md-7
    {
        padding-left: 6rem !important;
    }
    .p-md-8
    {
        padding: 7.5rem !important;
    }
    .pt-md-8,
    .py-md-8
    {
        padding-top: 7.5rem !important;
    }
    .pr-md-8,
    .px-md-8
    {
        padding-right: 7.5rem !important;
    }
    .pb-md-8,
    .py-md-8
    {
        padding-bottom: 7.5rem !important;
    }
    .pl-md-8,
    .px-md-8
    {
        padding-left: 7.5rem !important;
    }
    .p-md-9
    {
        padding: 9rem !important;
    }
    .pt-md-9,
    .py-md-9
    {
        padding-top: 9rem !important;
    }
    .pr-md-9,
    .px-md-9
    {
        padding-right: 9rem !important;
    }
    .pb-md-9,
    .py-md-9
    {
        padding-bottom: 9rem !important;
    }
    .pl-md-9,
    .px-md-9
    {
        padding-left: 9rem !important;
    }
    .p-md-10
    {
        padding: 10.5rem !important;
    }
    .pt-md-10,
    .py-md-10
    {
        padding-top: 10.5rem !important;
    }
    .pr-md-10,
    .px-md-10
    {
        padding-right: 10.5rem !important;
    }
    .pb-md-10,
    .py-md-10
    {
        padding-bottom: 10.5rem !important;
    }
    .pl-md-10,
    .px-md-10
    {
        padding-left: 10.5rem !important;
    }
    .p-md-17
    {
        padding: 21rem !important;
    }
    .pt-md-17,
    .py-md-17
    {
        padding-top: 21rem !important;
    }
    .pr-md-17,
    .px-md-17
    {
        padding-right: 21rem !important;
    }
    .pb-md-17,
    .py-md-17
    {
        padding-bottom: 21rem !important;
    }
    .pl-md-17,
    .px-md-17
    {
        padding-left: 21rem !important;
    }
    .m-md-n1
    {
        margin: -.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1
    {
        margin-top: -.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1
    {
        margin-right: -.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1
    {
        margin-bottom: -.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1
    {
        margin-left: -.25rem !important;
    }
    .m-md-n2
    {
        margin: -.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2
    {
        margin-top: -.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2
    {
        margin-right: -.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2
    {
        margin-bottom: -.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2
    {
        margin-left: -.5rem !important;
    }
    .m-md-n3
    {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3
    {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3
    {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3
    {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3
    {
        margin-left: -1rem !important;
    }
    .m-md-n4
    {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4
    {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4
    {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4
    {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4
    {
        margin-left: -1.5rem !important;
    }
    .m-md-n5
    {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5
    {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5
    {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5
    {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5
    {
        margin-left: -3rem !important;
    }
    .m-md-n6
    {
        margin: -4.5rem !important;
    }
    .mt-md-n6,
    .my-md-n6
    {
        margin-top: -4.5rem !important;
    }
    .mr-md-n6,
    .mx-md-n6
    {
        margin-right: -4.5rem !important;
    }
    .mb-md-n6,
    .my-md-n6
    {
        margin-bottom: -4.5rem !important;
    }
    .ml-md-n6,
    .mx-md-n6
    {
        margin-left: -4.5rem !important;
    }
    .m-md-n7
    {
        margin: -6rem !important;
    }
    .mt-md-n7,
    .my-md-n7
    {
        margin-top: -6rem !important;
    }
    .mr-md-n7,
    .mx-md-n7
    {
        margin-right: -6rem !important;
    }
    .mb-md-n7,
    .my-md-n7
    {
        margin-bottom: -6rem !important;
    }
    .ml-md-n7,
    .mx-md-n7
    {
        margin-left: -6rem !important;
    }
    .m-md-n8
    {
        margin: -7.5rem !important;
    }
    .mt-md-n8,
    .my-md-n8
    {
        margin-top: -7.5rem !important;
    }
    .mr-md-n8,
    .mx-md-n8
    {
        margin-right: -7.5rem !important;
    }
    .mb-md-n8,
    .my-md-n8
    {
        margin-bottom: -7.5rem !important;
    }
    .ml-md-n8,
    .mx-md-n8
    {
        margin-left: -7.5rem !important;
    }
    .m-md-n9
    {
        margin: -9rem !important;
    }
    .mt-md-n9,
    .my-md-n9
    {
        margin-top: -9rem !important;
    }
    .mr-md-n9,
    .mx-md-n9
    {
        margin-right: -9rem !important;
    }
    .mb-md-n9,
    .my-md-n9
    {
        margin-bottom: -9rem !important;
    }
    .ml-md-n9,
    .mx-md-n9
    {
        margin-left: -9rem !important;
    }
    .m-md-n10
    {
        margin: -10.5rem !important;
    }
    .mt-md-n10,
    .my-md-n10
    {
        margin-top: -10.5rem !important;
    }
    .mr-md-n10,
    .mx-md-n10
    {
        margin-right: -10.5rem !important;
    }
    .mb-md-n10,
    .my-md-n10
    {
        margin-bottom: -10.5rem !important;
    }
    .ml-md-n10,
    .mx-md-n10
    {
        margin-left: -10.5rem !important;
    }
    .m-md-n17
    {
        margin: -21rem !important;
    }
    .mt-md-n17,
    .my-md-n17
    {
        margin-top: -21rem !important;
    }
    .mr-md-n17,
    .mx-md-n17
    {
        margin-right: -21rem !important;
    }
    .mb-md-n17,
    .my-md-n17
    {
        margin-bottom: -21rem !important;
    }
    .ml-md-n17,
    .mx-md-n17
    {
        margin-left: -21rem !important;
    }
    .m-md-auto
    {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto
    {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto
    {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto
    {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto
    {
        margin-left: auto !important;
    }
}

@media (min-width: 992px)
{
    .m-lg-0
    {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0
    {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0
    {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0
    {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0
    {
        margin-left: 0 !important;
    }
    .m-lg-1
    {
        margin: .25rem !important;
    }
    .mt-lg-1,
    .my-lg-1
    {
        margin-top: .25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1
    {
        margin-right: .25rem !important;
    }
    .mb-lg-1,
    .my-lg-1
    {
        margin-bottom: .25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1
    {
        margin-left: .25rem !important;
    }
    .m-lg-2
    {
        margin: .5rem !important;
    }
    .mt-lg-2,
    .my-lg-2
    {
        margin-top: .5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2
    {
        margin-right: .5rem !important;
    }
    .mb-lg-2,
    .my-lg-2
    {
        margin-bottom: .5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2
    {
        margin-left: .5rem !important;
    }
    .m-lg-3
    {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3
    {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3
    {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3
    {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3
    {
        margin-left: 1rem !important;
    }
    .m-lg-4
    {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4
    {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4
    {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4
    {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4
    {
        margin-left: 1.5rem !important;
    }
    .m-lg-5
    {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5
    {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5
    {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5
    {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5
    {
        margin-left: 3rem !important;
    }
    .m-lg-6
    {
        margin: 4.5rem !important;
    }
    .mt-lg-6,
    .my-lg-6
    {
        margin-top: 4.5rem !important;
    }
    .mr-lg-6,
    .mx-lg-6
    {
        margin-right: 4.5rem !important;
    }
    .mb-lg-6,
    .my-lg-6
    {
        margin-bottom: 4.5rem !important;
    }
    .ml-lg-6,
    .mx-lg-6
    {
        margin-left: 4.5rem !important;
    }
    .m-lg-7
    {
        margin: 6rem !important;
    }
    .mt-lg-7,
    .my-lg-7
    {
        margin-top: 6rem !important;
    }
    .mr-lg-7,
    .mx-lg-7
    {
        margin-right: 6rem !important;
    }
    .mb-lg-7,
    .my-lg-7
    {
        margin-bottom: 6rem !important;
    }
    .ml-lg-7,
    .mx-lg-7
    {
        margin-left: 6rem !important;
    }
    .m-lg-8
    {
        margin: 7.5rem !important;
    }
    .mt-lg-8,
    .my-lg-8
    {
        margin-top: 7.5rem !important;
    }
    .mr-lg-8,
    .mx-lg-8
    {
        margin-right: 7.5rem !important;
    }
    .mb-lg-8,
    .my-lg-8
    {
        margin-bottom: 7.5rem !important;
    }
    .ml-lg-8,
    .mx-lg-8
    {
        margin-left: 7.5rem !important;
    }
    .m-lg-9
    {
        margin: 9rem !important;
    }
    .mt-lg-9,
    .my-lg-9
    {
        margin-top: 9rem !important;
    }
    .mr-lg-9,
    .mx-lg-9
    {
        margin-right: 9rem !important;
    }
    .mb-lg-9,
    .my-lg-9
    {
        margin-bottom: 9rem !important;
    }
    .ml-lg-9,
    .mx-lg-9
    {
        margin-left: 9rem !important;
    }
    .m-lg-10
    {
        margin: 10.5rem !important;
    }
    .mt-lg-10,
    .my-lg-10
    {
        margin-top: 10.5rem !important;
    }
    .mr-lg-10,
    .mx-lg-10
    {
        margin-right: 10.5rem !important;
    }
    .mb-lg-10,
    .my-lg-10
    {
        margin-bottom: 10.5rem !important;
    }
    .ml-lg-10,
    .mx-lg-10
    {
        margin-left: 10.5rem !important;
    }
    .m-lg-17
    {
        margin: 21rem !important;
    }
    .mt-lg-17,
    .my-lg-17
    {
        margin-top: 21rem !important;
    }
    .mr-lg-17,
    .mx-lg-17
    {
        margin-right: 21rem !important;
    }
    .mb-lg-17,
    .my-lg-17
    {
        margin-bottom: 21rem !important;
    }
    .ml-lg-17,
    .mx-lg-17
    {
        margin-left: 21rem !important;
    }
    .p-lg-0
    {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0
    {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0
    {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0
    {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0
    {
        padding-left: 0 !important;
    }
    .p-lg-1
    {
        padding: .25rem !important;
    }
    .pt-lg-1,
    .py-lg-1
    {
        padding-top: .25rem !important;
    }
    .pr-lg-1,
    .px-lg-1
    {
        padding-right: .25rem !important;
    }
    .pb-lg-1,
    .py-lg-1
    {
        padding-bottom: .25rem !important;
    }
    .pl-lg-1,
    .px-lg-1
    {
        padding-left: .25rem !important;
    }
    .p-lg-2
    {
        padding: .5rem !important;
    }
    .pt-lg-2,
    .py-lg-2
    {
        padding-top: .5rem !important;
    }
    .pr-lg-2,
    .px-lg-2
    {
        padding-right: .5rem !important;
    }
    .pb-lg-2,
    .py-lg-2
    {
        padding-bottom: .5rem !important;
    }
    .pl-lg-2,
    .px-lg-2
    {
        padding-left: .5rem !important;
    }
    .p-lg-3
    {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3
    {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3
    {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3
    {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3
    {
        padding-left: 1rem !important;
    }
    .p-lg-4
    {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4
    {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4
    {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4
    {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4
    {
        padding-left: 1.5rem !important;
    }
    .p-lg-5
    {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5
    {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5
    {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5
    {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5
    {
        padding-left: 3rem !important;
    }
    .p-lg-6
    {
        padding: 4.5rem !important;
    }
    .pt-lg-6,
    .py-lg-6
    {
        padding-top: 4.5rem !important;
    }
    .pr-lg-6,
    .px-lg-6
    {
        padding-right: 4.5rem !important;
    }
    .pb-lg-6,
    .py-lg-6
    {
        padding-bottom: 4.5rem !important;
    }
    .pl-lg-6,
    .px-lg-6
    {
        padding-left: 4.5rem !important;
    }
    .p-lg-7
    {
        padding: 6rem !important;
    }
    .pt-lg-7,
    .py-lg-7
    {
        padding-top: 6rem !important;
    }
    .pr-lg-7,
    .px-lg-7
    {
        padding-right: 6rem !important;
    }
    .pb-lg-7,
    .py-lg-7
    {
        padding-bottom: 6rem !important;
    }
    .pl-lg-7,
    .px-lg-7
    {
        padding-left: 6rem !important;
    }
    .p-lg-8
    {
        padding: 7.5rem !important;
    }
    .pt-lg-8,
    .py-lg-8
    {
        padding-top: 7.5rem !important;
    }
    .pr-lg-8,
    .px-lg-8
    {
        padding-right: 7.5rem !important;
    }
    .pb-lg-8,
    .py-lg-8
    {
        padding-bottom: 7.5rem !important;
    }
    .pl-lg-8,
    .px-lg-8
    {
        padding-left: 7.5rem !important;
    }
    .p-lg-9
    {
        padding: 9rem !important;
    }
    .pt-lg-9,
    .py-lg-9
    {
        padding-top: 9rem !important;
    }
    .pr-lg-9,
    .px-lg-9
    {
        padding-right: 9rem !important;
    }
    .pb-lg-9,
    .py-lg-9
    {
        padding-bottom: 9rem !important;
    }
    .pl-lg-9,
    .px-lg-9
    {
        padding-left: 9rem !important;
    }
    .p-lg-10
    {
        padding: 10.5rem !important;
    }
    .pt-lg-10,
    .py-lg-10
    {
        padding-top: 10.5rem !important;
    }
    .pr-lg-10,
    .px-lg-10
    {
        padding-right: 10.5rem !important;
    }
    .pb-lg-10,
    .py-lg-10
    {
        padding-bottom: 10.5rem !important;
    }
    .pl-lg-10,
    .px-lg-10
    {
        padding-left: 10.5rem !important;
    }
    .p-lg-17
    {
        padding: 21rem !important;
    }
    .pt-lg-17,
    .py-lg-17
    {
        padding-top: 21rem !important;
    }
    .pr-lg-17,
    .px-lg-17
    {
        padding-right: 21rem !important;
    }
    .pb-lg-17,
    .py-lg-17
    {
        padding-bottom: 21rem !important;
    }
    .pl-lg-17,
    .px-lg-17
    {
        padding-left: 21rem !important;
    }
    .m-lg-n1
    {
        margin: -.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1
    {
        margin-top: -.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1
    {
        margin-right: -.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1
    {
        margin-bottom: -.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1
    {
        margin-left: -.25rem !important;
    }
    .m-lg-n2
    {
        margin: -.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2
    {
        margin-top: -.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2
    {
        margin-right: -.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2
    {
        margin-bottom: -.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2
    {
        margin-left: -.5rem !important;
    }
    .m-lg-n3
    {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3
    {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3
    {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3
    {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3
    {
        margin-left: -1rem !important;
    }
    .m-lg-n4
    {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4
    {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4
    {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4
    {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4
    {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5
    {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5
    {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5
    {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5
    {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5
    {
        margin-left: -3rem !important;
    }
    .m-lg-n6
    {
        margin: -4.5rem !important;
    }
    .mt-lg-n6,
    .my-lg-n6
    {
        margin-top: -4.5rem !important;
    }
    .mr-lg-n6,
    .mx-lg-n6
    {
        margin-right: -4.5rem !important;
    }
    .mb-lg-n6,
    .my-lg-n6
    {
        margin-bottom: -4.5rem !important;
    }
    .ml-lg-n6,
    .mx-lg-n6
    {
        margin-left: -4.5rem !important;
    }
    .m-lg-n7
    {
        margin: -6rem !important;
    }
    .mt-lg-n7,
    .my-lg-n7
    {
        margin-top: -6rem !important;
    }
    .mr-lg-n7,
    .mx-lg-n7
    {
        margin-right: -6rem !important;
    }
    .mb-lg-n7,
    .my-lg-n7
    {
        margin-bottom: -6rem !important;
    }
    .ml-lg-n7,
    .mx-lg-n7
    {
        margin-left: -6rem !important;
    }
    .m-lg-n8
    {
        margin: -7.5rem !important;
    }
    .mt-lg-n8,
    .my-lg-n8
    {
        margin-top: -7.5rem !important;
    }
    .mr-lg-n8,
    .mx-lg-n8
    {
        margin-right: -7.5rem !important;
    }
    .mb-lg-n8,
    .my-lg-n8
    {
        margin-bottom: -7.5rem !important;
    }
    .ml-lg-n8,
    .mx-lg-n8
    {
        margin-left: -7.5rem !important;
    }
    .m-lg-n9
    {
        margin: -9rem !important;
    }
    .mt-lg-n9,
    .my-lg-n9
    {
        margin-top: -9rem !important;
    }
    .mr-lg-n9,
    .mx-lg-n9
    {
        margin-right: -9rem !important;
    }
    .mb-lg-n9,
    .my-lg-n9
    {
        margin-bottom: -9rem !important;
    }
    .ml-lg-n9,
    .mx-lg-n9
    {
        margin-left: -9rem !important;
    }
    .m-lg-n10
    {
        margin: -10.5rem !important;
    }
    .mt-lg-n10,
    .my-lg-n10
    {
        margin-top: -10.5rem !important;
    }
    .mr-lg-n10,
    .mx-lg-n10
    {
        margin-right: -10.5rem !important;
    }
    .mb-lg-n10,
    .my-lg-n10
    {
        margin-bottom: -10.5rem !important;
    }
    .ml-lg-n10,
    .mx-lg-n10
    {
        margin-left: -10.5rem !important;
    }
    .m-lg-n17
    {
        margin: -21rem !important;
    }
    .mt-lg-n17,
    .my-lg-n17
    {
        margin-top: -21rem !important;
    }
    .mr-lg-n17,
    .mx-lg-n17
    {
        margin-right: -21rem !important;
    }
    .mb-lg-n17,
    .my-lg-n17
    {
        margin-bottom: -21rem !important;
    }
    .ml-lg-n17,
    .mx-lg-n17
    {
        margin-left: -21rem !important;
    }
    .m-lg-auto
    {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto
    {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto
    {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto
    {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto
    {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px)
{
    .m-xl-0
    {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0
    {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0
    {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0
    {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0
    {
        margin-left: 0 !important;
    }
    .m-xl-1
    {
        margin: .25rem !important;
    }
    .mt-xl-1,
    .my-xl-1
    {
        margin-top: .25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1
    {
        margin-right: .25rem !important;
    }
    .mb-xl-1,
    .my-xl-1
    {
        margin-bottom: .25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1
    {
        margin-left: .25rem !important;
    }
    .m-xl-2
    {
        margin: .5rem !important;
    }
    .mt-xl-2,
    .my-xl-2
    {
        margin-top: .5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2
    {
        margin-right: .5rem !important;
    }
    .mb-xl-2,
    .my-xl-2
    {
        margin-bottom: .5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2
    {
        margin-left: .5rem !important;
    }
    .m-xl-3
    {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3
    {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3
    {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3
    {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3
    {
        margin-left: 1rem !important;
    }
    .m-xl-4
    {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4
    {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4
    {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4
    {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4
    {
        margin-left: 1.5rem !important;
    }
    .m-xl-5
    {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5
    {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5
    {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5
    {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5
    {
        margin-left: 3rem !important;
    }
    .m-xl-6
    {
        margin: 4.5rem !important;
    }
    .mt-xl-6,
    .my-xl-6
    {
        margin-top: 4.5rem !important;
    }
    .mr-xl-6,
    .mx-xl-6
    {
        margin-right: 4.5rem !important;
    }
    .mb-xl-6,
    .my-xl-6
    {
        margin-bottom: 4.5rem !important;
    }
    .ml-xl-6,
    .mx-xl-6
    {
        margin-left: 4.5rem !important;
    }
    .m-xl-7
    {
        margin: 6rem !important;
    }
    .mt-xl-7,
    .my-xl-7
    {
        margin-top: 6rem !important;
    }
    .mr-xl-7,
    .mx-xl-7
    {
        margin-right: 6rem !important;
    }
    .mb-xl-7,
    .my-xl-7
    {
        margin-bottom: 6rem !important;
    }
    .ml-xl-7,
    .mx-xl-7
    {
        margin-left: 6rem !important;
    }
    .m-xl-8
    {
        margin: 7.5rem !important;
    }
    .mt-xl-8,
    .my-xl-8
    {
        margin-top: 7.5rem !important;
    }
    .mr-xl-8,
    .mx-xl-8
    {
        margin-right: 7.5rem !important;
    }
    .mb-xl-8,
    .my-xl-8
    {
        margin-bottom: 7.5rem !important;
    }
    .ml-xl-8,
    .mx-xl-8
    {
        margin-left: 7.5rem !important;
    }
    .m-xl-9
    {
        margin: 9rem !important;
    }
    .mt-xl-9,
    .my-xl-9
    {
        margin-top: 9rem !important;
    }
    .mr-xl-9,
    .mx-xl-9
    {
        margin-right: 9rem !important;
    }
    .mb-xl-9,
    .my-xl-9
    {
        margin-bottom: 9rem !important;
    }
    .ml-xl-9,
    .mx-xl-9
    {
        margin-left: 9rem !important;
    }
    .m-xl-10
    {
        margin: 10.5rem !important;
    }
    .mt-xl-10,
    .my-xl-10
    {
        margin-top: 10.5rem !important;
    }
    .mr-xl-10,
    .mx-xl-10
    {
        margin-right: 10.5rem !important;
    }
    .mb-xl-10,
    .my-xl-10
    {
        margin-bottom: 10.5rem !important;
    }
    .ml-xl-10,
    .mx-xl-10
    {
        margin-left: 10.5rem !important;
    }
    .m-xl-17
    {
        margin: 21rem !important;
    }
    .mt-xl-17,
    .my-xl-17
    {
        margin-top: 21rem !important;
    }
    .mr-xl-17,
    .mx-xl-17
    {
        margin-right: 21rem !important;
    }
    .mb-xl-17,
    .my-xl-17
    {
        margin-bottom: 21rem !important;
    }
    .ml-xl-17,
    .mx-xl-17
    {
        margin-left: 21rem !important;
    }
    .p-xl-0
    {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0
    {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0
    {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0
    {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0
    {
        padding-left: 0 !important;
    }
    .p-xl-1
    {
        padding: .25rem !important;
    }
    .pt-xl-1,
    .py-xl-1
    {
        padding-top: .25rem !important;
    }
    .pr-xl-1,
    .px-xl-1
    {
        padding-right: .25rem !important;
    }
    .pb-xl-1,
    .py-xl-1
    {
        padding-bottom: .25rem !important;
    }
    .pl-xl-1,
    .px-xl-1
    {
        padding-left: .25rem !important;
    }
    .p-xl-2
    {
        padding: .5rem !important;
    }
    .pt-xl-2,
    .py-xl-2
    {
        padding-top: .5rem !important;
    }
    .pr-xl-2,
    .px-xl-2
    {
        padding-right: .5rem !important;
    }
    .pb-xl-2,
    .py-xl-2
    {
        padding-bottom: .5rem !important;
    }
    .pl-xl-2,
    .px-xl-2
    {
        padding-left: .5rem !important;
    }
    .p-xl-3
    {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3
    {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3
    {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3
    {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3
    {
        padding-left: 1rem !important;
    }
    .p-xl-4
    {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4
    {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4
    {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4
    {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4
    {
        padding-left: 1.5rem !important;
    }
    .p-xl-5
    {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5
    {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5
    {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5
    {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5
    {
        padding-left: 3rem !important;
    }
    .p-xl-6
    {
        padding: 4.5rem !important;
    }
    .pt-xl-6,
    .py-xl-6
    {
        padding-top: 4.5rem !important;
    }
    .pr-xl-6,
    .px-xl-6
    {
        padding-right: 4.5rem !important;
    }
    .pb-xl-6,
    .py-xl-6
    {
        padding-bottom: 4.5rem !important;
    }
    .pl-xl-6,
    .px-xl-6
    {
        padding-left: 4.5rem !important;
    }
    .p-xl-7
    {
        padding: 6rem !important;
    }
    .pt-xl-7,
    .py-xl-7
    {
        padding-top: 6rem !important;
    }
    .pr-xl-7,
    .px-xl-7
    {
        padding-right: 6rem !important;
    }
    .pb-xl-7,
    .py-xl-7
    {
        padding-bottom: 6rem !important;
    }
    .pl-xl-7,
    .px-xl-7
    {
        padding-left: 6rem !important;
    }
    .p-xl-8
    {
        padding: 7.5rem !important;
    }
    .pt-xl-8,
    .py-xl-8
    {
        padding-top: 7.5rem !important;
    }
    .pr-xl-8,
    .px-xl-8
    {
        padding-right: 7.5rem !important;
    }
    .pb-xl-8,
    .py-xl-8
    {
        padding-bottom: 7.5rem !important;
    }
    .pl-xl-8,
    .px-xl-8
    {
        padding-left: 7.5rem !important;
    }
    .p-xl-9
    {
        padding: 9rem !important;
    }
    .pt-xl-9,
    .py-xl-9
    {
        padding-top: 9rem !important;
    }
    .pr-xl-9,
    .px-xl-9
    {
        padding-right: 9rem !important;
    }
    .pb-xl-9,
    .py-xl-9
    {
        padding-bottom: 9rem !important;
    }
    .pl-xl-9,
    .px-xl-9
    {
        padding-left: 9rem !important;
    }
    .p-xl-10
    {
        padding: 10.5rem !important;
    }
    .pt-xl-10,
    .py-xl-10
    {
        padding-top: 10.5rem !important;
    }
    .pr-xl-10,
    .px-xl-10
    {
        padding-right: 10.5rem !important;
    }
    .pb-xl-10,
    .py-xl-10
    {
        padding-bottom: 10.5rem !important;
    }
    .pl-xl-10,
    .px-xl-10
    {
        padding-left: 10.5rem !important;
    }
    .p-xl-17
    {
        padding: 21rem !important;
    }
    .pt-xl-17,
    .py-xl-17
    {
        padding-top: 21rem !important;
    }
    .pr-xl-17,
    .px-xl-17
    {
        padding-right: 21rem !important;
    }
    .pb-xl-17,
    .py-xl-17
    {
        padding-bottom: 21rem !important;
    }
    .pl-xl-17,
    .px-xl-17
    {
        padding-left: 21rem !important;
    }
    .m-xl-n1
    {
        margin: -.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1
    {
        margin-top: -.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1
    {
        margin-right: -.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1
    {
        margin-bottom: -.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1
    {
        margin-left: -.25rem !important;
    }
    .m-xl-n2
    {
        margin: -.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2
    {
        margin-top: -.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2
    {
        margin-right: -.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2
    {
        margin-bottom: -.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2
    {
        margin-left: -.5rem !important;
    }
    .m-xl-n3
    {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3
    {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3
    {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3
    {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3
    {
        margin-left: -1rem !important;
    }
    .m-xl-n4
    {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4
    {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4
    {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4
    {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4
    {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5
    {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5
    {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5
    {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5
    {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5
    {
        margin-left: -3rem !important;
    }
    .m-xl-n6
    {
        margin: -4.5rem !important;
    }
    .mt-xl-n6,
    .my-xl-n6
    {
        margin-top: -4.5rem !important;
    }
    .mr-xl-n6,
    .mx-xl-n6
    {
        margin-right: -4.5rem !important;
    }
    .mb-xl-n6,
    .my-xl-n6
    {
        margin-bottom: -4.5rem !important;
    }
    .ml-xl-n6,
    .mx-xl-n6
    {
        margin-left: -4.5rem !important;
    }
    .m-xl-n7
    {
        margin: -6rem !important;
    }
    .mt-xl-n7,
    .my-xl-n7
    {
        margin-top: -6rem !important;
    }
    .mr-xl-n7,
    .mx-xl-n7
    {
        margin-right: -6rem !important;
    }
    .mb-xl-n7,
    .my-xl-n7
    {
        margin-bottom: -6rem !important;
    }
    .ml-xl-n7,
    .mx-xl-n7
    {
        margin-left: -6rem !important;
    }
    .m-xl-n8
    {
        margin: -7.5rem !important;
    }
    .mt-xl-n8,
    .my-xl-n8
    {
        margin-top: -7.5rem !important;
    }
    .mr-xl-n8,
    .mx-xl-n8
    {
        margin-right: -7.5rem !important;
    }
    .mb-xl-n8,
    .my-xl-n8
    {
        margin-bottom: -7.5rem !important;
    }
    .ml-xl-n8,
    .mx-xl-n8
    {
        margin-left: -7.5rem !important;
    }
    .m-xl-n9
    {
        margin: -9rem !important;
    }
    .mt-xl-n9,
    .my-xl-n9
    {
        margin-top: -9rem !important;
    }
    .mr-xl-n9,
    .mx-xl-n9
    {
        margin-right: -9rem !important;
    }
    .mb-xl-n9,
    .my-xl-n9
    {
        margin-bottom: -9rem !important;
    }
    .ml-xl-n9,
    .mx-xl-n9
    {
        margin-left: -9rem !important;
    }
    .m-xl-n10
    {
        margin: -10.5rem !important;
    }
    .mt-xl-n10,
    .my-xl-n10
    {
        margin-top: -10.5rem !important;
    }
    .mr-xl-n10,
    .mx-xl-n10
    {
        margin-right: -10.5rem !important;
    }
    .mb-xl-n10,
    .my-xl-n10
    {
        margin-bottom: -10.5rem !important;
    }
    .ml-xl-n10,
    .mx-xl-n10
    {
        margin-left: -10.5rem !important;
    }
    .m-xl-n17
    {
        margin: -21rem !important;
    }
    .mt-xl-n17,
    .my-xl-n17
    {
        margin-top: -21rem !important;
    }
    .mr-xl-n17,
    .mx-xl-n17
    {
        margin-right: -21rem !important;
    }
    .mb-xl-n17,
    .my-xl-n17
    {
        margin-bottom: -21rem !important;
    }
    .ml-xl-n17,
    .mx-xl-n17
    {
        margin-left: -21rem !important;
    }
    .m-xl-auto
    {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto
    {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto
    {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto
    {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto
    {
        margin-left: auto !important;
    }
}



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

.position-relative
{
    position: relative !important;
}

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

@media (min-width: 576px)
{
    .position-sm-absolute
    {
        position: absolute !important;
    }
    .position-sm-relative
    {
        position: relative !important;
    }
    .position-sm-static
    {
        position: static !important;
    }
}

@media (min-width: 768px)
{
    .position-md-absolute
    {
        position: absolute !important;
    }
    .position-md-relative
    {
        position: relative !important;
    }
    .position-md-static
    {
        position: static !important;
    }
}

@media (min-width: 992px)
{
    .position-lg-absolute
    {
        position: absolute !important;
    }
    .position-lg-relative
    {
        position: relative !important;
    }
    .position-lg-static
    {
        position: static !important;
    }
}

@media (min-width: 1200px)
{
    .position-xl-absolute
    {
        position: absolute !important;
    }
    .position-xl-relative
    {
        position: relative !important;
    }
    .position-xl-static
    {
        position: static !important;
    }
}



.frame-laptop
{
    position: relative;
}
.frame-laptop .frame-inner
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 74%;
    height: 82%;
    margin: 3% 13% 0 13%;
}

.frame-iphone
{
    position: relative;
    z-index: 100;

    /*background: url(/images/photo-43.jpg) center center no-repeat;*/
    background: url(/images/phone_absoverview2.png) center center no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.frame-iphone-abs
{
    position: relative;
    z-index: 100;

    /*background: url(/images/photo-43.jpg) center center no-repeat;*/
    background: url(/images/phone_absoverview.jpg) center center no-repeat;
    background-size: cover;
    min-height: 80vh;
}

.frame-iphone .frame-inner
{
    position: absolute;
    z-index: 200;
    /*
    top: 21.3%;
    left: 10%;
    */

    overflow: hidden;

    /*width: 69%;*/
    /*height: 72%;*/
    /*margin: 55% 17% 0 17%;*/
    margin-top:40%;
    min-height: 60%;
    width:60%;
}




.frame-stack
{
    position: relative;
}
.frame-stack .frame
{
    position: absolute;
}

.frame-stack-iphone-iphone
{
    padding-bottom: 130.250482%;
}
.frame-stack-iphone-iphone > .frame-iphone:first-child
{
    z-index: 1; 
    bottom: 0;
    left: 0;

    width: 65.5260116%;
}
.frame-stack-iphone-iphone > .frame-iphone:last-child
{
    top: 0;
    right: 0;

    width: 72.8323699%;
}

.frame-stack-iphone-laptop,
.frame-stack-laptop-iphone
{
    padding-bottom: 62.4260355%;
}

.frame-stack-iphone-laptop > .frame-laptop,
.frame-stack-laptop-iphone > .frame-laptop
{
    width: 91.7159763%;
}

.frame-stack-iphone-laptop > .frame-iphone,
.frame-stack-laptop-iphone > .frame-iphone
{
    z-index: 1; 

    width: 27.9585799%;
}

.frame-stack-laptop-iphone > .frame-laptop
{
    top: 0;
    left: 0;
}

.frame-stack-iphone-laptop > .frame-laptop
{
    top: 0;
    right: 0;
}

.frame-stack-laptop-iphone > .frame-iphone
{
    right: 0; 
    bottom: 0;
}

.frame-stack-iphone-laptop > .frame-iphone
{
    bottom: 0;
    left: 0;
}

.img-fluid
{
    max-width: 100%;
    height: auto;
}

.img-thumbnail
{
    max-width: 100%;
    height: auto; 
    padding: .25rem;

    border: 1px solid #e2e8f0;
    border-radius: .375rem;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(31, 45, 61, .075);
}



.h-100vh
{
    height: 100vh !important;
}

.mw-25
{
    max-width: 25% !important;
}

.mw-50
{
    max-width: 50% !important;
}

.mw-75
{
    max-width: 75% !important;
}

.mw-100
{
    max-width: 100% !important;
}

.mw-auto
{
    max-width: auto !important;
}

.mw-10
{
    max-width: 10% !important;
}

.mw-15
{
    max-width: 15% !important;
}

.mw-80
{
    max-width: 80% !important;
}

.mw-110
{
    max-width: 110% !important;
}

.mw-120
{
    max-width: 120% !important;
}

.mw-130
{
    max-width: 130% !important;
}

@media (min-width: 576px)
{
    .mw-sm-25
    {
        max-width: 25% !important;
    }
    .mw-sm-50
    {
        max-width: 50% !important;
    }
    .mw-sm-75
    {
        max-width: 75% !important;
    }
    .mw-sm-100
    {
        max-width: 100% !important;
    }
    .mw-sm-auto
    {
        max-width: auto !important;
    }
    .mw-sm-10
    {
        max-width: 10% !important;
    }
    .mw-sm-15
    {
        max-width: 15% !important;
    }
    .mw-sm-80
    {
        max-width: 80% !important;
    }
    .mw-sm-110
    {
        max-width: 110% !important;
    }
    .mw-sm-120
    {
        max-width: 120% !important;
    }
    .mw-sm-130
    {
        max-width: 130% !important;
    }
}

@media (min-width: 768px)
{
    .mw-md-25
    {
        max-width: 25% !important;
    }
    .mw-md-50
    {
        max-width: 50% !important;
    }
    .mw-md-75
    {
        max-width: 75% !important;
    }
    .mw-md-100
    {
        max-width: 100% !important;
    }
    .mw-md-auto
    {
        max-width: auto !important;
    }
    .mw-md-10
    {
        max-width: 10% !important;
    }
    .mw-md-15
    {
        max-width: 15% !important;
    }
    .mw-md-80
    {
        max-width: 80% !important;
    }
    .mw-md-110
    {
        max-width: 110% !important;
    }
    .mw-md-120
    {
        max-width: 120% !important;
    }
    .mw-md-130
    {
        max-width: 130% !important;
    }
}

@media (min-width: 992px)
{
    .mw-lg-25
    {
        max-width: 25% !important;
    }
    .mw-lg-50
    {
        max-width: 50% !important;
    }
    .mw-lg-75
    {
        max-width: 75% !important;
    }
    .mw-lg-100
    {
        max-width: 100% !important;
    }
    .mw-lg-auto
    {
        max-width: auto !important;
    }
    .mw-lg-10
    {
        max-width: 10% !important;
    }
    .mw-lg-15
    {
        max-width: 15% !important;
    }
    .mw-lg-80
    {
        max-width: 80% !important;
    }
    .mw-lg-110
    {
        max-width: 110% !important;
    }
    .mw-lg-120
    {
        max-width: 120% !important;
    }
    .mw-lg-130
    {
        max-width: 130% !important;
    }
}

@media (min-width: 1200px)
{
    .mw-xl-25
    {
        max-width: 25% !important;
    }
    .mw-xl-50
    {
        max-width: 50% !important;
    }
    .mw-xl-75
    {
        max-width: 75% !important;
    }
    .mw-xl-100
    {
        max-width: 100% !important;
    }
    .mw-xl-auto
    {
        max-width: auto !important;
    }
    .mw-xl-10
    {
        max-width: 10% !important;
    }
    .mw-xl-15
    {
        max-width: 15% !important;
    }
    .mw-xl-80
    {
        max-width: 80% !important;
    }
    .mw-xl-110
    {
        max-width: 110% !important;
    }
    .mw-xl-120
    {
        max-width: 120% !important;
    }
    .mw-xl-130
    {
        max-width: 130% !important;
    }
}

.row-grid + .row-grid
{
    margin-top: 3rem;
}

.row-grid > [class*='col-'] + [class*='col-']
{
    margin-top: 3rem;
}

@media (min-width: 992px)
{
    .row.row-grid > [class*='col-lg-'] + [class*='col-lg-']
    {
        margin-top: 0;
    }
}

@media (min-width: 768px)
{
    .row.row-grid > [class*='col-md-'] + [class*='col-md-']
    {
        margin-top: 0;
    }
}

@media (min-width: 576px)
{
    .row.row-grid > [class*='col-sm-'] + [class*='col-sm-']
    {
        margin-top: 0;
    }
}

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

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

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

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

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

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

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

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

.top-1
{
    top: .25rem !important;
}

.right-1
{
    right: .25rem !important;
}

.bottom-1
{
    bottom: .25rem !important;
}

.left-1
{
    left: .25rem !important;
}

.top-n1
{
    top: -.25rem !important;
}

.right-n1
{
    right: -.25rem !important;
}

.bottom-n1
{
    bottom: -.25rem !important;
}

.left-n1
{
    left: -.25rem !important;
}

.top-2
{
    top: .5rem !important;
}

.right-2
{
    right: .5rem !important;
}

.bottom-2
{
    bottom: .5rem !important;
}

.left-2
{
    left: .5rem !important;
}

.top-n2
{
    top: -.5rem !important;
}

.right-n2
{
    right: -.5rem !important;
}

.bottom-n2
{
    bottom: -.5rem !important;
}

.left-n2
{
    left: -.5rem !important;
}

.top-3
{
    top: 1rem !important;
}

.right-3
{
    right: 1rem !important;
}

.bottom-3
{
    bottom: 1rem !important;
}

.left-3
{
    left: 1rem !important;
}

.top-n3
{
    top: -1rem !important;
}

.right-n3
{
    right: -1rem !important;
}

.bottom-n3
{
    bottom: -1rem !important;
}

.left-n3
{
    left: -1rem !important;
}

.top-4
{
    top: 1.5rem !important;
}

.right-4
{
    right: 1.5rem !important;
}

.bottom-4
{
    bottom: 1.5rem !important;
}

.left-4
{
    left: 1.5rem !important;
}

.top-n4
{
    top: -1.5rem !important;
}

.right-n4
{
    right: -1.5rem !important;
}

.bottom-n4
{
    bottom: -1.5rem !important;
}

.left-n4
{
    left: -1.5rem !important;
}

.top-5
{
    top: 3rem !important;
}

.right-5
{
    right: 3rem !important;
}

.bottom-5
{
    bottom: 3rem !important;
}

.left-5
{
    left: 3rem !important;
}

.top-n5
{
    top: -3rem !important;
}

.right-n5
{
    right: -3rem !important;
}

.bottom-n5
{
    bottom: -3rem !important;
}

.left-n5
{
    left: -3rem !important;
}

.top-6
{
    top: 4.5rem !important;
}

.right-6
{
    right: 4.5rem !important;
}

.bottom-6
{
    bottom: 4.5rem !important;
}

.left-6
{
    left: 4.5rem !important;
}

.top-n6
{
    top: -4.5rem !important;
}

.right-n6
{
    right: -4.5rem !important;
}

.bottom-n6
{
    bottom: -4.5rem !important;
}

.left-n6
{
    left: -4.5rem !important;
}

.top-7
{
    top: 6rem !important;
}

.right-7
{
    right: 6rem !important;
}

.bottom-7
{
    bottom: 6rem !important;
}

.left-7
{
    left: 6rem !important;
}

.top-n7
{
    top: -6rem !important;
}

.right-n7
{
    right: -6rem !important;
}

.bottom-n7
{
    bottom: -6rem !important;
}

.left-n7
{
    left: -6rem !important;
}

.top-8
{
    top: 7.5rem !important;
}

.right-8
{
    right: 7.5rem !important;
}

.bottom-8
{
    bottom: 7.5rem !important;
}

.left-8
{
    left: 7.5rem !important;
}

.top-n8
{
    top: -7.5rem !important;
}

.right-n8
{
    right: -7.5rem !important;
}

.bottom-n8
{
    bottom: -7.5rem !important;
}

.left-n8
{
    left: -7.5rem !important;
}

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

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

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

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

.top-n9
{
    top: -9rem !important;
}

.right-n9
{
    right: -9rem !important;
}

.bottom-n9
{
    bottom: -9rem !important;
}

.left-n9
{
    left: -9rem !important;
}

.top-10
{
    top: 10.5rem !important;
}

.right-10
{
    right: 10.5rem !important;
}

.bottom-10
{
    bottom: 10.5rem !important;
}

.left-10
{
    left: 10.5rem !important;
}

.top-n10
{
    top: -10.5rem !important;
}

.right-n10
{
    right: -10.5rem !important;
}

.bottom-n10
{
    bottom: -10.5rem !important;
}

.left-n10
{
    left: -10.5rem !important;
}

.top-17
{
    top: 21rem !important;
}

.right-17
{
    right: 21rem !important;
}

.bottom-17
{
    bottom: 21rem !important;
}

.left-17
{
    left: 21rem !important;
}

.top-n17
{
    top: -21rem !important;
}

.right-n17
{
    right: -21rem !important;
}

.bottom-n17
{
    bottom: -21rem !important;
}

.left-n17
{
    left: -21rem !important;
}

@media (min-width: 576px)
{
    .top-sm-0
    {
        top: 0 !important;
    }
    .right-sm-0
    {
        right: 0 !important;
    }
    .bottom-sm-0
    {
        bottom: 0 !important;
    }
    .left-sm-0
    {
        left: 0 !important;
    }
    .top-sm-n0
    {
        top: 0 !important;
    }
    .right-sm-n0
    {
        right: 0 !important;
    }
    .bottom-sm-n0
    {
        bottom: 0 !important;
    }
    .left-sm-n0
    {
        left: 0 !important;
    }
    .top-sm-1
    {
        top: .25rem !important;
    }
    .right-sm-1
    {
        right: .25rem !important;
    }
    .bottom-sm-1
    {
        bottom: .25rem !important;
    }
    .left-sm-1
    {
        left: .25rem !important;
    }
    .top-sm-n1
    {
        top: -.25rem !important;
    }
    .right-sm-n1
    {
        right: -.25rem !important;
    }
    .bottom-sm-n1
    {
        bottom: -.25rem !important;
    }
    .left-sm-n1
    {
        left: -.25rem !important;
    }
    .top-sm-2
    {
        top: .5rem !important;
    }
    .right-sm-2
    {
        right: .5rem !important;
    }
    .bottom-sm-2
    {
        bottom: .5rem !important;
    }
    .left-sm-2
    {
        left: .5rem !important;
    }
    .top-sm-n2
    {
        top: -.5rem !important;
    }
    .right-sm-n2
    {
        right: -.5rem !important;
    }
    .bottom-sm-n2
    {
        bottom: -.5rem !important;
    }
    .left-sm-n2
    {
        left: -.5rem !important;
    }
    .top-sm-3
    {
        top: 1rem !important;
    }
    .right-sm-3
    {
        right: 1rem !important;
    }
    .bottom-sm-3
    {
        bottom: 1rem !important;
    }
    .left-sm-3
    {
        left: 1rem !important;
    }
    .top-sm-n3
    {
        top: -1rem !important;
    }
    .right-sm-n3
    {
        right: -1rem !important;
    }
    .bottom-sm-n3
    {
        bottom: -1rem !important;
    }
    .left-sm-n3
    {
        left: -1rem !important;
    }
    .top-sm-4
    {
        top: 1.5rem !important;
    }
    .right-sm-4
    {
        right: 1.5rem !important;
    }
    .bottom-sm-4
    {
        bottom: 1.5rem !important;
    }
    .left-sm-4
    {
        left: 1.5rem !important;
    }
    .top-sm-n4
    {
        top: -1.5rem !important;
    }
    .right-sm-n4
    {
        right: -1.5rem !important;
    }
    .bottom-sm-n4
    {
        bottom: -1.5rem !important;
    }
    .left-sm-n4
    {
        left: -1.5rem !important;
    }
    .top-sm-5
    {
        top: 3rem !important;
    }
    .right-sm-5
    {
        right: 3rem !important;
    }
    .bottom-sm-5
    {
        bottom: 3rem !important;
    }
    .left-sm-5
    {
        left: 3rem !important;
    }
    .top-sm-n5
    {
        top: -3rem !important;
    }
    .right-sm-n5
    {
        right: -3rem !important;
    }
    .bottom-sm-n5
    {
        bottom: -3rem !important;
    }
    .left-sm-n5
    {
        left: -3rem !important;
    }
    .top-sm-6
    {
        top: 4.5rem !important;
    }
    .right-sm-6
    {
        right: 4.5rem !important;
    }
    .bottom-sm-6
    {
        bottom: 4.5rem !important;
    }
    .left-sm-6
    {
        left: 4.5rem !important;
    }
    .top-sm-n6
    {
        top: -4.5rem !important;
    }
    .right-sm-n6
    {
        right: -4.5rem !important;
    }
    .bottom-sm-n6
    {
        bottom: -4.5rem !important;
    }
    .left-sm-n6
    {
        left: -4.5rem !important;
    }
    .top-sm-7
    {
        top: 6rem !important;
    }
    .right-sm-7
    {
        right: 6rem !important;
    }
    .bottom-sm-7
    {
        bottom: 6rem !important;
    }
    .left-sm-7
    {
        left: 6rem !important;
    }
    .top-sm-n7
    {
        top: -6rem !important;
    }
    .right-sm-n7
    {
        right: -6rem !important;
    }
    .bottom-sm-n7
    {
        bottom: -6rem !important;
    }
    .left-sm-n7
    {
        left: -6rem !important;
    }
    .top-sm-8
    {
        top: 7.5rem !important;
    }
    .right-sm-8
    {
        right: 7.5rem !important;
    }
    .bottom-sm-8
    {
        bottom: 7.5rem !important;
    }
    .left-sm-8
    {
        left: 7.5rem !important;
    }
    .top-sm-n8
    {
        top: -7.5rem !important;
    }
    .right-sm-n8
    {
        right: -7.5rem !important;
    }
    .bottom-sm-n8
    {
        bottom: -7.5rem !important;
    }
    .left-sm-n8
    {
        left: -7.5rem !important;
    }
    .top-sm-9
    {
        top: 9rem !important;
    }
    .right-sm-9
    {
        right: 9rem !important;
    }
    .bottom-sm-9
    {
        bottom: 9rem !important;
    }
    .left-sm-9
    {
        left: 9rem !important;
    }
    .top-sm-n9
    {
        top: -9rem !important;
    }
    .right-sm-n9
    {
        right: -9rem !important;
    }
    .bottom-sm-n9
    {
        bottom: -9rem !important;
    }
    .left-sm-n9
    {
        left: -9rem !important;
    }
    .top-sm-10
    {
        top: 10.5rem !important;
    }
    .right-sm-10
    {
        right: 10.5rem !important;
    }
    .bottom-sm-10
    {
        bottom: 10.5rem !important;
    }
    .left-sm-10
    {
        left: 10.5rem !important;
    }
    .top-sm-n10
    {
        top: -10.5rem !important;
    }
    .right-sm-n10
    {
        right: -10.5rem !important;
    }
    .bottom-sm-n10
    {
        bottom: -10.5rem !important;
    }
    .left-sm-n10
    {
        left: -10.5rem !important;
    }
    .top-sm-17
    {
        top: 21rem !important;
    }
    .right-sm-17
    {
        right: 21rem !important;
    }
    .bottom-sm-17
    {
        bottom: 21rem !important;
    }
    .left-sm-17
    {
        left: 21rem !important;
    }
    .top-sm-n17
    {
        top: -21rem !important;
    }
    .right-sm-n17
    {
        right: -21rem !important;
    }
    .bottom-sm-n17
    {
        bottom: -21rem !important;
    }
    .left-sm-n17
    {
        left: -21rem !important;
    }
}

@media (min-width: 768px)
{
    .top-md-0
    {
        top: 0 !important;
    }
    .right-md-0
    {
        right: 0 !important;
    }
    .bottom-md-0
    {
        bottom: 0 !important;
    }
    .left-md-0
    {
        left: 0 !important;
    }
    .top-md-n0
    {
        top: 0 !important;
    }
    .right-md-n0
    {
        right: 0 !important;
    }
    .bottom-md-n0
    {
        bottom: 0 !important;
    }
    .left-md-n0
    {
        left: 0 !important;
    }
    .top-md-1
    {
        top: .25rem !important;
    }
    .right-md-1
    {
        right: .25rem !important;
    }
    .bottom-md-1
    {
        bottom: .25rem !important;
    }
    .left-md-1
    {
        left: .25rem !important;
    }
    .top-md-n1
    {
        top: -.25rem !important;
    }
    .right-md-n1
    {
        right: -.25rem !important;
    }
    .bottom-md-n1
    {
        bottom: -.25rem !important;
    }
    .left-md-n1
    {
        left: -.25rem !important;
    }
    .top-md-2
    {
        top: .5rem !important;
    }
    .right-md-2
    {
        right: .5rem !important;
    }
    .bottom-md-2
    {
        bottom: .5rem !important;
    }
    .left-md-2
    {
        left: .5rem !important;
    }
    .top-md-n2
    {
        top: -.5rem !important;
    }
    .right-md-n2
    {
        right: -.5rem !important;
    }
    .bottom-md-n2
    {
        bottom: -.5rem !important;
    }
    .left-md-n2
    {
        left: -.5rem !important;
    }
    .top-md-3
    {
        top: 1rem !important;
    }
    .right-md-3
    {
        right: 1rem !important;
    }
    .bottom-md-3
    {
        bottom: 1rem !important;
    }
    .left-md-3
    {
        left: 1rem !important;
    }
    .top-md-n3
    {
        top: -1rem !important;
    }
    .right-md-n3
    {
        right: -1rem !important;
    }
    .bottom-md-n3
    {
        bottom: -1rem !important;
    }
    .left-md-n3
    {
        left: -1rem !important;
    }
    .top-md-4
    {
        top: 1.5rem !important;
    }
    .right-md-4
    {
        right: 1.5rem !important;
    }
    .bottom-md-4
    {
        bottom: 1.5rem !important;
    }
    .left-md-4
    {
        left: 1.5rem !important;
    }
    .top-md-n4
    {
        top: -1.5rem !important;
    }
    .right-md-n4
    {
        right: -1.5rem !important;
    }
    .bottom-md-n4
    {
        bottom: -1.5rem !important;
    }
    .left-md-n4
    {
        left: -1.5rem !important;
    }
    .top-md-5
    {
        top: 3rem !important;
    }
    .right-md-5
    {
        right: 3rem !important;
    }
    .bottom-md-5
    {
        bottom: 3rem !important;
    }
    .left-md-5
    {
        left: 3rem !important;
    }
    .top-md-n5
    {
        top: -3rem !important;
    }
    .right-md-n5
    {
        right: -3rem !important;
    }
    .bottom-md-n5
    {
        bottom: -3rem !important;
    }
    .left-md-n5
    {
        left: -3rem !important;
    }
    .top-md-6
    {
        top: 4.5rem !important;
    }
    .right-md-6
    {
        right: 4.5rem !important;
    }
    .bottom-md-6
    {
        bottom: 4.5rem !important;
    }
    .left-md-6
    {
        left: 4.5rem !important;
    }
    .top-md-n6
    {
        top: -4.5rem !important;
    }
    .right-md-n6
    {
        right: -4.5rem !important;
    }
    .bottom-md-n6
    {
        bottom: -4.5rem !important;
    }
    .left-md-n6
    {
        left: -4.5rem !important;
    }
    .top-md-7
    {
        top: 6rem !important;
    }
    .right-md-7
    {
        right: 6rem !important;
    }
    .bottom-md-7
    {
        bottom: 6rem !important;
    }
    .left-md-7
    {
        left: 6rem !important;
    }
    .top-md-n7
    {
        top: -6rem !important;
    }
    .right-md-n7
    {
        right: -6rem !important;
    }
    .bottom-md-n7
    {
        bottom: -6rem !important;
    }
    .left-md-n7
    {
        left: -6rem !important;
    }
    .top-md-8
    {
        top: 7.5rem !important;
    }
    .right-md-8
    {
        right: 7.5rem !important;
    }
    .bottom-md-8
    {
        bottom: 7.5rem !important;
    }
    .left-md-8
    {
        left: 7.5rem !important;
    }
    .top-md-n8
    {
        top: -7.5rem !important;
    }
    .right-md-n8
    {
        right: -7.5rem !important;
    }
    .bottom-md-n8
    {
        bottom: -7.5rem !important;
    }
    .left-md-n8
    {
        left: -7.5rem !important;
    }
    .top-md-9
    {
        top: 9rem !important;
    }
    .right-md-9
    {
        right: 9rem !important;
    }
    .bottom-md-9
    {
        bottom: 9rem !important;
    }
    .left-md-9
    {
        left: 9rem !important;
    }
    .top-md-n9
    {
        top: -9rem !important;
    }
    .right-md-n9
    {
        right: -9rem !important;
    }
    .bottom-md-n9
    {
        bottom: -9rem !important;
    }
    .left-md-n9
    {
        left: -9rem !important;
    }
    .top-md-10
    {
        top: 10.5rem !important;
    }
    .right-md-10
    {
        right: 10.5rem !important;
    }
    .bottom-md-10
    {
        bottom: 10.5rem !important;
    }
    .left-md-10
    {
        left: 10.5rem !important;
    }
    .top-md-n10
    {
        top: -10.5rem !important;
    }
    .right-md-n10
    {
        right: -10.5rem !important;
    }
    .bottom-md-n10
    {
        bottom: -10.5rem !important;
    }
    .left-md-n10
    {
        left: -10.5rem !important;
    }
    .top-md-17
    {
        top: 21rem !important;
    }
    .right-md-17
    {
        right: 21rem !important;
    }
    .bottom-md-17
    {
        bottom: 21rem !important;
    }
    .left-md-17
    {
        left: 21rem !important;
    }
    .top-md-n17
    {
        top: -21rem !important;
    }
    .right-md-n17
    {
        right: -21rem !important;
    }
    .bottom-md-n17
    {
        bottom: -21rem !important;
    }
    .left-md-n17
    {
        left: -21rem !important;
    }
}

@media (min-width: 992px)
{
    .top-lg-0
    {
        top: 0 !important;
    }
    .right-lg-0
    {
        right: 0 !important;
    }
    .bottom-lg-0
    {
        bottom: 0 !important;
    }
    .left-lg-0
    {
        left: 0 !important;
    }
    .top-lg-n0
    {
        top: 0 !important;
    }
    .right-lg-n0
    {
        right: 0 !important;
    }
    .bottom-lg-n0
    {
        bottom: 0 !important;
    }
    .left-lg-n0
    {
        left: 0 !important;
    }
    .top-lg-1
    {
        top: .25rem !important;
    }
    .right-lg-1
    {
        right: .25rem !important;
    }
    .bottom-lg-1
    {
        bottom: .25rem !important;
    }
    .left-lg-1
    {
        left: .25rem !important;
    }
    .top-lg-n1
    {
        top: -.25rem !important;
    }
    .right-lg-n1
    {
        right: -.25rem !important;
    }
    .bottom-lg-n1
    {
        bottom: -.25rem !important;
    }
    .left-lg-n1
    {
        left: -.25rem !important;
    }
    .top-lg-2
    {
        top: .5rem !important;
    }
    .right-lg-2
    {
        right: .5rem !important;
    }
    .bottom-lg-2
    {
        bottom: .5rem !important;
    }
    .left-lg-2
    {
        left: .5rem !important;
    }
    .top-lg-n2
    {
        top: -.5rem !important;
    }
    .right-lg-n2
    {
        right: -.5rem !important;
    }
    .bottom-lg-n2
    {
        bottom: -.5rem !important;
    }
    .left-lg-n2
    {
        left: -.5rem !important;
    }
    .top-lg-3
    {
        top: 1rem !important;
    }
    .right-lg-3
    {
        right: 1rem !important;
    }
    .bottom-lg-3
    {
        bottom: 1rem !important;
    }
    .left-lg-3
    {
        left: 1rem !important;
    }
    .top-lg-n3
    {
        top: -1rem !important;
    }
    .right-lg-n3
    {
        right: -1rem !important;
    }
    .bottom-lg-n3
    {
        bottom: -1rem !important;
    }
    .left-lg-n3
    {
        left: -1rem !important;
    }
    .top-lg-4
    {
        top: 1.5rem !important;
    }
    .right-lg-4
    {
        right: 1.5rem !important;
    }
    .bottom-lg-4
    {
        bottom: 1.5rem !important;
    }
    .left-lg-4
    {
        left: 1.5rem !important;
    }
    .top-lg-n4
    {
        top: -1.5rem !important;
    }
    .right-lg-n4
    {
        right: -1.5rem !important;
    }
    .bottom-lg-n4
    {
        bottom: -1.5rem !important;
    }
    .left-lg-n4
    {
        left: -1.5rem !important;
    }
    .top-lg-5
    {
        top: 3rem !important;
    }
    .right-lg-5
    {
        right: 3rem !important;
    }
    .bottom-lg-5
    {
        bottom: 3rem !important;
    }
    .left-lg-5
    {
        left: 3rem !important;
    }
    .top-lg-n5
    {
        top: -3rem !important;
    }
    .right-lg-n5
    {
        right: -3rem !important;
    }
    .bottom-lg-n5
    {
        bottom: -3rem !important;
    }
    .left-lg-n5
    {
        left: -3rem !important;
    }
    .top-lg-6
    {
        top: 4.5rem !important;
    }
    .right-lg-6
    {
        right: 4.5rem !important;
    }
    .bottom-lg-6
    {
        bottom: 4.5rem !important;
    }
    .left-lg-6
    {
        left: 4.5rem !important;
    }
    .top-lg-n6
    {
        top: -4.5rem !important;
    }
    .right-lg-n6
    {
        right: -4.5rem !important;
    }
    .bottom-lg-n6
    {
        bottom: -4.5rem !important;
    }
    .left-lg-n6
    {
        left: -4.5rem !important;
    }
    .top-lg-7
    {
        top: 6rem !important;
    }
    .right-lg-7
    {
        right: 6rem !important;
    }
    .bottom-lg-7
    {
        bottom: 6rem !important;
    }
    .left-lg-7
    {
        left: 6rem !important;
    }
    .top-lg-n7
    {
        top: -6rem !important;
    }
    .right-lg-n7
    {
        right: -6rem !important;
    }
    .bottom-lg-n7
    {
        bottom: -6rem !important;
    }
    .left-lg-n7
    {
        left: -6rem !important;
    }
    .top-lg-8
    {
        top: 7.5rem !important;
    }
    .right-lg-8
    {
        right: 7.5rem !important;
    }
    .bottom-lg-8
    {
        bottom: 7.5rem !important;
    }
    .left-lg-8
    {
        left: 7.5rem !important;
    }
    .top-lg-n8
    {
        top: -7.5rem !important;
    }
    .right-lg-n8
    {
        right: -7.5rem !important;
    }
    .bottom-lg-n8
    {
        bottom: -7.5rem !important;
    }
    .left-lg-n8
    {
        left: -7.5rem !important;
    }
    .top-lg-9
    {
        top: 9rem !important;
    }
    .right-lg-9
    {
        right: 9rem !important;
    }
    .bottom-lg-9
    {
        bottom: 9rem !important;
    }
    .left-lg-9
    {
        left: 9rem !important;
    }
    .top-lg-n9
    {
        top: -9rem !important;
    }
    .right-lg-n9
    {
        right: -9rem !important;
    }
    .bottom-lg-n9
    {
        bottom: -9rem !important;
    }
    .left-lg-n9
    {
        left: -9rem !important;
    }
    .top-lg-10
    {
        top: 10.5rem !important;
    }
    .right-lg-10
    {
        right: 10.5rem !important;
    }
    .bottom-lg-10
    {
        bottom: 10.5rem !important;
    }
    .left-lg-10
    {
        left: 10.5rem !important;
    }
    .top-lg-n10
    {
        top: -10.5rem !important;
    }
    .right-lg-n10
    {
        right: -10.5rem !important;
    }
    .bottom-lg-n10
    {
        bottom: -10.5rem !important;
    }
    .left-lg-n10
    {
        left: -10.5rem !important;
    }
    .top-lg-17
    {
        top: 21rem !important;
    }
    .right-lg-17
    {
        right: 21rem !important;
    }
    .bottom-lg-17
    {
        bottom: 21rem !important;
    }
    .left-lg-17
    {
        left: 21rem !important;
    }
    .top-lg-n17
    {
        top: -21rem !important;
    }
    .right-lg-n17
    {
        right: -21rem !important;
    }
    .bottom-lg-n17
    {
        bottom: -21rem !important;
    }
    .left-lg-n17
    {
        left: -21rem !important;
    }
}

@media (min-width: 1200px)
{
    .top-xl-0
    {
        top: 0 !important;
    }
    .right-xl-0
    {
        right: 0 !important;
    }
    .bottom-xl-0
    {
        bottom: 0 !important;
    }
    .left-xl-0
    {
        left: 0 !important;
    }
    .top-xl-n0
    {
        top: 0 !important;
    }
    .right-xl-n0
    {
        right: 0 !important;
    }
    .bottom-xl-n0
    {
        bottom: 0 !important;
    }
    .left-xl-n0
    {
        left: 0 !important;
    }
    .top-xl-1
    {
        top: .25rem !important;
    }
    .right-xl-1
    {
        right: .25rem !important;
    }
    .bottom-xl-1
    {
        bottom: .25rem !important;
    }
    .left-xl-1
    {
        left: .25rem !important;
    }
    .top-xl-n1
    {
        top: -.25rem !important;
    }
    .right-xl-n1
    {
        right: -.25rem !important;
    }
    .bottom-xl-n1
    {
        bottom: -.25rem !important;
    }
    .left-xl-n1
    {
        left: -.25rem !important;
    }
    .top-xl-2
    {
        top: .5rem !important;
    }
    .right-xl-2
    {
        right: .5rem !important;
    }
    .bottom-xl-2
    {
        bottom: .5rem !important;
    }
    .left-xl-2
    {
        left: .5rem !important;
    }
    .top-xl-n2
    {
        top: -.5rem !important;
    }
    .right-xl-n2
    {
        right: -.5rem !important;
    }
    .bottom-xl-n2
    {
        bottom: -.5rem !important;
    }
    .left-xl-n2
    {
        left: -.5rem !important;
    }
    .top-xl-3
    {
        top: 1rem !important;
    }
    .right-xl-3
    {
        right: 1rem !important;
    }
    .bottom-xl-3
    {
        bottom: 1rem !important;
    }
    .left-xl-3
    {
        left: 1rem !important;
    }
    .top-xl-n3
    {
        top: -1rem !important;
    }
    .right-xl-n3
    {
        right: -1rem !important;
    }
    .bottom-xl-n3
    {
        bottom: -1rem !important;
    }
    .left-xl-n3
    {
        left: -1rem !important;
    }
    .top-xl-4
    {
        top: 1.5rem !important;
    }
    .right-xl-4
    {
        right: 1.5rem !important;
    }
    .bottom-xl-4
    {
        bottom: 1.5rem !important;
    }
    .left-xl-4
    {
        left: 1.5rem !important;
    }
    .top-xl-n4
    {
        top: -1.5rem !important;
    }
    .right-xl-n4
    {
        right: -1.5rem !important;
    }
    .bottom-xl-n4
    {
        bottom: -1.5rem !important;
    }
    .left-xl-n4
    {
        left: -1.5rem !important;
    }
    .top-xl-5
    {
        top: 3rem !important;
    }
    .right-xl-5
    {
        right: 3rem !important;
    }
    .bottom-xl-5
    {
        bottom: 3rem !important;
    }
    .left-xl-5
    {
        left: 3rem !important;
    }
    .top-xl-n5
    {
        top: -3rem !important;
    }
    .right-xl-n5
    {
        right: -3rem !important;
    }
    .bottom-xl-n5
    {
        bottom: -3rem !important;
    }
    .left-xl-n5
    {
        left: -3rem !important;
    }
    .top-xl-6
    {
        top: 4.5rem !important;
    }
    .right-xl-6
    {
        right: 4.5rem !important;
    }
    .bottom-xl-6
    {
        bottom: 4.5rem !important;
    }
    .left-xl-6
    {
        left: 4.5rem !important;
    }
    .top-xl-n6
    {
        top: -4.5rem !important;
    }
    .right-xl-n6
    {
        right: -4.5rem !important;
    }
    .bottom-xl-n6
    {
        bottom: -4.5rem !important;
    }
    .left-xl-n6
    {
        left: -4.5rem !important;
    }
    .top-xl-7
    {
        top: 6rem !important;
    }
    .right-xl-7
    {
        right: 6rem !important;
    }
    .bottom-xl-7
    {
        bottom: 6rem !important;
    }
    .left-xl-7
    {
        left: 6rem !important;
    }
    .top-xl-n7
    {
        top: -6rem !important;
    }
    .right-xl-n7
    {
        right: -6rem !important;
    }
    .bottom-xl-n7
    {
        bottom: -6rem !important;
    }
    .left-xl-n7
    {
        left: -6rem !important;
    }
    .top-xl-8
    {
        top: 7.5rem !important;
    }
    .right-xl-8
    {
        right: 7.5rem !important;
    }
    .bottom-xl-8
    {
        bottom: 7.5rem !important;
    }
    .left-xl-8
    {
        left: 7.5rem !important;
    }
    .top-xl-n8
    {
        top: -7.5rem !important;
    }
    .right-xl-n8
    {
        right: -7.5rem !important;
    }
    .bottom-xl-n8
    {
        bottom: -7.5rem !important;
    }
    .left-xl-n8
    {
        left: -7.5rem !important;
    }
    .top-xl-9
    {
        top: 9rem !important;
    }
    .right-xl-9
    {
        right: 9rem !important;
    }
    .bottom-xl-9
    {
        bottom: 9rem !important;
    }
    .left-xl-9
    {
        left: 9rem !important;
    }
    .top-xl-n9
    {
        top: -9rem !important;
    }
    .right-xl-n9
    {
        right: -9rem !important;
    }
    .bottom-xl-n9
    {
        bottom: -9rem !important;
    }
    .left-xl-n9
    {
        left: -9rem !important;
    }
    .top-xl-10
    {
        top: 10.5rem !important;
    }
    .right-xl-10
    {
        right: 10.5rem !important;
    }
    .bottom-xl-10
    {
        bottom: 10.5rem !important;
    }
    .left-xl-10
    {
        left: 10.5rem !important;
    }
    .top-xl-n10
    {
        top: -10.5rem !important;
    }
    .right-xl-n10
    {
        right: -10.5rem !important;
    }
    .bottom-xl-n10
    {
        bottom: -10.5rem !important;
    }
    .left-xl-n10
    {
        left: -10.5rem !important;
    }
    .top-xl-17
    {
        top: 21rem !important;
    }
    .right-xl-17
    {
        right: 21rem !important;
    }
    .bottom-xl-17
    {
        bottom: 21rem !important;
    }
    .left-xl-17
    {
        left: 21rem !important;
    }
    .top-xl-n17
    {
        top: -21rem !important;
    }
    .right-xl-n17
    {
        right: -21rem !important;
    }
    .bottom-xl-n17
    {
        bottom: -21rem !important;
    }
    .left-xl-n17
    {
        left: -21rem !important;
    }
}

.center
{
    left: 50%;

    transform: translateX(-50%);
}

.middle
{
    top: 50%;

    transform: translateY(-50%);
}

[data-negative-margin].is_stuck
{
    margin: 0 !important;
}

[class*='shadow']
{
    transition: all .2s ease;
}

.shadow-xl
{
    box-shadow: 0 20px 25px -5px rgba(31, 45, 61, .1), 0 10px 10px -5px rgba(31, 45, 61, .04) !important;
}

.shadow-2xl
{
    box-shadow: 0 25px 50px -12px rgba(31, 45, 61, .25) !important;
}

.hover-shadow-sm:hover
{
    box-shadow: 0 .125rem .25rem rgba(31, 45, 61, .08) !important;
}

.hover-shadow:hover
{
    box-shadow: 0 0 1.25rem rgba(31, 45, 61, .05) !important;
}

.hover-shadow-lg:hover
{
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
}

.hover-shadow-xl:hover
{
    box-shadow: 0 20px 25px -5px rgba(31, 45, 61, .1), 0 10px 10px -5px rgba(31, 45, 61, .04) !important;
}

.hover-shadow-2xl:hover
{
    box-shadow: 0 25px 50px -12px rgba(31, 45, 61, .25) !important;
}

.shadow-none,
.hover-shadow-none:hover
{
    box-shadow: none !important;
}

.shadow-primary-sm
{
    box-shadow: 0 .125rem .25rem rgba(0, 138, 255, .4) !important;
}

.shadow-primary
{
    box-shadow: 0 .5rem 1rem rgba(0, 138, 255, .4) !important;
}

.shadow-primary-lg
{
    box-shadow: 0 1rem 3rem rgba(0, 138, 255, .4) !important;
}

.shadow-secondary-sm
{
    box-shadow: 0 .125rem .25rem rgba(239, 242, 247, .4) !important;
}

.shadow-secondary
{
    box-shadow: 0 .5rem 1rem rgba(239, 242, 247, .4) !important;
}

.shadow-secondary-lg
{
    box-shadow: 0 1rem 3rem rgba(239, 242, 247, .4) !important;
}

.shadow-success-sm
{
    box-shadow: 0 .125rem .25rem rgba(92, 201, 167, .4) !important;
}

.shadow-success
{
    box-shadow: 0 .5rem 1rem rgba(92, 201, 167, .4) !important;
}

.shadow-success-lg
{
    box-shadow: 0 1rem 3rem rgba(92, 201, 167, .4) !important;
}

.shadow-info-sm
{
    box-shadow: 0 .125rem .25rem rgba(80, 181, 255, .4) !important;
}

.shadow-info
{
    box-shadow: 0 .5rem 1rem rgba(80, 181, 255, .4) !important;
}

.shadow-info-lg
{
    box-shadow: 0 1rem 3rem rgba(80, 181, 255, .4) !important;
}

.shadow-warning-sm
{
    box-shadow: 0 .125rem .25rem rgba(255, 190, 61, .4) !important;
}

.shadow-warning
{
    box-shadow: 0 .5rem 1rem rgba(255, 190, 61, .4) !important;
}

.shadow-warning-lg
{
    box-shadow: 0 1rem 3rem rgba(255, 190, 61, .4) !important;
}

.shadow-danger-sm
{
    box-shadow: 0 .125rem .25rem rgba(242, 87, 103, .4) !important;
}

.shadow-danger
{
    box-shadow: 0 .5rem 1rem rgba(242, 87, 103, .4) !important;
}

.shadow-danger-lg
{
    box-shadow: 0 1rem 3rem rgba(242, 87, 103, .4) !important;
}

.shadow-light-sm
{
    box-shadow: 0 .125rem .25rem rgba(239, 242, 247, .4) !important;
}

.shadow-light
{
    box-shadow: 0 .5rem 1rem rgba(239, 242, 247, .4) !important;
}

.shadow-light-lg
{
    box-shadow: 0 1rem 3rem rgba(239, 242, 247, .4) !important;
}

.shadow-dark-sm
{
    box-shadow: 0 .125rem .25rem rgba(23, 19, 71, .4) !important;
}

.shadow-dark
{
    box-shadow: 0 .5rem 1rem rgba(23, 19, 71, .4) !important;
}

.shadow-dark-lg
{
    box-shadow: 0 1rem 3rem rgba(23, 19, 71, .4) !important;
}

.shadow-neutral-sm
{
    box-shadow: 0 .125rem .25rem rgba(255, 255, 255, .4) !important;
}

.shadow-neutral
{
    box-shadow: 0 .5rem 1rem rgba(255, 255, 255, .4) !important;
}

.shadow-neutral-lg
{
    box-shadow: 0 1rem 3rem rgba(255, 255, 255, .4) !important;
}

.shadow-white-sm
{
    box-shadow: 0 .125rem .25rem rgba(255, 255, 255, .4) !important;
}

.shadow-white
{
    box-shadow: 0 .5rem 1rem rgba(255, 255, 255, .4) !important;
}

.shadow-white-lg
{
    box-shadow: 0 1rem 3rem rgba(255, 255, 255, .4) !important;
}

.offset-1
{
    margin-left: 8.33333%;
}

.offset-2
{
    margin-left: 16.66667%;
}

.offset-3
{
    margin-left: 25%;
}

.offset-4
{
    margin-left: 33.33333%;
}

.offset-5
{
    margin-left: 41.66667%;
}

.offset-6
{
    margin-left: 50%;
}

.offset-7
{
    margin-left: 58.33333%;
}

.offset-8
{
    margin-left: 66.66667%;
}

.offset-9
{
    margin-left: 75%;
}

.offset-10
{
    margin-left: 83.33333%;
}

.offset-11
{
    margin-left: 91.66667%;
}




.bg-light-primary
{
    background-color: #33a1ff !important;
}

a.bg-light-primary:hover,
a.bg-light-primary:focus,
button.bg-light-primary:hover,
button.bg-light-primary:focus
{
    background-color: #008aff !important;
}

.bg-dark-primary
{
    background-color: #006ecc !important;
}

a.bg-dark-primary:hover,
a.bg-dark-primary:focus,
button.bg-dark-primary:hover,
button.bg-dark-primary:focus
{
    background-color: #005399 !important;
}

.bg-soft-primary
{
    background-color: #e0f1ff;
}

.bg-gradient-primary
{
    background: linear-gradient(50deg, #008aff 0, #003eff 100%) !important;
}

.bg-translucent-primary
{
    background-color: rgba(0, 119, 219, .6) !important;
}

a.bg-translucent-primary:hover,
a.bg-translucent-primary:focus,
button.bg-translucent-primary:hover,
button.bg-translucent-primary:focus
{
    background-color: rgba(0, 105, 194, .6) !important;
}

.bg-light-secondary
{
    background-color: white !important;
}

a.bg-light-secondary:hover,
a.bg-light-secondary:focus,
button.bg-light-secondary:hover,
button.bg-light-secondary:focus
{
    background-color: #e6e6e6 !important;
}

.bg-dark-secondary
{
    background-color: #cdd6e6 !important;
}

a.bg-dark-secondary:hover,
a.bg-dark-secondary:focus,
button.bg-dark-secondary:hover,
button.bg-dark-secondary:focus
{
    background-color: #abbbd5 !important;
}

.bg-soft-secondary
{
    background-color: #fdfdfe;
}

.bg-gradient-secondary
{
    background: linear-gradient(50deg, #eff2f7 0, #eff0f7 100%) !important;
}

.bg-translucent-secondary
{
    background-color: rgba(215, 223, 235, .6) !important;
}

a.bg-translucent-secondary:hover,
a.bg-translucent-secondary:focus,
button.bg-translucent-secondary:hover,
button.bg-translucent-secondary:focus
{
    background-color: rgba(198, 209, 227, .6) !important;
}

.bg-light-success
{
    background-color: #82d6bc !important;
}

a.bg-light-success:hover,
a.bg-light-success:focus,
button.bg-light-success:hover,
button.bg-light-success:focus
{
    background-color: #5cc9a7 !important;
}

.bg-dark-success
{
    background-color: #3cb690 !important;
}

a.bg-dark-success:hover,
a.bg-dark-success:focus,
button.bg-dark-success:hover,
button.bg-dark-success:focus
{
    background-color: #308f72 !important;
}

.bg-soft-success
{
    background-color: #ebf9f4;
}

.bg-gradient-success
{
    background: linear-gradient(50deg, #5cc9a7 0, #5cc9c8 100%) !important;
}

.bg-translucent-success
{
    background-color: rgba(65, 192, 153, .6) !important;
}

a.bg-translucent-success:hover,
a.bg-translucent-success:focus,
button.bg-translucent-success:hover,
button.bg-translucent-success:focus
{
    background-color: rgba(58, 174, 138, .6) !important;
}

.bg-light-info
{
    background-color: #83cbff !important;
}

a.bg-light-info:hover,
a.bg-light-info:focus,
button.bg-light-info:hover,
button.bg-light-info:focus
{
    background-color: #50b5ff !important;
}

.bg-dark-info
{
    background-color: #1d9fff !important;
}

a.bg-dark-info:hover,
a.bg-dark-info:focus,
button.bg-dark-info:hover,
button.bg-dark-info:focus
{
    background-color: #0086e9 !important;
}

.bg-soft-info
{
    background-color: #eaf6ff;
}

.bg-gradient-info
{
    background: linear-gradient(50deg, #50b5ff 0, #5081ff 100%) !important;
}

.bg-translucent-info
{
    background-color: rgba(44, 166, 255, .6) !important;
}

a.bg-translucent-info:hover,
a.bg-translucent-info:focus,
button.bg-translucent-info:hover,
button.bg-translucent-info:focus
{
    background-color: rgba(19, 155, 255, .6) !important;
}

.bg-light-warning
{
    background-color: #ffcf70 !important;
}

a.bg-light-warning:hover,
a.bg-light-warning:focus,
button.bg-light-warning:hover,
button.bg-light-warning:focus
{
    background-color: #ffbe3d !important;
}

.bg-dark-warning
{
    background-color: #ffad0a !important;
}

a.bg-dark-warning:hover,
a.bg-dark-warning:focus,
button.bg-dark-warning:hover,
button.bg-dark-warning:focus
{
    background-color: #d68e00 !important;
}

.bg-soft-warning
{
    background-color: #fff7e8;
}

.bg-gradient-warning
{
    background: linear-gradient(50deg, #ffbe3d 0, #fff83d 100%) !important;
}

.bg-translucent-warning
{
    background-color: rgba(255, 178, 25, .6) !important;
}

a.bg-translucent-warning:hover,
a.bg-translucent-warning:focus,
button.bg-translucent-warning:hover,
button.bg-translucent-warning:focus
{
    background-color: rgba(255, 169, 0, .6) !important;
}

.bg-light-danger
{
    background-color: #f68692 !important;
}

a.bg-light-danger:hover,
a.bg-light-danger:focus,
button.bg-light-danger:hover,
button.bg-light-danger:focus
{
    background-color: #f25767 !important;
}

.bg-dark-danger
{
    background-color: #ee283c !important;
}

a.bg-dark-danger:hover,
a.bg-dark-danger:focus,
button.bg-dark-danger:hover,
button.bg-dark-danger:focus
{
    background-color: #d31024 !important;
}

.bg-soft-danger
{
    background-color: #fdebed;
}

.bg-gradient-danger
{
    background: linear-gradient(50deg, #f25767 0, #f27657 100%) !important;
}

.bg-translucent-danger
{
    background-color: rgba(239, 54, 73, .6) !important;
}

a.bg-translucent-danger:hover,
a.bg-translucent-danger:focus,
button.bg-translucent-danger:hover,
button.bg-translucent-danger:focus
{
    background-color: rgba(238, 30, 52, .6) !important;
}

.bg-light-light
{
    background-color: white !important;
}

a.bg-light-light:hover,
a.bg-light-light:focus,
button.bg-light-light:hover,
button.bg-light-light:focus
{
    background-color: #e6e6e6 !important;
}

.bg-dark-light
{
    background-color: #cdd6e6 !important;
}

a.bg-dark-light:hover,
a.bg-dark-light:focus,
button.bg-dark-light:hover,
button.bg-dark-light:focus
{
    background-color: #abbbd5 !important;
}

.bg-soft-light
{
    background-color: #fdfdfe;
}

.bg-gradient-light
{
    background: linear-gradient(50deg, #eff2f7 0, #eff0f7 100%) !important;
}

.bg-translucent-light
{
    background-color: rgba(215, 223, 235, .6) !important;
}

a.bg-translucent-light:hover,
a.bg-translucent-light:focus,
button.bg-translucent-light:hover,
button.bg-translucent-light:focus
{
    background-color: rgba(198, 209, 227, .6) !important;
}

.bg-light-dark
{
    background-color: #241e6f !important;
}

a.bg-light-dark:hover,
a.bg-light-dark:focus,
button.bg-light-dark:hover,
button.bg-light-dark:focus
{
    background-color: #171347 !important;
}

.bg-dark-dark
{
    background-color: #0a081f !important;
}

a.bg-dark-dark:hover,
a.bg-dark-dark:focus,
button.bg-dark-dark:hover,
button.bg-dark-dark:focus
{
    background-color: black !important;
}

.bg-soft-dark
{
    background-color: #e3e3e9;
}

.bg-gradient-dark
{
    background: linear-gradient(50deg, #171347 0, #271347 100%) !important;
}

.bg-translucent-dark
{
    background-color: rgba(14, 11, 43, .6) !important;
}

a.bg-translucent-dark:hover,
a.bg-translucent-dark:focus,
button.bg-translucent-dark:hover,
button.bg-translucent-dark:focus
{
    background-color: rgba(7, 6, 23, .6) !important;
}

.bg-light-neutral
{
    background-color: white !important;
}

a.bg-light-neutral:hover,
a.bg-light-neutral:focus,
button.bg-light-neutral:hover,
button.bg-light-neutral:focus
{
    background-color: #e6e6e6 !important;
}

.bg-dark-neutral
{
    background-color: #e6e6e6 !important;
}

a.bg-dark-neutral:hover,
a.bg-dark-neutral:focus,
button.bg-dark-neutral:hover,
button.bg-dark-neutral:focus
{
    background-color: #ccc !important;
}

.bg-soft-neutral
{
    background-color: white;
}

.bg-gradient-neutral
{
    background: linear-gradient(50deg, #fff 0, white 100%) !important;
}

.bg-translucent-neutral
{
    background-color: rgba(237, 237, 237, .6) !important;
}

a.bg-translucent-neutral:hover,
a.bg-translucent-neutral:focus,
button.bg-translucent-neutral:hover,
button.bg-translucent-neutral:focus
{
    background-color: rgba(224, 224, 224, .6) !important;
}

.bg-light-white
{
    background-color: white !important;
}

a.bg-light-white:hover,
a.bg-light-white:focus,
button.bg-light-white:hover,
button.bg-light-white:focus
{
    background-color: #e6e6e6 !important;
}

.bg-dark-white
{
    background-color: #e6e6e6 !important;
}

a.bg-dark-white:hover,
a.bg-dark-white:focus,
button.bg-dark-white:hover,
button.bg-dark-white:focus
{
    background-color: #ccc !important;
}

.bg-soft-white
{
    background-color: white;
}

.bg-gradient-white
{
    background: linear-gradient(50deg, #fff 0, white 100%) !important;
}

.bg-translucent-white
{
    background-color: rgba(237, 237, 237, .6) !important;
}

a.bg-translucent-white:hover,
a.bg-translucent-white:focus,
button.bg-translucent-white:hover,
button.bg-translucent-white:focus
{
    background-color: rgba(224, 224, 224, .6) !important;
}

/*.bg-blue{    background-color: #008aff !important;}*/

a.bg-blue:hover,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus
{
    background-color: #006ecc !important;
}

.bg-gradient-blue
{
    background: linear-gradient(50deg, #008aff 0, #003eff 100%) !important;
}

.bg-indigo
{
    background-color: #6e00ff !important;
}

a.bg-indigo:hover,
a.bg-indigo:focus,
button.bg-indigo:hover,
button.bg-indigo:focus
{
    background-color: #5800cc !important;
}

.bg-gradient-indigo
{
    background: linear-gradient(50deg, #6e00ff 0, #b0f 100%) !important;
}

.bg-purple
{
    background-color: #510fa8 !important;
}

a.bg-purple:hover,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus
{
    background-color: #3a0b79 !important;
}

.bg-gradient-purple
{
    background: linear-gradient(50deg, #510fa8 0, #7f0fa8 100%) !important;
}

/*.bg-pink{    background-color: #f074ad !important;}*/

a.bg-pink:hover,
a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus
{
    background-color: #eb4692 !important;
}

.bg-gradient-pink
{
    background: linear-gradient(50deg, #f074ad 0, #f07488 100%) !important;
}

.bg-red
{
    background-color: #f25767 !important;
}

a.bg-red:hover,
a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus
{
    background-color: #ee283c !important;
}

.bg-gradient-red
{
    background: linear-gradient(50deg, #f25767 0, #f27657 100%) !important;
}

.bg-orange
{
    background-color: #ffbe3d !important;
}

a.bg-orange:hover,
a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus
{
    background-color: #ffad0a !important;
}

.bg-gradient-orange
{
    background: linear-gradient(50deg, #ffbe3d 0, #fff83d 100%) !important;
}

.bg-yellow
{
    background-color: #ffc431 !important;
}

a.bg-yellow:hover,
a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus
{
    background-color: #fdb500 !important;
}

.bg-gradient-yellow
{
    background: linear-gradient(50deg, #ffc431 0, #fcff31 100%) !important;
}

/*.bg-green{    background-color: #5cc9a7 !important;}*/

a.bg-green:hover,
a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus
{
    background-color: #3cb690 !important;
}

.bg-gradient-green
{
    background: linear-gradient(50deg, #5cc9a7 0, #5cc9c8 100%) !important;
}

.bg-teal
{
    background-color: #50b5ff !important;
}

a.bg-teal:hover,
a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus
{
    background-color: #1d9fff !important;
}

.bg-gradient-teal
{
    background: linear-gradient(50deg, #50b5ff 0, #5081ff 100%) !important;
}

.bg-cyan
{
    background-color: #4bd6e5 !important;
}

a.bg-cyan:hover,
a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus
{
    background-color: #20cbdd !important;
}

.bg-gradient-cyan
{
    background: linear-gradient(50deg, #4bd6e5 0, #4ba8e5 100%) !important;
}

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

a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus
{
    background-color: #e6e6e6 !important;
}

.bg-gradient-white
{
    background: linear-gradient(50deg, #fff 0, white 100%) !important;
}

.bg-gray
{
    background-color: #718096 !important;
}

a.bg-gray:hover,
a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus
{
    background-color: #5a677a !important;
}

.bg-gradient-gray
{
    background: linear-gradient(50deg, #718096 0, #717596 100%) !important;
}

.bg-gray-dark
{
    background-color: #2d3748 !important;
}

a.bg-gray-dark:hover,
a.bg-gray-dark:focus,
button.bg-gray-dark:hover,
button.bg-gray-dark:focus
{
    background-color: #191f29 !important;
}

.bg-gradient-gray-dark
{
    background: linear-gradient(50deg, #2d3748 0, #2d2f48 100%) !important;
}

.bg-section-primary
{
    background-color: #fff !important;
}

.bg-section-secondary
{
    background-color: #fafbfe !important;
}

.bg-section-light
{
    background-color: #cbd5e0 !important;
}

.bg-section-dark
{
    background-color: #0e0b2b !important;
}

.bg-brand-facebook
{
    background-color: #3b5999 !important;
}

a.bg-brand-facebook:hover,
a.bg-brand-facebook:focus,
button.bg-brand-facebook:hover,
button.bg-brand-facebook:focus
{
    background-color: #2d4474 !important;
}

.bg-brand-twitter
{
    background-color: #1da1f2 !important;
}

a.bg-brand-twitter:hover,
a.bg-brand-twitter:focus,
button.bg-brand-twitter:hover,
button.bg-brand-twitter:focus
{
    background-color: #0c85d0 !important;
}

.bg-brand-google-plus
{
    background-color: #dd4b39 !important;
}

a.bg-brand-google-plus:hover,
a.bg-brand-google-plus:focus,
button.bg-brand-google-plus:hover,
button.bg-brand-google-plus:focus
{
    background-color: #c23321 !important;
}

.bg-brand-instagram
{
    background-color: #e4405f !important;
}

a.bg-brand-instagram:hover,
a.bg-brand-instagram:focus,
button.bg-brand-instagram:hover,
button.bg-brand-instagram:focus
{
    background-color: #d31e40 !important;
}

.bg-brand-pinterest
{
    background-color: #bd081c !important;
}

a.bg-brand-pinterest:hover,
a.bg-brand-pinterest:focus,
button.bg-brand-pinterest:hover,
button.bg-brand-pinterest:focus
{
    background-color: #8c0615 !important;
}

.bg-brand-youtube
{
    background-color: #cd201f !important;
}

a.bg-brand-youtube:hover,
a.bg-brand-youtube:focus,
button.bg-brand-youtube:hover,
button.bg-brand-youtube:focus
{
    background-color: #a11918 !important;
}

.bg-brand-slack
{
    background-color: #3aaf85 !important;
}

a.bg-brand-slack:hover,
a.bg-brand-slack:focus,
button.bg-brand-slack:hover,
button.bg-brand-slack:focus
{
    background-color: #2d8968 !important;
}

.bg-brand-dribbble
{
    background-color: #ea4c89 !important;
}

a.bg-brand-dribbble:hover,
a.bg-brand-dribbble:focus,
button.bg-brand-dribbble:hover,
button.bg-brand-dribbble:focus
{
    background-color: #e51e6b !important;
}

.bg-brand-github
{
    background-color: #222 !important;
}

a.bg-brand-github:hover,
a.bg-brand-github:focus,
button.bg-brand-github:hover,
button.bg-brand-github:focus
{
    background-color: #090909 !important;
}

.bg-brand-vimeo
{
    background-color: #04a0f0 !important;
}

a.bg-brand-vimeo:hover,
a.bg-brand-vimeo:focus,
button.bg-brand-vimeo:hover,
button.bg-brand-vimeo:focus
{
    background-color: #037fbe !important;
}

.bg-gray-100
{
    background-color: #fafbfe !important;
}

a.bg-gray-100:hover,
a.bg-gray-100:focus,
button.bg-gray-100:hover,
button.bg-gray-100:focus
{
    background-color: #d0d9f6 !important;
}

.bg-gray-200
{
    background-color: #eff2f7 !important;
}

a.bg-gray-200:hover,
a.bg-gray-200:focus,
button.bg-gray-200:hover,
button.bg-gray-200:focus
{
    background-color: #cdd6e6 !important;
}

.bg-gray-300
{
    background-color: #e2e8f0 !important;
}

a.bg-gray-300:hover,
a.bg-gray-300:focus,
button.bg-gray-300:hover,
button.bg-gray-300:focus
{
    background-color: #c0cddf !important;
}

.bg-gray-400
{
    background-color: #cbd5e0 !important;
}

a.bg-gray-400:hover,
a.bg-gray-400:focus,
button.bg-gray-400:hover,
button.bg-gray-400:focus
{
    background-color: #abbbcd !important;
}

.bg-gray-500
{
    background-color: #a0aec0 !important;
}

a.bg-gray-500:hover,
a.bg-gray-500:focus,
button.bg-gray-500:hover,
button.bg-gray-500:focus
{
    background-color: #8194ac !important;
}

.bg-gray-600
{
    background-color: #718096 !important;
}

a.bg-gray-600:hover,
a.bg-gray-600:focus,
button.bg-gray-600:hover,
button.bg-gray-600:focus
{
    background-color: #5a677a !important;
}

.bg-gray-700
{
    background-color: #4a5568 !important;
}

a.bg-gray-700:hover,
a.bg-gray-700:focus,
button.bg-gray-700:hover,
button.bg-gray-700:focus
{
    background-color: #353d4a !important;
}

.bg-gray-800
{
    background-color: #2d3748 !important;
}

a.bg-gray-800:hover,
a.bg-gray-800:focus,
button.bg-gray-800:hover,
button.bg-gray-800:focus
{
    background-color: #191f29 !important;
}

.bg-gray-900
{
    background-color: #273444 !important;
}

a.bg-gray-900:hover,
a.bg-gray-900:focus,
button.bg-gray-900:hover,
button.bg-gray-900:focus
{
    background-color: #141b24 !important;
}

.bg-black
{
    background-color: #1f2d3d !important;
}

a.bg-black:hover,
a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus
{
    background-color: #0e141b !important;
}

.fill-primary
{
    fill: #008aff !important;
}

.fill-soft-primary
{
    fill: #e0f1ff;
}

.fill-secondary
{
    fill: #eff2f7 !important;
}

.fill-soft-secondary
{
    fill: #fdfdfe;
}

.fill-success
{
    fill: #5cc9a7 !important;
}

.fill-soft-success
{
    fill: #ebf9f4;
}

.fill-info
{
    fill: #50b5ff !important;
}

.fill-soft-info
{
    fill: #eaf6ff;
}

.fill-warning
{
    fill: #ffbe3d !important;
}

.fill-soft-warning
{
    fill: #fff7e8;
}

.fill-danger
{
    fill: #f25767 !important;
}

.fill-soft-danger
{
    fill: #fdebed;
}

.fill-light
{
    fill: #eff2f7 !important;
}

.fill-soft-light
{
    fill: #fdfdfe;
}

.fill-dark
{
    fill: #171347 !important;
}

.fill-soft-dark
{
    fill: #e3e3e9;
}

.fill-neutral
{
    fill: #fff !important;
}

.fill-soft-neutral
{
    fill: white;
}

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

.fill-soft-white
{
    fill: white;
}

.fill-blue
{
    fill: #008aff !important;
}

.stroke-blue
{
    stroke: #008aff !important;
}

.fill-indigo
{
    fill: #6e00ff !important;
}

.stroke-indigo
{
    stroke: #6e00ff !important;
}

.fill-purple
{
    fill: #510fa8 !important;
}

.stroke-purple
{
    stroke: #510fa8 !important;
}

.fill-pink
{
    fill: #f074ad !important;
}

.stroke-pink
{
    stroke: #f074ad !important;
}

.fill-red
{
    fill: #f25767 !important;
}

.stroke-red
{
    stroke: #f25767 !important;
}

.fill-orange
{
    fill: #ffbe3d !important;
}

.stroke-orange
{
    stroke: #ffbe3d !important;
}

.fill-yellow
{
    fill: #ffc431 !important;
}

.stroke-yellow
{
    stroke: #ffc431 !important;
}

.fill-green
{
    fill: #5cc9a7 !important;
}

.stroke-green
{
    stroke: #5cc9a7 !important;
}

.fill-teal
{
    fill: #50b5ff !important;
}

.stroke-teal
{
    stroke: #50b5ff !important;
}

.fill-cyan
{
    fill: #4bd6e5 !important;
}

.stroke-cyan
{
    stroke: #4bd6e5 !important;
}

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

.stroke-white
{
    stroke: #fff !important;
}

.fill-gray
{
    fill: #718096 !important;
}

.stroke-gray
{
    stroke: #718096 !important;
}

.fill-gray-dark
{
    fill: #2d3748 !important;
}

.stroke-gray-dark
{
    stroke: #2d3748 !important;
}

.fill-primary
{
    fill: #008aff !important;
}

.stroke-primary
{
    stroke: #008aff !important;
}

.fill-secondary
{
    fill: #eff2f7 !important;
}

.stroke-secondary
{
    stroke: #eff2f7 !important;
}

.fill-success
{
    fill: #5cc9a7 !important;
}

.stroke-success
{
    stroke: #5cc9a7 !important;
}

.fill-info
{
    fill: #50b5ff !important;
}

.stroke-info
{
    stroke: #50b5ff !important;
}

.fill-warning
{
    fill: #ffbe3d !important;
}

.stroke-warning
{
    stroke: #ffbe3d !important;
}

.fill-danger
{
    fill: #f25767 !important;
}

.stroke-danger
{
    stroke: #f25767 !important;
}

.fill-light
{
    fill: #eff2f7 !important;
}

.stroke-light
{
    stroke: #eff2f7 !important;
}

.fill-dark
{
    fill: #171347 !important;
}

.stroke-dark
{
    stroke: #171347 !important;
}

.fill-neutral
{
    fill: #fff !important;
}

.stroke-neutral
{
    stroke: #fff !important;
}

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

.stroke-white
{
    stroke: #fff !important;
}

.fill-primary-100
{
    fill: white !important;
}

.fill-primary-200
{
    fill: #cce8ff !important;
}

.fill-primary-300
{
    fill: #99d0ff !important;
}

.fill-primary-400
{
    fill: #66b9ff !important;
}

.fill-primary-500
{
    fill: #33a1ff !important;
}

.fill-primary-600
{
    fill: #1a96ff !important;
}

.stroke-primary-100
{
    stroke: white !important;
}

.stroke-primary-200
{
    stroke: #cce8ff !important;
}

.stroke-primary-300
{
    stroke: #99d0ff !important;
}

.stroke-primary-400
{
    stroke: #66b9ff !important;
}

.stroke-primary-500
{
    stroke: #33a1ff !important;
}

.stroke-primary-600
{
    stroke: #1a96ff !important;
}

.fill-section-primary
{
    fill: #fff !important;
}

.stroke-section-primary
{
    stroke: #fff !important;
}

.fill-section-secondary
{
    fill: #fafbfe !important;
}

.stroke-section-secondary
{
    stroke: #fafbfe !important;
}

.fill-section-light
{
    fill: #cbd5e0 !important;
}

.stroke-section-light
{
    stroke: #cbd5e0 !important;
}

.fill-section-dark
{
    fill: #0e0b2b !important;
}

.stroke-section-dark
{
    stroke: #0e0b2b !important;
}

.bg-section-fade
{
    background: linear-gradient(177.86deg, #fafbfe 0%, rgba(255, 255, 255, 0) 100%);
}

.bg-cover
{
    position: relative;

    background-repeat: no-repeat;
}

.bg-absolute-cover
{
    position: absolute;
    z-index: 100; 
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
}
.bg-absolute-cover svg
{
    height: 1000px;

    pointer-events: none;
}
.bg-green{background:#D3F0E7;}
.bg-blue{background:#E3F4FC;}
.bg-pink{background:#FFF4EE;}