/* #FONT  ============================================== */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Crimson Text', serif;
}

.simple-buttons h1,
.simple-buttons .h1,
.simple-buttons h2,
.simple-buttons .h2,
.simple-buttons h3,
.simple-buttons .h3,
.simple-buttons h4,
.simple-buttons .h4,
.simple-buttons h5,
.simple-buttons .h5,
.simple-buttons h6,
.simple-buttons .h6 {
  font-family: 'Lora', serif;
}

.lora {
  font-family: 'Lora', serif;
}

.playfair {
  font-family: 'Crimson Text', serif;
}

h1, .h1 {
  font-size: 2.4rem;
  font-weight: 700;
}

h2, .h2 {
  font-size: 2.2rem;
  margin-bottom: 15px;
}

h3, .h3 {
  font-size: 1.6rem;
}

h4, .h4 {
  font-size: 1.2rem;
  font-weight: 700;
}

h5, .h5 {
  font-size: 1.1rem;
  font-weight: 700;
}

h6, .h6 {
  font-weight: 700;
}

/* #PRELOADER  ============================================== */
/* This only works with JavaScript,
if it's not present, don't show loader */

#loader-overflow {
  display:flex;
  width: 100%;
  height: 100%;
  position: fixed;
  justify-content: center;
  align-content: center;
  align-items: center;
  top: 0;
  left: 0;
  background: #fefefe;
  z-index: 99999;
}

#loader3 {
  will-change: transform;
  width: 6rem;
  height: 6rem;
  position: absolute;
  background-color: #831212;
  -webkit-animation: scaleout 1.1s infinite ease-in-out;
  animation: scaleout 1.1s infinite ease-in-out;
  text-indent: -99999px;
  z-index: 999991;
}

#loader3::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -20%;
  width: 140%;
  height: 140%;
  background-color: transparent;
  border: 7pt solid #831212;
}

@-webkit-keyframes scaleout {
  0% {
    transform: scale(0) rotate(45deg);
    -webkit-transform: scale(0) rotate(45deg);
  }
  100% {
    transform: scale(1.0) rotate(45deg);
    -webkit-transform: scale(1.0) rotate(45deg);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.0) rotate(45deg);

    -ms-transform: scale(1.0) rotate(45deg);

    transform: scale(1.0) rotate(45deg);
    opacity: 0;
  }
}


/* #BODY LAYOUTS  ============================================== */

body {
  font-family: 'Montserrat', sans-serif;
}

body.simple-buttons {
  font-family: 'Raleway', sans-serif;
}

hr {
  background-color: #277884;
  height: .2rem;
}


.color-bg-1 {
  background-color: var(--primary);
  color: var(--textBackground1);
  --button: var(--textBackground1);
  --buttonSecondary: var(--primary);
}

.color-bg-2 {
  background-color: var(--background2);
  color: var(--textBackground2);
  --button: var(--textBackground2);
  --buttonSecondary: var(--background2);
}

.color-bg-3 {
  background-color: var(--background3);
  color: var(--textBackground3);
  --button: var(--textBackground3);
  --buttonSecondary: var(--background3);
}

.color-bg-4 {
  background-color: var(--background4);
  color: var(--textBackground4);
  --button: var(--textBackground4);
  --buttonSecondary: var(--background4);
}

.color-bg-1 {
  background-color: #2a7575;
  color: #fff;
}

.color-bg-2 {
  background-color: #a54913;
  color: #fff;
  --links-bg: #00FAFA;
  --links-bg-hover: #FFFFFF;
}

.color-bg-3 {
  background-color: #e4b17e;
  color: #42424f;
}

.color-bg-4 {
  background-color: #642504;
  color: #fff;
}

.color-bg-5 {
  background-color: #ac3f21;
  color: #fff;
}
[class*=color-bg] input::placeholder,
[class*=color-bg] textarea::placeholder,
[class*=color-bg] select::placeholder {
  color: #fff;
  transition: all 300ms ease;
  transition-property: width, height, background-color, color, left, right, top, bottom;
}

[class*=color-bg] input:focus::placeholder,
[class*=color-bg] textarea:focus::placeholder,
[class*=color-bg] select:focus::placeholder {
  color: #121212;
}

#wrap {
  position: relative;
  overflow: hidden;
}

#sliding-content {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 2;
  transition: transform 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - calc(10vh + 1rem + calc(.3125rem * 2)));
}

.scrolled #sliding-content {
  min-height: 100vh;
}

#sliding-content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

#sliding-content.lateral-menu-open {
  -webkit-transform: translateX(260px);
  transform: translateX(260px);
}

.internal.scrolled #sliding-content {
  margin-top: calc(10vh + 1rem + calc(.3125rem * 2));
}

.escalante-tile {
  position: relative;
}

.escalante-tile .tile-image,
.escalante-tile .tile-map {
  position: absolute;
  top: 0;
  height: 100%;
  padding: 0;
}

.escalante-tile .tile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.escalante-tile .tile-map iframe {
  width: 100%;
  height: 100%;
}

.escalante-tile .tile-image figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.2rem 1rem;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}

.escalante-tile .tile-image figcaption::before
.escalante-tile .tile-image figcaption::after {
  content: "";
  width: 100%;
  height: 100%;
  border: #000;
}

.escalante-tile.tile-left .tile-image {
  left: 0;
}

.escalante-tile.tile-left .tile-content .row {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.escalante-tile.tile-right .tile-image {
  right: 0;
}

.escalante-tile.tile-right .tile-image {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.escalante-tile .tile-image.video {
  display: flex;
}

.escalante-tile .tile-image.video > .plyr {
  flex: 1;
}

.escalante-tile .tile-image.logo img {
  object-fit: scale-down;
}

#page-banner {
  display: flex;
  position: relative;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  height: 45vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  background-color: #333;
  letter-spacing: .25rem;
}

#page-banner::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0, 0.4);
}

#page-banner h1 {
  margin-bottom: 2.8rem;
  position: relative;
  z-index: 10;
  /*font-size: 2.9rem;*/
  font-size: 5vw;
}

#hero.video {
  max-height: 100vh;
  overflow: hidden;
  position: relative;
}

#hero.parallax {
  background-image: url("../images/header/header.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  position: relative;
}

#hero #local-scroll {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
}

#local-scroll {
  margin-bottom: 1rem;
  font-size: 3rem;
}

#local-scroll a {
  color: #fff;
  display: block;
  overflow: hidden;
  background-color: rgba(0,0,0,0.7);
  line-height: 1;
}

@-webkit-keyframes controleffect {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes controleffect {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}

#EZCarousel .slide-content {
  font-size: 1.8rem;
}

#EZCarousel .slide-content .slide-header {

}

#EZCarousel .slide-content .slide-text {

}

#EZCarousel .slide-content .slide-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

#EZCarousel .slide-content .slide-list > li {
  background-color: #fff;
  margin-bottom: 2pt;
  padding-right: 0.758rem;
}

#EZCarousel .slide-content .slide-list > li::before {
  content: "\e1f2";
  display: block;
  float: left;
  text-align: center;
  width: 3rem;
  margin-right: 0.7rem;
  color: #fff;
  background-color: #831212;
  font-family: "linea-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
}

#EZCarousel .slide-content .slide-list > li.heart::before {
  content: "\e190";
}

#EZCarousel .slide-content .slide-list > li.bolt::before {
  content: "\e16b";
}

#EZCarousel .slide-content .slide-list > li.paper-plane::before {
  content: "\e1b1";
}

#EZCarousel .slide-content .btn {

}

#EZCarousel .slide-content .slide-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.1rem 0.5rem;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}

#main > .container {
  padding: 3rem 15px;
}

.promo {
  letter-spacing: 0.13rem;
}

#promos .promo {
  color: #121212;
  position: relative;
  font-size: 1.16rem;
  padding: 4rem;
  overflow: hidden;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition-property: width, height, background-color, color, left, right, top, bottom, filter;
}

#promos .promo::before,
#promos .promo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#promos .promo::before {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  filter: blur(.1rem);
  transition: inherit;
  margin: -3rem;
  width: calc(100% + 6rem);
  height: calc(100% + 6rem);
}

#promos .promo::after {
  height: 70%;
  width: 100%;
  top: calc(50% - 35%);
  background-color: rgba(255,255,255, 0.7);
  transition: inherit;
}

#promos .promo:first-child::before {
  background-image: url('../images/design/promo-1.jpg');
}

#promos .promo:nth-child(2)::before {
  background-image: url('../images/design/promo-2.jpg');
}

#promos .promo:nth-child(3)::before {
  background-image: url('../images/design/promo-3.jpg');
}

#promos .promo:nth-child(4)::before {
  background-image: url('../images/design/promo-4.jpg');
}

#promos .promo span {
  display: block;
  margin-bottom: .643rem;
}

#promos .promo-ring {
  position: relative;
  display: flex;
  padding: 0 1rem;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  transition: inherit;
}
#promos .promo-ring::after,
#promos .promo-ring::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 174%;
  top: -37%;
  left: 0;
  z-index: -1;
  transition: inherit;
}

#promos .promo-ring::after {
  border-top: none;
  border-bottom: none;
}

#promos .promo-ring::before {
  border-left: none;
  border-right: none;
}

#promos .promo:hover,
#promos .promo:focus {
  text-decoration: none;
}

#promos .promo:hover::before,
#promos .promo:focus::before {
  filter: blur(0);
}

#promos .promo:hover::after,
#promos .promo:focus::after {
  background-color: rgba(255,255,255, 0.9);
}

#promos .promo:hover .promo-ring::before,
#promos .promo:focus .promo-ring::before {
  width: 0%;
  left: 50%;
}

#promos .promo:hover .promo-ring::after,
#promos .promo:focus .promo-ring::after {
  height: 0%;
  top: 50%;
}

#promos.promos-simple .promo {
  transition: all 300ms linear;
  transition-property: width, height, background-color, color;
}

#promos.promos-simple .promo::before {
  background-image: none;
  background-color: #e4b17e;
}

#promos.promos-simple .promo:hover .promo-ring::before,
#promos.promos-simple .promo:focus .promo-ring::before {
  width: 100%;
  left: 0;
}

#promos.promos-simple .promo:hover .promo-ring::after,
#promos.promos-simple .promo:focus .promo-ring::after {
  height: 174%;
  top: -37%;
}

#footer {
  color: #424242;
  background-color: #e4b17e;
  border-top: solid #487c7c;
  padding: 2.457rem 0;
}

#footer hr {
  background-color: #fff;
}

#footer #course-details .details-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#footer #course-details .details-section:not(:last-child) {
  border-right: 1px solid #161a1a;
}

#footer .footer-bottom {
  margin-bottom: -2rem;
  padding-top: 1rem;
  background-color: #642504;
}

#footer a {
  color: #fff;
}

#footer a:hover,
#footer a:focus {
  color: #f3cf7a;
}

#footer .footer-nav {
  list-style-type: none;
  padding-left: 0;
}

.card {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  margin-bottom: 0.2rem;
}

.card-header {
  border-radius: 0 !important;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  background-color: transparent;
}

#policies {
  list-style-type: none;
  padding-left: 0;
}

#policies a {
  padding: 0 0.4rem;
  border-right: 1px solid #333;
}

#policies li:last-child a {
  border-right: 1px solid transparent;
}

/* #HEADER  ============================================== */

#header {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  transition: all .4s ease;
  transition-property: width, height, background-color, color, transform;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 15px rgba(0,0,0, 0);
  -moz-box-shadow: 0 1px 15px rgba(0,0,0, 0);
  box-shadow: 0 1px 15px rgba(0,0,0, 0);
}

#header.header-side-menu {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#header.header-side-menu.lateral-menu-open {
  -webkit-transform: translateX(260px);
  -ms-transform: translateX(260px);
  transform: translateX(260px);
}

#header #logo img {
  max-height: 20vh;
  transition: max-height 400ms ease;
}

.internal #header {
  background-color: rgba(0, 0, 0, .3);
  position: relative;
}

#header.header-affix {
  position: fixed;
  background-color: rgba(0, 0, 0, .3);
  box-shadow: 0 1px 15px rgba(0,0,0, .15);
}

#header.header-affix #logo img,
.internal #header #logo img {
  max-height: 10vh;
}

#nav-contact {
  position: absolute;
  right: 1.5rem;
  padding: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
}

#nav-contact a {
  display: block;
}

#menu-trigger {
  position: absolute;
  z-index: 100;
  left: 1.5rem;
  padding: 15px;
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

#menu-trigger {
  font-size: 1.42em;
}

/* #NAVIGATION  ============================================== */

#lateral-nav {
  position: fixed;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  padding: 2rem 0;
  overflow-y: scroll;
  z-index: 1;
  width: 260px;
  color: #fff;
  background-color: #487C7C;
  overflow-y: auto;
  -webkit-transform: translateZ(0);
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  -webkit-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  transform: translateX(-80px);
}

#lateral-nav .nav {
  margin-bottom: 2rem;
  font-size: 1.2rem;
  width: 100%;
}

#lateral-nav.lateral-menu-open {
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
}

#lateral-nav .dropdown.show .dropdown-menu.show {
  position: static;
}

#menu-trigger.is-clicked .menu-icon::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #4b4e53;
  top: 0;
}

#menu-trigger.is-clicked .menu-icon::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #4b4e53;
  bottom: 0;
}

#menu-trigger.is-clicked .menu-icon {
  background-color: rgba(255, 255, 255, 0);
}

.trn-nav-link {
  display: block;
  padding: 0 1rem 0 2rem;
  line-height: 2.37rem;
  position: relative;
  color: #fff;
}

.trn-nav-link:hover,
.trn-nav-link:focus {
  color: #f3cf7a;
  outline-color: #f3cf7a;
}

.trn-nav-item.trn-dropdown .trn-dropdown-toggle::after {
  content: "\e232";
  font-family: linea-icons;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  right: 1rem;
  top: 0;
  transition: transform 200ms ease;
  transform: rotate(90deg);
}

.trn-nav-item.trn-dropdown:not(.show) .trn-dropdown-toggle::after {
  transform: rotate(0deg);
}

.trn-dropdown:not(.show) .trn-dropdown-menu {
  display: none;
}

.trn-dropdown-menu {
  list-style-type: none;
  padding-left: .8em;
}

#side-nav .side-nav-header {
  color: #831212;
}

#side-nav .side-nav-block {
  list-style-type: none;
  padding-left: 0;
}

#side-nav .side-nav-block a {
  display: flex;
  align-content: center;
  align-items: center;
  color: #666;
  transition: color 300ms ease 0s, transform 300ms ease 0s;
  transform-origin: center left;
  transform: scale(1);
  height: 2rem;
}

#side-nav .side-nav-block a span:not(.sr-only) {
  flex: 1;
}

#side-nav .side-nav-block a::before {
  content: "\e232";
  font-family: linea-icons;
  font-style: normal;
  font-weight: normal;
  display: block;
  width: 2rem;
  text-align: center;
}

#side-nav .side-nav-block a:hover,
#side-nav .side-nav-block a:focus, {
  color: #121212;
  transform: scale(1.14);
}
#MembersOnly .nav li a {
  position: relative;
}

#MembersOnly .nav li a::before,
#MembersOnly .nav li a::after {
  content: "";
  position: absolute;
  height: 1pt;
  width: 2%;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-color: #831212;
  transition: all 200ms linear 0s;
  transition-property: width, height, background-color, color;
}

#MembersOnly .nav li a::after {
  height: 100%;
  width: 0%;
}

#MembersOnly .nav li a:hover::before,
#MembersOnly .nav li a:focus::before {
  width: 100%;
}

#MembersOnly .nav li a:hover::after,
#MembersOnly .nav li a:focus::after {
  width: 3pt;
}

/* Dropdown Fix */
#MembersOnly .trn-nav-link {
  color: #444;
}

#MembersOnly .trn-nav-link::hover,
#MembersOnly .trn-nav-link::focus {
  color: #831212;
}

#MembersOnly .nav li .trn-dropdown-toggle::after {
  content: "\e232";
  width: 2%;
  background-color: transparent;
  transition-property: transform;
}

/* #WIDGETS/STYLES  ============================================== */

.sr-only-focusable,
.sr-only-focusable:focus {
  position: fixed;
  width: 100%;
  font-size: 1.2em;
  font-weight: 800;
  text-align: center;
  z-index: 999;
  background-color: #fff;
  top: 0;
  left: 0;
}

a {
  color: #444;
  transition: color 200ms;
}

a:focus,
a:hover {
  color: #831212;
  text-decoration: none;
}

a:focus {
  outline: 2pt solid #831212;
}

.btn-template {
  border-radius: 0;
  padding: .3rem 2rem;
  font-size: 1.3rem;
  font-family: 'Crimson Text', serif;
  letter-spacing: .5rem;
  position: relative;
  border: 1pt solid #703a31;
  color: #703a31;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition-property: width, height, background-color, color, left, right, top, bottom;
}

.reformed .btn-template {
  margin: .5rem;
  width: calc(100% - 1rem);
}

#header .btn-template {
  background-color: rgba(255,255,255, 0.8);
  border-color: #fff;
}

#header.header-affix .btn-template,
.internal #header .btn-template {
  border-color: #703a31;
}

.btn-template::before,
.btn-template::after {
  content: "";
  position: absolute;
  transition: inherit;
  border: inherit;
  pointer-events: none;
}

.btn-template::after {
  height: 100%;
  width: calc(100% + 12pt);
  left: -6pt;
  top: 0;
  background-color: transparent;
  border-top: 0;
  border-bottom: 0;
}

.btn-template::before {
  background-color: transparent;
  width: 100%;
  height: calc(100% + 12pt);
  left: 0;
  top: -6pt;
  border-right: 0;
  border-left: 0;
}

.btn-template:hover,
.btn-template:focus {
  color: #703a31;
}

.btn-template:hover::before,
.btn-template:focus::before {
  left: 50%;
  width: 0;
}

.btn-template:hover::after,
.btn-template:focus::after {
  top: 50%;
  height: 0;
}

.btn-template.on-dark,
[class*=color-bg] .btn-template {
  background-color: transparent;
  color: #fff;
  border-color: #ffffff;
}


.simple-buttons .btn-template::before,
.simple-buttons .btn-template::after {
  border: none;
}

.btn-template.on-dark:hover,
.btn-template.on-dark:focus,
[class*=color-bg] .btn-template:hover,
[class*=color-bg] .btn-template:focus {
  color: #fff;
}

.simple-buttons .btn-template,
.simple-buttons #header.header-affix .btn-template, 
.simple-buttons .internal #header .btn-template {
  font-family: 'Lora', sans-serif;
  transition: all 300ms linear;
  transition-property: width, height, background-color, color;
  color: #703a31;
  border-color: #703a31;
}

.simple-buttons .btn-template.on-dark,
.simple-buttons [class*=color-bg] .btn-template {
  color: #BFBFBF;
  border-color: #BFBFBF;
  background-color: rgba(255,255,255, 0);
}


.simple-buttons .btn-template:hover,
.simple-buttons .btn-template:focus,
.simple-buttons #header.header-affix .btn-template:hover, 
.simple-buttons .internal #header .btn-template:hover,
.simple-buttons #header.header-affix .btn-template:focus, 
.simple-buttons .internal #header .btn-template:focus,
.simple-buttons #header .btn-template:hover, 
.simple-buttons .internal #header .btn-template:hover,
.simple-buttons #header .btn-template:focus, 
.simple-buttons .internal #header .btn-template:focus {
  color: #fff;
  border-color: #394442;
  background-color: #703a31;
}

.simple-buttons .btn-template.on-dark:hover,
.simple-buttons .btn-template.on-dark:focus,
.simple-buttons [class*=color-bg] .btn-template:hover,
.simple-buttons [class*=color-bg] .btn-template:focus {
  color: #333;
  border-color: #fff;
  background-color: rgba(255,255,255, 1);
}

.simple-buttons .btn-template:hover::before,
.simple-buttons .btn-template:focus::before {
  left: 0;
  width: 100%;
}

.simple-buttons .btn-template:hover::after,
.simple-buttons .btn-template:focus::after {
  top: 0;
  height: 100%;
}

video, image {
  max-width: 100%;
}

.simple-buttons #hero #local-scroll a {
  background-color: transparent;
}

.scroll-bounce {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  animation: scroll-bounce 5s infinite ease-in-out;
}

@keyframes scroll-bounce {
  0%{
   transform: translate(0,0);
  }

  10% {
   transform: translate(0, -50px);
  }

  20% {
   transform: translate(0,0);
  }

  30% {
   transform: translate(0,-25px);
  }

  40% {
   transform: translate(0,0);
  }

  100% {
   transform: translate(0, 0);
  }
}

.menu-icon {
  display: inline-block;
  position: relative;
  height: 3pt;
  width: 1.8em;
  margin-top: .6em;
  margin-bottom: .6em;
  background-color: #fff;
  transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition-property: width, height, background-color, color, left, right, top, bottom;
}

.menu-icon::before, .menu-icon::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: .6em;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: inherit;
  transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition-property: width, height, background-color, color, left, right, top, bottom;
}

.menu-icon::after {
  bottom: auto;
  top: .6em;
}

blockquote, .blockquote {
  border-left: .23rem solid #eee;
  padding-left: 2rem;
  font-size: 2.5rem;
  line-height: 2.3rem
}

blockquote span, .blockquote .span {
  display: block;
}

.snipit .blockquote, .snipit blockquote {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.icon-box .icon,
.icon-box [class^=fa] {
  font-size: 1.5rem;
  padding-top: .25rem !important;
}

.icon-box a:hover h2,
.icon-box a:focus h2,
.icon-box a:hover .icon,
.icon-box a:focus .icon {
  color: #444;
}

#back-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 99;
}

#back-top a {
  display: block;
  overflow: hidden;
  font-size: 2rem;
  line-height: 1rem;
  padding: .5rem;
  color: #333;
  background-color: rgba(255,255,255, 0.7);
}

.form-group input, .form-group select, .form-group textarea {
  background-color: rgba(0,0,0, 0.03);
}

#map {
  width: 100%;
  height: 100%;
}

.cis-cont {
  display: flex;
}

.cis-icon {
  display: flex;
  align-content: center;
  align-items: center;
  width: 4rem;
  text-align: center;
  font-size: 2rem;
  color: #831212;
  border-right: 1pt solid #bdbdbd;
  margin-right: 2rem;
}

.table {
  border-bottom: 1pt solid #831212;
}

.table thead {
  background-color: #831212;
  color: #fff;
}

.table.table-bordered thead th {
  border-top-color: #dee2e6;
}

[class*=color-bg] .table {
  color: #fff;
  border-bottom: 1pt solid #fff;
}

[class*=color-bg] .table thead {
  background-color: rgba(0,0,0, .5);
  color: #fff;
  border-right: 2pt solid #fff;
  border-left: 2pt solid #fff;
}

[class*=color-bg] .table tbody {
  border-top: blue;
}

[class*=tabs-] .nav-tabs {
  border-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}

[class*=tabs-] .nav-tabs li {
  flex: 1;
  min-width: 115px;
  text-align: center;
}

[class*=tabs-] .nav-tabs a {
  border-radius: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

[class*=tabs-] .nav-tabs a:hover {
  border-color: transparent;
}

[class*=tabs-] .nav-tabs a::before,
[class*=tabs-] .nav-tabs a::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  border: 1pt solid #703a31;
  transition: all 300ms;
  transition-property: width, height, background-color, color, left, right, top, bottom, border;
}

[class*=tabs-] .nav-tabs a::before {
  width: 0%;
  top: 0%;
  border-left: 0;
  border-right: 0;
}

[class*=tabs-] .nav-tabs a::after {
  height: 0%;
  left: 0%;
  border-top: 0;
  border-bottom: 0;
}

.simple-buttons [class*=tabs-] .nav-tabs a::before,
.simple-buttons [class*=tabs-] .nav-tabs a::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1pt solid transparent;
}

[class*=tabs-] .nav-tabs a:hover::before,
[class*=tabs-] .nav-tabs a:focus::before,
[class*=tabs-] .nav-tabs a:hover::after,
[class*=tabs-] .nav-tabs a:focus::after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.simple-buttons [class*=tabs-] .nav-tabs a:hover::before,
.simple-buttons [class*=tabs-] .nav-tabs a:focus::before,
.simple-buttons [class*=tabs-] .nav-tabs a:hover::after,
.simple-buttons [class*=tabs-] .nav-tabs a:focus::after {
  border-color: #703a31;
}

[class*=tabs-] .nav-tabs a.nav-link.active {
  border: 1px solid #703a31;
}


/* #Responsive Styles  ============================================== */

@media (max-width: 767px) {
  .escalante-tile .tile-image,
  .escalante-tile .tile-map {
    position: relative;
  }
}

@media (min-width: 991px) {
  .tile-grid .covering-tile {
    position: absolute;
    width: 50vw;
    height: 60vh;
  }
}

@media (max-width: 991px) {
  .btn {
    white-space: initial;
  }
}

@media(max-width: 767px) {
  #fill {
    margin-left: 0px!important;
    padding-left: 0px!important;
    float: none!imporant;
  }

  #lateral-nav, 
  #lateral-nav .nav {
    overflow-y: scroll;
    flex-wrap: nowrap;
  }

  #map {
    height: 60vh;
  }

  #page-banner {
    justify-content: center;
  }

  #page-banner h1 {
    margin-bottom: 0;
  }
}
html,body {
    overflow-x: hidden;
}