/*--------------------------------------------------------------
# Site Header
--------------------------------------------------------------*/
/*
# Header Bar
--------------------------------*/
.top-header-bar {
  background: #ff4800;
  color: #fff;
}

/*
# Header Bar Email
--------------------------------*/
.header-bar-email,
.header-bar-text {
  padding: 20px 0;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}

.header-bar-email a,
.header-bar-text span {
  text-transform: lowercase;
  color: #fff;
  text-decoration: none;
}

/*
# Header Bar Text
--------------------------------*/
.header-bar-text {
  margin-left: 48px;
}

.header-bar-text p {
  margin: 0;
}

/*
# Header Bar Donate Button
--------------------------------*/
.donate-btn a {
  display: inline-block;
  padding: 20px 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-decoration: navajowhite;
  background: #262222;
}

/*
# Site Branding
--------------------------------*/
.site-branding {
  width: calc(100% - 24px);
  padding: 20px 0;
}

.site-branding a {
  margin-top: 6px;
}

@media screen and (min-width: 992px) {
  .site-branding {
    width: auto;
  }
}

/*
  Hamburger Menu
----------------------------------------*/
.hamburger-menu {
  position: relative;
  width: 24px;
  height: 22px;
  margin: 0 auto;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.hamburger-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #262626;
  border-radius: 10px;
  opacity: 1;
  left: 0;
  transition: .25s ease-in-out;
}

.hamburger-menu span:nth-child(1) {
  top: 2px;
}

.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3) {
  top: 10px;
}

.hamburger-menu span:nth-child(4) {
  top: 18px;
}

.hamburger-menu.open span:nth-child(1) {
  top: 18px;
  width: 0;
  left: 50%;
}

.hamburger-menu.open span:nth-child(2) {
  transform: rotate(45deg);
}

.hamburger-menu.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.hamburger-menu.open span:nth-child(4) {
  top: 18px;
  width: 0;
  left: 50%;
}

/*
# Main Menu
--------------------------------*/
.site-navigation ul {
  position: fixed;
  top: 0;
  left: -320px;
  z-index: 9999;
  width: 320px;
  max-width: calc(100% - 120px);
  height: 100%;
  padding: 30px 15px;
  margin: 0;
  background: #fff;
  list-style: none;
  overflow-x: scroll;
  transition: all 0.35s;
}

.site-navigation.show ul {
  left: 0;
}

.site-navigation ul li {
  margin: 0 16px;
}

.site-navigation ul li a {
  display: block;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #262626;
  text-decoration: none;
  transition: color .35s;
}

@media screen and (min-width: 992px) {
  .site-navigation ul {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    overflow: auto;
    background: transparent;
  }

  .site-navigation ul li a {
    padding: 49px 0 30px;
  }
}

.site-navigation ul li a:hover,
.site-navigation ul li.current-menu-item a {
  border-bottom: 3px solid #ff5a00;
  color: #ff5a00;
}

/*
# Menu SHopping Cart
--------------------------------*/
.header-bar-cart {
  margin-left: 40px;
}

.header-bar-cart a {
  width: 48px;
  height: 100%;
}

.header-bar-cart a {
  color: #fff;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero-slider {
  max-height: 820px;
}

.hero-content-wrap {
  position: relative;
  color: #fff;
}

.hero-content-overlay {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
}

.hero-content-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}

.hero-content-overlay h1 {
  margin: 0;
  font-size: 102px;
  font-weight: 600;
  line-height: 1;
}

.hero-content-overlay h4 {
  margin: 0;
  font-size: 46px;
  font-weight: 600;
}

.hero-content-overlay p {
  font-weight: 500;
  line-height: 1.8;
}

.hero-content-overlay .entry-footer a.btn {
  color: #fff;
}

.hero-slider .pagination-wrap {
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 60px;
}


.hero-slider .swiper-pagination-bullet {
  width: 24px;
  height: 20px;
  margin-right: 6px;
  border-radius: 0;
  font-size: 12px;
  color: #fff;
  background: transparent;
  opacity: 1;
}

.hero-slider .swiper-pagination-bullet-active {
  color: #ff5a00;
}

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
  width: 70px;
  height: 70px;
  margin-top: -35px;
  border-radius: 50%;
  background: -moz-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 90, 0, 1)), color-stop(100%, rgba(1255, 54, 0, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ie10+ */
  background: linear-gradient(270deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a00', endColorstr='#ff3600', GradientType=1);
  /* ie6-9 */
  transition: all .35s;
}

.hero-slider .swiper-button-next {
  right: 80px;
}

.hero-slider .swiper-button-prev {
  left: 80px;
}

.hero-slider .swiper-button-next span,
.hero-slider .swiper-button-prev span {
  display: block;
  width: 36px;
  padding-top: 15px;
  margin: 0 auto;
}

.hero-slider .swiper-button-next path,
.hero-slider .swiper-button-prev path {
  fill: #fff;
}

.hero-slider .swiper-button-next.swiper-button-disabled,
.hero-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

@media screen and (max-width: 1200px) {
  .hero-content-overlay h1 {
    font-size: 72px;
  }

  .hero-content-overlay h4 {
    font-size: 32px;
  }

  .hero-content-overlay p {
    font-size: 14px;
  }

  .hero-slider .pagination-wrap {
    height: 40px;
  }
}

@media screen and (max-width: 992px) {
  .hero-content-overlay h1 {
    font-size: 48px;
  }

  .hero-content-overlay h4 {
    font-size: 22px;
  }

  .hero-content-overlay p,
  .hero-slider .pagination-wrap,
  .hero-slider .swiper-button-next,
  .hero-slider .swiper-button-prev {
    display: none;
  }

  .hero-content-overlay footer {
    margin-top: 12px !important;
  }
}

/*--------------------------------------------------------------
# Elements Page
--------------------------------------------------------------*/
.elements-wrap {
  margin-top: 80px;
}

.elements-page .elements-heading .entry-title {
  font-size: 24px;
  font-weight: 600;
  color: #262626;
}

.elements-page .elements-container {
  margin-top: 54px;
}

.elements-page .btn {
  margin-right: 20px;
}

/*
# Button
----------------------------------*/
.btn {
  padding: 18px 40px;
  border: 2px solid #262626;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #262626;
  outline: none;
}

.btn:focus {
  outline: none;
}

.btn.orange-border {
  border-color: #ff5a00;
}

.btn.orange-border:hover,
.btn.gradient-bg {
  border-color: transparent;
  background: -moz-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 90, 0, 1)), color-stop(100%, rgba(1255, 54, 0, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ie10+ */
  background: linear-gradient(270deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a00', endColorstr='#ff3600', GradientType=1);
  /* ie6-9 */
  color: #fff;
}

/*
# Accordion
----------------------------------*/
.accordion-wrap {
  position: relative;
}

.accordion-wrap .entry-content {
  margin: 0;
}

.accordion-wrap .entry-title {
  padding: 12px 38px;
  margin-bottom: 15px;
  border-radius: 30px;
  background: #f3f3f3;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  cursor: pointer;
}

.accordion-wrap .entry-title.active {
  border: 0;
  background: -moz-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 90, 0, 1)), color-stop(100%, rgba(1255, 54, 0, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ie10+ */
  background: linear-gradient(270deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a00', endColorstr='#ff3600', GradientType=1);
  /* ie6-9 */
  color: #fff;
}

.accordion-wrap .entry-title .arrow-r::before,
.accordion-wrap .entry-title .arrow-d::before {
  content: "+";
  font-size: 24px;
  font-weight: 400;
}

.accordion-wrap .entry-title .arrow-d::before {
  content: "-";
}

/*
# Content
----------------------------------*/
.accordion-wrap .entry-content {
  display: none;
}

.accordion-wrap .entry-content p {
  padding: 18px 38px;
  font-size: 14px;
  line-height: 2;
  color: #929191;
}

/*
# Tabs
----------------------------------*/
ul.tabs-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.tabs-nav .tab-nav {
  padding: 12px 32px;
  margin-right: 6px;
  border-radius: 30px;
  background: #f3f3f3;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  cursor: pointer;
  transition: all .35s;
}

ul.tabs-nav .tab-nav.active {
  border: 0;
  background: -moz-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 90, 0, 1)), color-stop(100%, rgba(1255, 54, 0, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ie10+ */
  background: linear-gradient(270deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a00', endColorstr='#ff3600', GradientType=1);
  /* ie6-9 */
  color: #fff;
}

.tabs .tab-nav {
  margin-bottom: -1px;
  z-index: 99;
}

.tabs-container {
  padding: 34px;
}

.tab-content {
  display: none;
}

.tab-content p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 2;
  color: #929191;
}

/*
# Circular Progress Bar
----------------------------------*/
.circular-progress-bar {
  margin: 20px 0;
  text-align: center;
}

.circular-progress-bar .circle {
  position: relative;
  width: 156px;
  height: 156px;
  margin: 0 auto;
}

.circular-progress-bar .circle strong {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -24px;
  width: 100%;
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
  color: #262626;
}

.circular-progress-bar .circle strong i {
  margin-top: 5px;
  font-size: 24px;
  font-style: normal;
}

.circular-progress-bar .entry-title {
  margin-top: 32px;
  font-size: 18px;
  font-weight: 600;
  color: #262626;
}

/*
# Counter Box
----------------------------------*/
.counter-box {
  margin: 20px 0;
  text-align: center;
}

.counter-box .start-counter {
  margin-top: 10px;
  font-size: 48px;
  font-weight: 500;
  color: #262626;
}

.counter-box .counter-k {
  font-size: 24px;
  font-weight: 500;
}

.counter-box .entry-title {
  margin-top: 16px;
  font-size: 14px;
  color: #595858;
}

/*
# Icon Box
----------------------------------*/
.icon-box {
  padding: 40px;
  border-radius: 24px;
  background: #ecf2f5;
  text-align: center;
  transition: all .35s;
}

.icon-box:hover,
.icon-box.active {
  border: 0;
  background: -moz-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 90, 0, 1)), color-stop(100%, rgba(1255, 54, 0, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ie10+ */
  background: linear-gradient(270deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a00', endColorstr='#ff3600', GradientType=1);
  /* ie6-9 */
  color: #fff;
}

.icon-box figure img:nth-of-type(1) {
  display: block;
}

.icon-box figure img:nth-of-type(2) {
  display: none;
}

.icon-box:hover figure img:nth-of-type(1),
.icon-box.active figure img:nth-of-type(1) {
  display: none;
}

.icon-box:hover figure img:nth-of-type(2),
.icon-box.active figure img:nth-of-type(2) {
  display: block;
}

.icon-box .entry-title {
  margin-top: 28px;
  font-size: 24px;
  font-weight: 600;
  color: #262626;
}

.icon-box:hover .entry-title,
.icon-box.active .entry-title {
  color: #fff;
}

.icon-box .entry-content {
  margin-top: 24px;
}

.icon-box .entry-content p {
  margin: 0;
  font-size: 14px;
  color: #595858;
}

.icon-box:hover .entry-content p,
.icon-box.active .entry-content p {
  color: #fff;
}

/*
# Bar Filler
----------------------------------*/
.barfiller {
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  background: #d6dee1;
}

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  border-radius: 3px;
  background: #333;
  z-index: 1;
}

.barfiller .tipWrap {
  display: none;
}

.barfiller .tip {
  left: 0;
  position: absolute;
  z-index: 2;
  width: 42px;
  height: 42px;
  padding-top: 14px;
  margin-top: -21px;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  background: #ff5a00;
  color: #fff;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
/*
# Icon Boxes
--------------------------------*/
.home-page-icon-boxes {
  padding: 96px 0;
}

/*
# Welcome
--------------------------------*/
.home-page-welcome {
  position: relative;
  padding: 96px 0;
  background: url("images/welcome-bg.jpg") no-repeat center;
  background-size: cover;
  z-index: 99;
}

.home-page-welcome::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(21, 21, 21, .9);
}

.welcome-content .entry-title {
  position: relative;
  padding-bottom: 24px;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}

.welcome-content .entry-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: #ff5a00;
}

.welcome-content .entry-content {
  font-size: 14px;
  line-height: 2;
  color: #b7b7b7;
}

.home-page-welcome img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .home-page-welcome img {
    margin-bottom: 60px;
  }
}

/*
# Upcoming Events
--------------------------------*/
.home-page-events {
  padding: 96px 0;
}

.section-heading .entry-title {
  position: relative;
  padding-bottom: 24px;
  font-size: 36px;
  font-weight: 600;
}

.section-heading .entry-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: #ff5a00;
}

@media screen and (max-width: 992px) {
  .home-page-events .featured-cause .section-heading {
    margin-top: 80px;
  }
}

.event-wrap {
  margin-top: 40px;
}

.event-wrap figure {
  width: 144px;
  height: auto;
}

.event-wrap figure img {
  display: block;
  width: 100%;
}

.event-content-wrap {
  width: calc(100% - 180px);
  margin-top: -10px;
}

.event-content-wrap .entry-title a {
  font-size: 18px;
  font-weight: 600;
  color: #262626;
}

.event-content-wrap .posted-date a,
.event-content-wrap .cats-links a {
  display: block;
  position: relative;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #262626;
}

.event-content-wrap .posted-date a {
  padding-right: 14px;
  margin-right: 14px;
}

.event-content-wrap .posted-date a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #262626;
}

.event-content-wrap .entry-content {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 14px;
  color: #929191;
}

.event-content-wrap .entry-footer a {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #ff5a00;
  text-decoration: none;
}

/*
# Featured Cause
--------------------------------*/
.home-page-events {
  padding: 96px 0;
}

.cause-wrap {
  margin-top: 50px;
}

.featured-cause .cause-wrap {
  padding: 40px 24px;
  background: #edf3f5;
}

.featured-cause .featured-cause .cause-wrap figure {
  width: 246px;
  height: auto;
}

.cause-wrap figure img {
  display: block;
  width: 100%;
}

.featured-cause .cause-content-wrap {
  width: calc(100% - 280px);
}

.cause-content-wrap .entry-title a {
  font-size: 18px;
  font-weight: 600;
  color: #262626;
}

.cause-content-wrap .posted-date a,
.cause-content-wrap .cats-links a {
  display: block;
  position: relative;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #262626;
}

.cause-content-wrap .posted-date a {
  padding-right: 14px;
  margin-right: 14px;
}

.cause-content-wrap .posted-date a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #262626;
}

.cause-content-wrap .entry-content {
  margin-top: 28px;
  margin-bottom: 0;
  font-size: 14px;
  color: #929191;
}

.cause-wrap .fund-raised {
  margin-top: 64px;
}

.fund-raised-details {
  font-size: 14px;
  color: #929191;
}

/*
# Home Causes
--------------------------------*/
.our-causes {
  position: relative;
  padding: 96px 0;
  background: url("images/cause-bg.jpg") no-repeat center;
  background-size: cover;
  z-index: 99;
}

.our-causes::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(232, 237, 238, .8);
}

.our-causes .cause-wrap {
  margin-top: 60px;
}

.our-causes .cause-wrap figure {
  position: relative;
}

.our-causes .cause-wrap figure .figure-overlay {
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, .7);
  transition: all .5s;
}

.our-causes .cause-wrap figure:hover .figure-overlay {
  opacity: 1;
  visibility: visible;
}

.our-causes .cause-content-wrap {
  padding: 32px;
  background: #fff;
}

.our-causes .cause-content-wrap .entry-content {
  margin-top: 20px;
}

.our-causes .cause-wrap .fund-raised {
  margin-top: 48px;
}

.our-causes .swiper-button-next,
.our-causes .swiper-button-prev {
  width: 70px;
  height: 70px;
  margin-top: -10px;
  border-radius: 50%;
  background: -moz-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 90, 0, 1)), color-stop(100%, rgba(1255, 54, 0, 1)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* ie10+ */
  background: linear-gradient(270deg, rgba(255, 90, 0, 1) 0%, rgba(255, 54, 0, 1) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a00', endColorstr='#ff3600', GradientType=1);
  /* ie6-9 */
  transition: all .35s;
}

.our-causes .swiper-button-next {
  right: -120px;
}

.our-causes .swiper-button-prev {
  left: -120px;
}

.our-causes .swiper-button-next span,
.our-causes .swiper-button-prev span {
  display: block;
  width: 36px;
  padding-top: 15px;
  margin: 0 auto;
}

.our-causes .swiper-button-next path,
.our-causes .swiper-button-prev path {
  fill: #fff;
}

.our-causes .swiper-button-next.swiper-button-disabled,
.our-causes .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

@media screen and (max-width: 1400px) {
  .our-causes .swiper-button-next {
    right: 0;
  }

  .our-causes .swiper-button-prev {
    left: 0;
  }
}

@media screen and (max-width: 576px) {

  .our-causes .swiper-button-next,
  .our-causes .swiper-button-prev {
    display: none;
  }
}

/*
# Home Milestone
--------------------------------*/
.home-page-limestone {
  padding: 96px 0;
}

.home-page-limestone .section-heading .entry-title {
  padding-bottom: 36px;
  line-height: 1.6;
}

.home-page-limestone .section-heading p {
  font-size: 14px;
  color: #595858;
}

/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
.single-page .page-header {
  position: relative;
  z-index: 99;
  padding-top: 100px;
  padding-bottom: 72px;
  background-size: cover !important;
}

.single-page .page-header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
}

.single-page .page-header h1 {
  position: relative;
  padding-bottom: 24px;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}

.single-page .page-header h1::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: #ff5a00;
}

.about-page .page-header {
  background: url(images/about-bg.jpg) no-repeat center;
}

.about-page .welcome-wrap {
  padding: 96px 0;
}

.about-page .welcome-content .entry-title {
  color: #262626;
}

@media screen and (max-width: 992px) {
  .about-page .welcome-content .entry-title {
    margin-top: 60px;
  }
}

.about-page .welcome-content .entry-content {
  color: #929191;
}

.about-page .welcome-wrap img {
  display: block;
  width: 100%;
}

.about-stats {
  padding: 96px 0;
  background: #262626;
}

.about-stats .circular-progress-bar .circle strong,
.about-stats .circular-progress-bar .entry-title {
  color: #fff;
}

.about-testimonial {
  padding: 0 0 96px;
}

.testimonial-cont {
  margin-top: 96px;
}

.testimonial-cont,
.testimonial-cont p {
  position: relative;
}

.testimonial-cont::before {
  content: '“';
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  font-size: 48px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
  color: #ff5a00;
}

.testimonial-cont .entry-content {
  padding-top: 42px;
}

.testimonial-cont p {
  padding-bottom: 32px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.6;
  font-style: italic;
}

.testimonial-cont p::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: #ff5a00;
}

.testimonial-cont .entry-footer img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.testimonial-cont .entry-footer h4 {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #595858;
}

.testimonial-cont .entry-footer h4 span {
  color: #ff5a00;
}

.help-us {
  padding: 70px 0 96px;
  background: #ff3700;
}

.help-us h2 {
  margin-top: 36px;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}

.help-us .btn {
  margin-top: 36px;
}

.help-us .btn,
.help-us .btn:hover {
  border-color: #fff;
  color: #fff;
}

/*--------------------------------------------------------------
# Causes
--------------------------------------------------------------*/
.causes-page .page-header {
  background: url(images/causes-bg.jpg) no-repeat center;
}

.causes-page .featured-cause {
  padding: 96px 0;
}

.causes-page .our-causes {
  position: relative;
  padding: 70px 0 96px;
  background: none;
}

.causes-page .our-causes .cause-wrap {
  margin-top: 36px;
}

.causes-page .our-causes::after {
  display: none;
}

.causes-page .our-causes .cause-content-wrap {
  border: 1px solid #e0e0e0;
  border-top: 0;
}

.causes-page .highlighted-cause {
  padding: 46px 0 96px;
  background: #262626;
}

.causes-page .highlighted-cause .entry-title {
  padding-right: 24px;
  margin-top: 60px;
  line-height: 1.6;
  color: #fff;
}

.causes-page .highlighted-cause .entry-title::before {
  display: none;
}

.causes-page .highlighted-cause .entry-content {
  font-size: 14px;
  line-height: 2;
  color: #edf3f5;
}

.causes-page .highlighted-cause img {
  width: 100%;
  margin-top: 60px;
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .cause-wrap figure {
    width: 100%;
  }

  .featured-cause .cause-content-wrap {
    width: 100%;
    margin-top: 40px;
  }
}

@media screen and (max-width: 576px) {
  .cause-wrap figure {
    width: 100%;
  }

  .featured-cause .cause-content-wrap {
    width: 100%;
    margin-top: 40px;
  }
}

/*--------------------------------------------------------------
# Single Cause
--------------------------------------------------------------*/
.single-cause .page-header {
  background: url(images/single-cause-bg.jpg) no-repeat center;
}

.single-cause .highlighted-cause {
  padding: 46px 0 96px;
}

.single-cause .highlighted-cause .entry-title {
  padding-right: 24px;
  margin-top: 60px;
  line-height: 1.6;
}

.single-cause .highlighted-cause .entry-content {
  color: #929191;
}

.single-cause .highlighted-cause img {
  width: 100%;
  margin-top: 60px;
}

/*
# Short Content
--------------------------------*/
.short-content-wrap {
  padding-bottom: 96px;
}

.short-content .entry-title {
  font-size: 18px;
  font-weight: 500;
}

.short-content p {
  margin-top: 40px;
  font-size: 14px;
  color: #929191;
}

/*
# Donation Form
--------------------------------*/
.donation-form-wrap {
  padding: 96px 64px;
  margin-bottom: 96px;
  background: #edf3f5;
}

.donation-form-wrap h2 {
  font-size: 30px;
  font-weight: 500;
}

.donation-form-wrap h4 {
  font-size: 16px;
  font-weight: 500;
}

.donation-form .radio-label {
  display: block;
}

.donation-form .radio-label>input[type="radio"] {
  visibility: hidden;
  position: absolute;
}

.donation-form .radio-label>input+.donate-amount {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 40px 30px;
  margin-right: 15px;
  border: 2px solid #e0e0e0;
  font-size: 30px;
  line-height: 1;
  font-weight: 500;
  background: #fff;
}

.donation-form .radio-label:nth-last-of-type(1)>input+.donate-amount {
  margin-right: 0;
}

.donation-form .radio-label>input:checked+.donate-amount {
  border-color: #ff5a00;
}

.donation-form .payment-type input[type="radio"] {
  visibility: hidden;
  position: absolute;
}

.donation-form .payment-type label {
  position: relative;
  margin-right: 40px;
  font-size: 14px;
  line-height: 1;
  color: #6a6a6a;
}

.donation-form .payment-type input[type="radio"]+.payment-type-radio {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.donation-form .payment-type input[type="radio"]+.payment-type-radio+.centered-dot {
  visibility: hidden;
  display: block;
  position: absolute;
  left: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff5e06;
}

.donation-form .payment-type input[type="radio"]:checked+.payment-type-radio {
  border-color: #ff5e06;
}


.donation-form .payment-type input[type="radio"]:checked+.payment-type-radio+.centered-dot {
  visibility: visible;
}

.billing-information input {
  width: calc(50% - 14px);
  padding: 12px 30px;
  margin-top: 28px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 1;
}

.billing-information input::placeholder {
  color: #929191;
}

@media screen and (max-width: 768px) {
  .billing-information input {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .page-header {
  background: url(images/portfolio-bg.jpg) no-repeat center;
}

.portfolio-wrap {
  padding: 96px 0;
}

.portfolio-wrap .mt-48 {
  margin-top: 45px;
}

.portfolio-wrap .mt-72 {
  margin-top: 72px;
}

.portfolio-wrap .portfolio-item {
  display: none;
  margin-bottom: 30px;
}

.portfolio-wrap .portfolio-item.visible {
  display: block;
}

.portfolio-cont {
  margin-bottom: 20px;
}

.portfolio-cont img {
  width: 100%;
}

.portfolio-cont .entry-title {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 500;
}

.portfolio-cont .entry-title a {
  color: #262626;
}

.portfolio-cont h4 {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #ff5a00;
}

/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.news-page .page-header {
  background: url(images/news-bg.jpg) no-repeat center;
}

.news-wrap {
  padding: 96px 0;
}

.news-content {
  margin-bottom: 64px;
}

.news-content:nth-last-of-type(1) {
  margin-bottom: 0;
}

.news-content img {
  display: block;
  width: 100%;
  margin: 0;
}

.news-content .entry-header {
  margin-top: 34px;
}

.news-content .entry-header .header-elements,
.news-content .donate-icon {
  margin-top: 30px;
}

.news-content .entry-title {
  font-size: 24px;
  font-weight: 500;
}

.news-content .entry-title a {
  color: #262626;
}

.news-content .posted-date {
  font-size: 14px;
  font-weight: 500;
  color: #ff5a00;
}

.post-metas {
  font-size: 12px;
  line-height: 1;
  color: #929191;
}

.post-metas a {
  color: #929191;
}

.post-metas>span {
  display: block;
  padding-right: 10px;
  margin-top: 6px;
  margin-right: 10px;
  border-right: 1px solid #929191;
}

.post-metas>span:nth-last-of-type(1) {
  border: 0;
  padding-right: 0;
  margin-right: 0;
}

.news-content .entry-content {
  margin-top: 32px;
  font-size: 14px;
  color: #929191;
}

.news-content .entry-footer {
  margin-top: 56px;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.pagination {
  margin-top: 92px;
}

.pagination a {
  margin-right: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #262626;
  text-decoration: navajowhite;
}

.pagination a:hover,
.pagination .active a {
  color: #ff3900;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
@media screen and (max-width: 992px) {
  .sidebar {
    margin-top: 96px;
  }
}

.sidebar h2 {
  font-size: 18px;
  font-weight: 600;
}

/*
# Search
--------------------------------*/
.search-widget input[type="search"] {
  width: calc(100% - 76px);
  height: 52px;
  padding: 10px 20px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  outline: none;
}

.search-widget input[type="search"]::placeholder {
  color: #929191;
}

.search-widget button[type="submit"] {
  width: 75px;
  height: 54px;
  border: 0;
  margin-left: -5px;
  font-size: 14px;
  font-weight: 500;
  background: #ff5a00;
  color: #fff;
  cursor: pointer;
  outline: none;
}

/*
# Popular Posts
--------------------------------*/
.popular-posts {
  margin-top: 60px;
}

.popular-posts ul {
  list-style: none;
  margin: 60px 0 0;
}

.popular-posts li {
  margin-bottom: 15px;
}

.popular-posts li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.popular-posts figure,
.popular-posts figure a,
.popular-posts figure img {
  display: block;
  margin: 0;
}

.popular-posts figure {
  width: 72px;
}

.popular-posts .entry-content {
  width: calc(100% - 100px);
}

.popular-posts h3 {
  font-size: 14px;
  font-weight: 500;
}

.popular-posts h3 a {
  color: #262626;
}

.popular-posts .posted-date {
  font-size: 12px;
  color: #ff5a00;
}

/*
# Upcoming Events
--------------------------------*/
.sidebar .upcoming-events {
  margin-top: 60px;
}

.sidebar .upcoming-events ul {
  list-style: none;
  margin: 60px 0 0;
}

.sidebar .upcoming-events li {
  margin-bottom: 32px;
}

.sidebar .upcoming-events li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.sidebar .upcoming-events figure,
.sidebar .upcoming-events figure a,
.sidebar .upcoming-events figure img {
  display: block;
  margin: 0;
}

.sidebar .upcoming-events figure {
  width: 140px;
  /*margin-right: 24px;*/
}

.sidebar .upcoming-events .entry-content {
  width: calc(100% - 140px);
}

.sidebar .upcoming-events h3 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

.sidebar .upcoming-events h3 a {
  color: #262626;
}

.sidebar .upcoming-events .post-metas {
  font-size: 11px;
  line-height: 1;
  color: #262626;
}

.sidebar .upcoming-events .post-metas a {
  color: #262626;
}

.sidebar .upcoming-events .post-metas>span {
  display: block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #262626;
}

.sidebar .upcoming-events .post-metas>span:nth-last-of-type(1) {
  border: 0;
  padding-right: 0;
  margin-right: 0;
}

.sidebar .upcoming-events p {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
  color: #929191;
}

/*
# Featured Cause
--------------------------------*/
.sidebar .featured-cause {
  margin-top: 60px;
}

.sidebar .featured-cause .cause-wrap {
  padding: 0;
  background: none;
}

.sidebar .featured-cause .featured-cause .cause-wrap figure {
  width: 100%;
}

.sidebar .cause-wrap figure img {
  display: block;
  width: 100%;
}

.sidebar .featured-cause .cause-content-wrap {
  width: 100%;
  padding: 32px;
  margin-top: 0;
  border: 1px solid #e0e0e0;
  border-top: 0;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page .page-header {
  background: url(images/contact-bg.jpg) no-repeat center;
}

.contact-page-wrap {
  padding: 0 0 96px;
}

.contact-page-wrap .entry-content {
  margin-top: 96px;
}

.contact-page-wrap .entry-content h2 {
  font-size: 24px;
  font-weight: 500;
}

.contact-page-wrap .entry-content p {
  margin-top: 20px;
  font-size: 14px;
  color: #929191;
}

.contact-page-wrap .entry-content ul.contact-social {
  padding: 20px 0 0;
  margin: 0;
  list-style: none;
}

.contact-page-wrap .entry-content ul.contact-social li {
  margin-right: 28px;
  margin-bottom: 8px;
  font-size: 14px;
}

.contact-page-wrap .entry-content ul.contact-social li a {
  color: #ff3700;
}

.contact-page-wrap .entry-content ul.contact-info {
  margin: 32px 0 0;
}

.contact-page-wrap .entry-content ul.contact-info li {
  display: flex;
  align-items: baseline;
  margin-bottom: 15px;
  font-size: 14px;
  color: #9b9a9a;
}

.contact-page-wrap .entry-content ul.contact-info .fa {
  width: 28px;
  margin-right: 10px;
  font-size: 18px;
  color: #ff5a00;
  text-align: center;
}

.contact-form {
  padding: 35px 20px 55px;
  margin-top: 96px;
  background: #edf3f5;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width: 100%;
  padding: 12px 24px;
  margin-bottom: 18px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 1;
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus {
  outline: none;
}

.contact-form input[type="text"]::placeholder,
.contact-form input[type="email"]::placeholder,
.contact-form textarea::placeholder {
  color: #929191;
}

.contact-form span {
  display: block;
  margin-top: 16px;
  text-align: center;
}

.contact-form input[type="submit"] {
  cursor: pointer;
}

.contact-page .contact-gmap {
  margin-top: 92px;
}

.contact-page .contact-gmap iframe {
  display: block;
  width: 100%;
  height: 440px;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.elements-page .page-header {
  background: url(images/elements-bg.jpg) no-repeat center;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-widgets {
  position: relative;
  padding: 96px 0 90px;
  font-weight: 500;
  color: #929191;
  background: url("images/foot-bg.jpg") no-repeat center;
  background-size: cover;
  z-index: 99;
}

.footer-widgets::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 101%;
  background: rgba(22, 22, 22, .92);
}

.footer-widgets h2 {
  margin-bottom: 40px;
  font-size: 18px;
  color: #fff;
}

.footer-widgets ul {
  padding: 12px 0 0;
  margin: 0;
  list-style: none;
}

.footer-widgets ul li {
  margin-bottom: 8px;
  font-size: 14px;
}

.footer-widgets ul li a {
  color: #a2a1a1;
  text-decoration: none;
}

.footer-widgets ul li a:hover {
  color: #ff5a00;
}

.foot-about p {
  font-size: 14px;
  line-height: 2;
  color: #929191;
}

.foot-about ul li {
  margin-right: 28px;
}

.foot-about ul li a {
  color: #fff;
}

.foot-latest-news ul li {
  display: block;
  margin-bottom: 36px;
}

.foot-latest-news ul li h3 {
  font-size: 14px;
}

.foot-latest-news ul li .posted-date {
  font-size: 12px;
  color: #ff5a00;
}

.foot-contact ul li {
  display: flex;
  align-items: baseline;
  margin-bottom: 15px;
}

.foot-contact ul li .fa {
  width: 28px;
  margin-right: 10px;
  font-size: 18px;
  text-align: center;
  color: #ff5a00;
}

.foot-contact ul li span {
  width: calc(100% - 3px);
}

/*
# Subscribe
--------------------------------*/
.subscribe-form {
  margin-top: 50px;
}

.subscribe-form input[type="email"] {
  width: calc(100% - 70px);
  padding: 12px 16px;
  border: 0;
  font-size: 12px;
  line-height: 1;
  background: #fff;
  color: #131212;
  outline: none;
}

.subscribe-form input[type="email"]::placeholder {
  color: #9b9a9a;
  font-style: italic;
}

.subscribe-form input[type="submit"] {
  width: 68px;
  padding: 13px 0 14px;
  border: 0;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  background: #ff5a00;
  color: #fff;
  cursor: pointer;
  outline: none;
}

.footer-bar {
  padding: 30px 0;
  font-size: 12px;
  color: #7b7b7b;
  background: #131212;
  text-align: center;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem; }
  
  .alert-heading {
    color: inherit; }
  
  .alert-link {
    font-weight: 700; }
  
  .alert-dismissible {
    padding-right: 3.8125rem; }
    .alert-dismissible .close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0.75rem 1.25rem;
      color: inherit; }
  
  .alert-primary {
    color: #3b407f;
    background-color: #e3e5fd;
    border-color: #d8dafc; }
    .alert-primary hr {
      border-top-color: #c0c4fa; }
    .alert-primary .alert-link {
      color: #2b2e5c; }
  
  .alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db; }
    .alert-secondary hr {
      border-top-color: #c8cbcf; }
    .alert-secondary .alert-link {
      color: #202326; }
  
  .alert-success {
    color: #056c4f;
    background-color: #cef5ea;
    border-color: #baf2e2; }
    .alert-success hr {
      border-top-color: #a5eed9; }
    .alert-success .alert-link {
      color: #033b2b; }
  
  .alert-info {
    color: #1e5b6d;
    background-color: #d7eff6;
    border-color: #c8e9f2; }
    .alert-info hr {
      border-top-color: #b3e1ed; }
    .alert-info .alert-link {
      color: #133a45; }
  
  .alert-warning {
    color: #856200;
    background-color: #fff2cc;
    border-color: #ffecb8; }
    .alert-warning hr {
      border-top-color: #ffe59f; }
    .alert-warning .alert-link {
      color: #523c00; }
  
  .alert-danger {
    color: #823040;
    background-color: #fedee5;
    border-color: #fed1da; }
    .alert-danger hr {
      border-top-color: #fdb8c6; }
    .alert-danger .alert-link {
      color: #5d222e; }
    .alert .alert-outline-danger {
      border: 1px solid;
      color: #dc3545;
      background-color: transparent;
    }
  
  .alert-light {
    color: #767a7c;
    background-color: #f9fbfc;
    border-color: #f7f9fb; }
    .alert-light hr {
      border-top-color: #e6ecf3; }
    .alert-light .alert-link {
      color: #5d6062; }
  
  .alert-dark {
    color: #0e0f10;
    background-color: #d1d2d2;
    border-color: #bfc0c0; }
    .alert-dark hr {
      border-top-color: #b2b3b3; }
    .alert-dark .alert-link {
      color: black; }

      .alert {
        border: 0;
        margin-bottom: 20px; }
        .alert a {
          font-weight: 600;
          text-decoration: underline; }
        .alert-dismissible button {
          opacity: 1;
          padding: 0 7px !important; }
        .alert strong {
          font-weight: 600; }
        .alert.note {
          padding: 1.875rem;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          border-bottom: 2px solid transparent; }
          .alert.note .note-title {
            font-size: 1rem; }
          .alert.note p {
            margin-bottom: 0; }
        .alert.notification {
          padding: 20px;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          border-bottom: 2px solid transparent; }
          .alert.notification-title {
            font-size: 1rem; }
          .alert.notification p {
            margin-bottom: .5rem; }
          .alert.notification button:not(:last-child) {
            margin-right: .75rem; }
          .alert.notification.alert-success {
            border-color: #0acf97; }
            .alert.notification.alert-success .btn-transparent {
              color: #0acf97; }
            .alert.notification.alert-success .btn-success {
              background: #6DAE4E;
              border-color: #6DAE4E; }
          .alert.notification.alert-info {
            border-color: #39afd1; }
            .alert.notification.alert-info .btn-info {
              background: #3885D8;
              border-color: #3885D8;
              color: #fff; }
            .alert.notification.alert-info .btn-transparent {
              color: #3885D8; }
          .alert.notification.alert-warning {
            border-color: #A39E06; }
            .alert.notification.alert-warning .btn-warning {
              background: #A39E06;
              border-color: #A39E06;
              color: #fff; }
            .alert.notification.alert-warning .btn-transparent {
              color: #A39E06; }
          .alert.notification.alert-danger {
            border-color: #fa5c7c; }
            .alert.notification.alert-danger .btn-warning {
              background: #fa5c7c;
              border-color: #fa5c7c; }
            .alert.notification.alert-danger .btn-transparent {
              color: #fa5c7c; }
        .alert.note.alert-success {
          border-color: #0acf97; }
        .alert.note.alert-info {
          border-color: #39afd1; }
        .alert.note.alert-warning {
          border-color: #A39E06; }
        .alert.note.alert-danger {
          border-color: #fa5c7c; }
      

.image-input {
    position:relative;
    display:inline-block;
    border-radius:.42rem;
    background-repeat:no-repeat;
    background-size:cover
   }
   .image-input .image-input-wrapper {
    width:120px;
    height:120px;
    border-radius:.42rem;
    background-repeat:no-repeat;
    background-size:cover
   }
   
   .image-input .image-input-sm-wrapper {
    width:50px;
    height:50px;
    border-radius:.50rem;
    background-repeat:no-repeat;
    background-size:cover
   }
   
   .image-input [data-action=change] {
    cursor:pointer;
    position:absolute;
    right:-10px;
    top:-10px
   }
   .image-input [data-action=change] input {
    width:0!important;
    height:0!important;
    overflow:hidden;
    opacity:0
   }
   .image-input [data-action=cancel],
   .image-input [data-action=remove] {
    position:absolute;
    right:-10px;
    bottom:-5px
   }
   .image-input [data-action=cancel] {
    display:none
   }
   .image-input.image-input-changed [data-action=cancel] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
   }
   .image-input.image-input-changed [data-action=remove] {
    display:none
   }
   .image-input.image-input-empty [data-action=cancel],
   .image-input.image-input-empty [data-action=remove] {
    display:none
   }
   .image-input.image-input-circle {
    border-radius:50%
   }
   .image-input.image-input-circle .image-input-wrapper {
    border-radius:50%
   }
   
   .image-input.image-input-circle .image-input-sm-wrapper {
       border-radius:50%
   }
   
   .image-input.image-input-circle [data-action=change] {
    right:8px;
    top:8px
   }
   .image-input.image-input-circle [data-action=cancel],
   .image-input.image-input-circle [data-action=remove] {
    right:5px;
    bottom:5px
   }
   .image-input.image-input-outline .image-input-wrapper {
    border:3px solid #fff;
    -webkit-box-shadow:0 .5rem 1.5rem .5rem rgba(0,0,0,.075);
    box-shadow:0 .5rem 1.5rem .5rem rgba(0,0,0,.075)
   }
   .image-input.image-input-outline .image-input-sm-wrapper {
       border:3px solid #fff;
       -webkit-box-shadow:0 .5rem 1.5rem .5rem rgba(0,0,0,.075);
       box-shadow:0 .5rem 1.5rem .5rem rgba(0,0,0,.075)
      }

      .navi {
        padding:0;
        margin:0;
        display:block;
        list-style:none
       }
       .navi .navi-item {
        padding:0;
        display:block;
        list-style:none
       }
       .navi .navi-item .navi-link {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding:.75rem 1.5rem
       }
       .navi .navi-item .navi-link .navi-icon {
        line-height:0;
        -ms-flex-negative:0;
        flex-shrink:0
       }
       .navi .navi-item .navi-link .navi-icon:before {
        line-height:0
       }
       .navi .navi-item .navi-link .navi-bullet {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-negative:0;
        flex-shrink:0;
        margin-right:.75rem
       }
       .navi .navi-item .navi-link .navi-text {
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1
       }
       .navi .navi-item .navi-link .navi-label {
        line-height:0;
        margin-left:.75rem
       }
       .navi .navi-item .navi-link .navi-toolbar {
        margin-left:.75rem
       }
       .navi .navi-item .navi-link .navi-arrow {
        line-height:0;
        margin-left:.75rem;
        -webkit-transition:all .15s ease;
        transition:all .15s ease;
        color:#7e8299
       }
       .navi .navi-item .navi-link .navi-arrow:before {
        line-height:0;
        font-family:Ki;
        font-style:normal;
        font-weight:400;
        font-variant:normal;
        line-height:1;
        text-decoration:inherit;
        text-rendering:optimizeLegibility;
        text-transform:none;
        -moz-osx-font-smoothing:grayscale;
        -webkit-font-smoothing:antialiased;
        font-smoothing:antialiased;
        content:"";
        font-size:.6rem
       }
       .navi .navi-item .navi-link .navi-arrow.navi-arrow-down {
        -webkit-transform:rotateZ(-90deg);
        transform:rotateZ(-90deg)
       }
       [direction=rtl] .navi .navi-item .navi-link .navi-arrow.navi-arrow-down {
        -webkit-transform:rotateZ(90deg);
        transform:rotateZ(90deg)
       }
       .navi .navi-item:last-child {
        border-bottom:0!important
       }
       .navi .navi-item:last-child .navi-link {
        border-bottom:0!important
       }
       .navi .navi-separator {
        margin:0;
        padding:0;
        height:0;
        display:block;
        border-bottom:1px solid #ebedf3
       }
       .navi .navi-separator.navi-separator-dashed {
        border-bottom:1px dashed #ebedf3
       }
       .navi .navi-footer,
       .navi .navi-header,
       .navi .navi-section {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
       }
       .navi .navi-section {
        padding:.75rem 1.5rem
       }
       .navi .navi-header {
        padding:.75rem 1.5rem
       }
       .navi .navi-footer {
        padding:.75rem 1.5rem
       }
       .navi.navi-spacer-x-0 .navi-item .navi-link {
        padding-left:0;
        padding-right:0
       }
       .navi .navi-item .navi-link .navi-icon {
        -webkit-box-flex:0;
        -ms-flex:0 0 2rem;
        flex:0 0 2rem
       }
       .navi .navi-item .navi-link .navi-icon i {
        font-size:1.25rem
       }
       .navi .navi-item .navi-link .navi-icon svg {
        height:22px;
        width:22px
       }
       .navi.navi-icon-lg .navi-item .navi-link .navi-icon {
        -webkit-box-flex:0;
        -ms-flex:0 0 3rem;
        flex:0 0 3rem
       }
       .navi.navi-icon-lg .navi-item .navi-link .navi-icon i {
        font-size:1.5rem
       }
       .navi.navi-icon-lg .navi-item .navi-link .navi-icon svg {
        height:28px;
        width:28px
       }
       .navi.navi-icon-xl .navi-item .navi-link .navi-icon {
        -webkit-box-flex:0;
        -ms-flex:0 0 4rem;
        flex:0 0 4rem
       }
       .navi.navi-icon-xl .navi-item .navi-link .navi-icon i {
        font-size:1.75rem
       }
       .navi.navi-icon-xl .navi-item .navi-link .navi-icon svg {
        height:32px;
        width:32px
       }
       .navi.navi-icon-center .navi-item .navi-link .navi-icon {
        text-align:center
       }
       .navi .navi-item .navi-link {
        font-size:1rem
       }
       .navi .navi-item .navi-link .navi-text {
        font-size:1rem
       }
       .navi.navi-font-lg .navi-item .navi-link {
        font-size:1.1rem
       }
       .navi.navi-font-lg .navi-item .navi-link .navi-text {
        font-size:1.1rem
       }
       .navi.navi-font-xl .navi-item .navi-link {
        font-size:1.2rem
       }
       .navi.navi-font-xl .navi-item .navi-link .navi-text {
        font-size:1.2rem
       }
       .navi.navi-light .navi-item .navi-link .navi-text {
        font-weight:300
       }
       .navi.navi-lighter .navi-item .navi-link .navi-text {
        font-weight:lighter
       }
       .navi.navi-bold .navi-item .navi-link .navi-text {
        font-weight:500
       }
       .navi.navi-bolder .navi-item .navi-link .navi-text {
        font-weight:600
       }
       .navi.navi-boldest .navi-item .navi-link .navi-text {
        font-weight:700
       }
       .navi .navi-item .navi-link {
        -webkit-transition:all .15s ease;
        transition:all .15s ease;
        color:#3f4254
       }
       .navi .navi-item .navi-link .navi-bullet .bullet {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link .navi-text {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link .navi-icon {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link .navi-icon i {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link .navi-icon .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi .navi-item .navi-link .navi-arrow {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link .navi-bullet .bullet {
        background-color:#e4e6ef
       }
       .navi .navi-item .navi-link .navi-text {
        color:#3f4254
       }
       .navi .navi-item .navi-link .navi-icon i {
        color:#b5b5c3
       }
       .navi .navi-item .navi-link .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#b5b5c3
       }
       .navi .navi-item .navi-link .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi .navi-item .navi-link .navi-arrow {
        color:#b5b5c3
       }
       .navi .navi-item .navi-link.disabled {
        opacity:.6
       }
       .navi .navi-item .navi-link:hover {
        -webkit-transition:all .15s ease;
        transition:all .15s ease;
        color:#3699ff
       }
       .navi .navi-item .navi-link:hover .navi-bullet .bullet {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link:hover .navi-text {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link:hover .navi-icon {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link:hover .navi-icon i {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link:hover .navi-icon .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi .navi-item .navi-link:hover .navi-arrow {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link:hover .navi-bullet .bullet {
        background-color:#3699ff
       }
       .navi .navi-item .navi-link:hover .navi-text {
        color:#3699ff
       }
       .navi .navi-item .navi-link:hover .navi-icon i {
        color:#3699ff
       }
       .navi .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3699ff
       }
       .navi .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi .navi-item .navi-link:hover .navi-arrow {
        color:#3699ff
       }
       .navi .navi-item .navi-link.active {
        -webkit-transition:all .15s ease;
        transition:all .15s ease;
        color:#3699ff
       }
       .navi .navi-item .navi-link.active .navi-bullet .bullet {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link.active .navi-text {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link.active .navi-icon {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link.active .navi-icon i {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link.active .navi-icon .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi .navi-item .navi-link.active .navi-arrow {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi .navi-item .navi-link.active .navi-bullet .bullet {
        background-color:#3699ff
       }
       .navi .navi-item .navi-link.active .navi-text {
        color:#3699ff
       }
       .navi .navi-item .navi-link.active .navi-icon i {
        color:#3699ff
       }
       .navi .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3699ff
       }
       .navi .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi .navi-item .navi-link.active .navi-arrow {
        color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link {
        -webkit-transition:all .15s ease;
        transition:all .15s ease;
        color:#3f4254
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-bullet .bullet {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-text {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-icon {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-icon i {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-icon .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-arrow {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-bullet .bullet {
        background-color:#e4e6ef
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-text {
        color:#3f4254
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-icon i {
        color:#d1d3e0
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#d1d3e0
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-light-icon .navi-item .navi-link .navi-arrow {
        color:#b5b5c3
       }
       .navi.navi-light-icon .navi-item .navi-link.disabled {
        opacity:.6
       }
       .navi.navi-light-icon .navi-item .navi-link:hover {
        -webkit-transition:all .15s ease;
        transition:all .15s ease;
        color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
        background-color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
        color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
        color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
        color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link.active {
        -webkit-transition:all .15s ease;
        transition:all .15s ease;
        color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-text {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-icon {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-icon .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
        background-color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-text {
        color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
        color:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3699ff
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
        color:#3699ff
       }
       .navi.navi-border .navi-item .navi-link {
        border-bottom:1px solid #ebedf3
       }
       .navi.navi-link-rounded .navi-item .navi-link {
        border-radius:.42rem
       }
       .navi.navi-link-rounded-lg .navi-item .navi-link {
        border-radius:.85rem
       }
       .navi.navi-hover .navi-item .navi-link:hover {
        background-color:#f3f6f9
       }
       .navi.navi-active .navi-item .navi-link.active {
        background-color:#f3f6f9
       }
       .navi.navi-accent .navi-item .navi-link {
        position:relative
       }
       .navi.navi-accent .navi-item .navi-link:before {
        display:block;
        left:0;
        top:8px;
        bottom:8px;
        position:absolute;
        width:4px;
        background-color:transparent;
        -webkit-transition:all .15s ease;
        transition:all .15s ease;
        border-radius:2px;
        content:" "
       }
       .navi.navi-accent .navi-item .navi-link.active:before {
        background-color:#3699ff;
        -webkit-transition:all .15s ease;
        transition:all .15s ease
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link:hover {
        color:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-text {
        color:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon i {
        color:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-arrow {
        color:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link.active {
        color:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-text {
        color:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon i {
        color:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-arrow {
        color:#3699ff
       }
       .navi.navi-accent.navi-primary .navi-item .navi-link.active:before {
        background-color:#3699ff
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link:hover {
        color:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-text {
        color:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon i {
        color:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-arrow {
        color:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link.active {
        color:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-text {
        color:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon i {
        color:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-arrow {
        color:#e4e6ef
       }
       .navi.navi-accent.navi-secondary .navi-item .navi-link.active:before {
        background-color:#e4e6ef
       }
       .navi.navi-accent.navi-success .navi-item .navi-link:hover {
        color:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-text {
        color:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon i {
        color:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-arrow {
        color:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link.active {
        color:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-text {
        color:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon i {
        color:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-arrow {
        color:#1bc5bd
       }
       .navi.navi-accent.navi-success .navi-item .navi-link.active:before {
        background-color:#1bc5bd
       }
       .navi.navi-accent.navi-info .navi-item .navi-link:hover {
        color:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-text {
        color:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon i {
        color:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-arrow {
        color:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link.active {
        color:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-text {
        color:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon i {
        color:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-arrow {
        color:#8950fc
       }
       .navi.navi-accent.navi-info .navi-item .navi-link.active:before {
        background-color:#8950fc
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link:hover {
        color:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-text {
        color:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon i {
        color:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-arrow {
        color:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link.active {
        color:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-text {
        color:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon i {
        color:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-arrow {
        color:#ffa800
       }
       .navi.navi-accent.navi-warning .navi-item .navi-link.active:before {
        background-color:#ffa800
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link:hover {
        color:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-text {
        color:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon i {
        color:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-arrow {
        color:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link.active {
        color:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-text {
        color:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon i {
        color:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-arrow {
        color:#f64e60
       }
       .navi.navi-accent.navi-danger .navi-item .navi-link.active:before {
        background-color:#f64e60
       }
       .navi.navi-accent.navi-light .navi-item .navi-link:hover {
        color:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-text {
        color:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon i {
        color:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-arrow {
        color:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link.active {
        color:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-text {
        color:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon i {
        color:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-arrow {
        color:#f3f6f9
       }
       .navi.navi-accent.navi-light .navi-item .navi-link.active:before {
        background-color:#f3f6f9
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link:hover {
        color:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-text {
        color:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon i {
        color:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-arrow {
        color:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link.active {
        color:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-text {
        color:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon i {
        color:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-arrow {
        color:#181c32
       }
       .navi.navi-accent.navi-dark .navi-item .navi-link.active:before {
        background-color:#181c32
       }
       .navi.navi-accent.navi-white .navi-item .navi-link:hover {
        color:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-text {
        color:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon i {
        color:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-arrow {
        color:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link.active {
        color:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-text {
        color:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon i {
        color:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-arrow {
        color:#fff
       }
       .navi.navi-accent.navi-white .navi-item .navi-link.active:before {
        background-color:#fff
       }

       @media (min-width:1400px) {
        .text-xxl-left {
         text-align:left!important
        }
        .text-xxl-right {
         text-align:right!important
        }
        .text-xxl-center {
         text-align:center!important
        }
       }
       .text-lowercase {
        text-transform:lowercase!important
       }
       .text-uppercase {
        text-transform:uppercase!important
       }
       .text-capitalize {
        text-transform:capitalize!important
       }
       .font-weight-light {
        font-weight:300!important
       }
       .font-weight-lighter {
        font-weight:lighter!important
       }
       .font-weight-normal {
        font-weight:400!important
       }
       .font-weight-bold {
        font-weight:500!important
       }
       .font-weight-bolder {
        font-weight:600!important
       }
       .font-italic {
        font-style:italic!important
       }
       .text-white {
        color:#fff!important
       }
       .text-primary {
        color:#3699ff!important
       }
       a.text-primary:focus,
       a.text-primary:hover {
        color:#0073e9!important
       }
       .text-secondary {
        color:#e4e6ef!important
       }
       a.text-secondary:focus,
       a.text-secondary:hover {
        color:#b4bad3!important
       }
       .text-success {
        color:#1bc5bd!important
       }
       a.text-success:focus,
       a.text-success:hover {
        color:#12827c!important
       }
       .text-info {
        color:#8950fc!important
       }
       a.text-info:focus,
       a.text-info:hover {
        color:#5605fb!important
       }
       .text-warning {
        color:#ffa800!important
       }
       a.text-warning:focus,
       a.text-warning:hover {
        color:#b37600!important
       }
       .text-danger {
        color:#f64e60!important
       }
       a.text-danger:focus,
       a.text-danger:hover {
        color:#ec0c24!important
       }
       .text-light {
        color:#f3f6f9!important
       }
       a.text-light:focus,
       a.text-light:hover {
        color:#c0d0e0!important
       }
       .text-dark {
        color:#181c32!important
       }
       a.text-dark:focus,
       a.text-dark:hover {
        color:#000!important
       }
       .text-white {
        color:#fff!important
       }
       a.text-white:focus,
       a.text-white:hover {
        color:#d9d9d9!important
       }
       .text-body {
        color:#3f4254!important
       }
       .text-muted {
        color:#b5b5c3!important
       }
       .text-black-50 {
        color:rgba(0,0,0,.5)!important
       }
       .text-white-50 {
        color:rgba(255,255,255,.5)!important
       }
       .text-hide {
        font:0/0 a;
        color:transparent;
        text-shadow:none;
        background-color:transparent;
        border:0
       }
       .text-decoration-none {
        text-decoration:none!important
       }
       .text-break {
        word-break:break-word!important;
        word-wrap:break-word!important
       }
       .text-reset {
        color:inherit!important
       }
       .visible {
        visibility:visible!important
       }
       .invisible {
        visibility:hidden!important
       }

       .font-size-base {
        font-size:1rem
       }
       .font-size-sm {
        font-size:.925rem
       }
       .font-size-xs {
        font-size:.8rem
       }
       .font-size-lg {
        font-size:1.04rem
       }
       .font-size-h1 {
        font-size:2rem!important
       }
       .font-size-h2 {
        font-size:1.75rem!important
       }
       .font-size-h3 {
        font-size:1.5rem!important
       }
       .font-size-h4 {
        font-size:1.35rem!important
       }
       .font-size-h5 {
        font-size:1.25rem!important
       }
       .font-size-h6 {
        font-size:1.175rem!important
       }
       .display1 {
        font-size:5.5rem!important
       }
       .display2 {
        font-size:4.5rem!important
       }
       .display3 {
        font-size:3.5rem!important
       }
       .display4 {
        font-size:2.5rem!important
       }
       .display5 {
        font-size:2.25rem!important
       }
       @media (min-width:576px) {
        .font-size-h1-sm {
         font-size:2rem!important
        }
        .font-size-h2-sm {
         font-size:1.75rem!important
        }
        .font-size-h3-sm {
         font-size:1.5rem!important
        }
        .font-size-h4-sm {
         font-size:1.35rem!important
        }
        .font-size-h5-sm {
         font-size:1.25rem!important
        }
        .font-size-h6-sm {
         font-size:1.175rem!important
        }
        .display1-sm {
         font-size:5.5rem!important
        }
        .display2-sm {
         font-size:4.5rem!important
        }
        .display3-sm {
         font-size:3.5rem!important
        }
        .display4-sm {
         font-size:2.5rem!important
        }
        .display5-sm {
         font-size:2.25rem!important
        }
       }
       @media (min-width:768px) {
        .font-size-h1-md {
         font-size:2rem!important
        }
        .font-size-h2-md {
         font-size:1.75rem!important
        }
        .font-size-h3-md {
         font-size:1.5rem!important
        }
        .font-size-h4-md {
         font-size:1.35rem!important
        }
        .font-size-h5-md {
         font-size:1.25rem!important
        }
        .font-size-h6-md {
         font-size:1.175rem!important
        }
        .display1-md {
         font-size:5.5rem!important
        }
        .display2-md {
         font-size:4.5rem!important
        }
        .display3-md {
         font-size:3.5rem!important
        }
        .display4-md {
         font-size:2.5rem!important
        }
        .display5-md {
         font-size:2.25rem!important
        }
       }
       @media (min-width:992px) {
        .font-size-h1-lg {
         font-size:2rem!important
        }
        .font-size-h2-lg {
         font-size:1.75rem!important
        }
        .font-size-h3-lg {
         font-size:1.5rem!important
        }
        .font-size-h4-lg {
         font-size:1.35rem!important
        }
        .font-size-h5-lg {
         font-size:1.25rem!important
        }
        .font-size-h6-lg {
         font-size:1.175rem!important
        }
        .display1-lg {
         font-size:5.5rem!important
        }
        .display2-lg {
         font-size:4.5rem!important
        }
        .display3-lg {
         font-size:3.5rem!important
        }
        .display4-lg {
         font-size:2.5rem!important
        }
        .display5-lg {
         font-size:2.25rem!important
        }
       }
       @media (min-width:1200px) {
        .font-size-h1-xl {
         font-size:2rem!important
        }
        .font-size-h2-xl {
         font-size:1.75rem!important
        }
        .font-size-h3-xl {
         font-size:1.5rem!important
        }
        .font-size-h4-xl {
         font-size:1.35rem!important
        }
        .font-size-h5-xl {
         font-size:1.25rem!important
        }
        .font-size-h6-xl {
         font-size:1.175rem!important
        }
        .display1-xl {
         font-size:5.5rem!important
        }
        .display2-xl {
         font-size:4.5rem!important
        }
        .display3-xl {
         font-size:3.5rem!important
        }
        .display4-xl {
         font-size:2.5rem!important
        }
        .display5-xl {
         font-size:2.25rem!important
        }
       }
       @media (min-width:1400px) {
        .font-size-h1-xxl {
         font-size:2rem!important
        }
        .font-size-h2-xxl {
         font-size:1.75rem!important
        }
        .font-size-h3-xxl {
         font-size:1.5rem!important
        }
        .font-size-h4-xxl {
         font-size:1.35rem!important
        }
        .font-size-h5-xxl {
         font-size:1.25rem!important
        }
        .font-size-h6-xxl {
         font-size:1.175rem!important
        }
        .display1-xxl {
         font-size:5.5rem!important
        }
        .display2-xxl {
         font-size:4.5rem!important
        }
        .display3-xxl {
         font-size:3.5rem!important
        }
        .display4-xxl {
         font-size:2.5rem!important
        }
        .display5-xxl {
         font-size:2.25rem!important
        }
       }
       .font-weight-boldest {
        font-weight:700
       }
       .line-height-0 {
        line-height:0!important
       }
       .line-height-xs {
        line-height:.75!important
       }
       .line-height-sm {
        line-height:1!important
       }
       .line-height-md {
        line-height:1.25!important
       }
       .line-height-lg {
        line-height:1.5!important
       }
       .line-height-xl {
        line-height:1.75!important
       }
       .text-transparent {
        color:transparent
       }
       .text-stroke {
        -webkit-text-stroke-width:.35rem;
        -moz-text-stroke-width:.35rem;
        text-stroke-width:.35rem;
        -webkit-text-stroke-color:#fff;
        -moz-text-stroke-color:#fff;
        text-stroke-color:#fff
       }
       .text-dark-75 {
        color:#3f4254!important
       }
       .text-hover-dark-75,
       a.text-hover-dark-75 {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease
       }
       .text-hover-dark-75:hover,
       a.text-hover-dark-75:hover {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#3f4254!important
       }
       .text-hover-dark-75:hover i,
       a.text-hover-dark-75:hover i {
        color:#3f4254!important
       }
       .text-hover-dark-75:hover .svg-icon svg g [fill],
       a.text-hover-dark-75:hover .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3f4254
       }
       .text-hover-dark-75:hover .svg-icon svg:hover g [fill],
       a.text-hover-dark-75:hover .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .hoverable:hover .text-hover-dark-75,
       .hoverable:hover a.text-hover-dark-75 {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#3f4254!important
       }
       .hoverable:hover .text-hover-dark-75 i,
       .hoverable:hover a.text-hover-dark-75 i {
        color:#3f4254!important
       }
       .hoverable:hover .text-hover-dark-75 .svg-icon svg g [fill],
       .hoverable:hover a.text-hover-dark-75 .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3f4254!important
       }
       .hoverable:hover .text-hover-dark-75 .svg-icon svg:hover g [fill],
       .hoverable:hover a.text-hover-dark-75 .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .text-dark-65 {
        color:#5e6278!important
       }
       .text-hover-dark-65,
       a.text-hover-dark-65 {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease
       }
       .text-hover-dark-65:hover,
       a.text-hover-dark-65:hover {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#5e6278!important
       }
       .text-hover-dark-65:hover i,
       a.text-hover-dark-65:hover i {
        color:#5e6278!important
       }
       .text-hover-dark-65:hover .svg-icon svg g [fill],
       a.text-hover-dark-65:hover .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#5e6278
       }
       .text-hover-dark-65:hover .svg-icon svg:hover g [fill],
       a.text-hover-dark-65:hover .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .hoverable:hover .text-hover-dark-65,
       .hoverable:hover a.text-hover-dark-65 {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#5e6278!important
       }
       .hoverable:hover .text-hover-dark-65 i,
       .hoverable:hover a.text-hover-dark-65 i {
        color:#5e6278!important
       }
       .hoverable:hover .text-hover-dark-65 .svg-icon svg g [fill],
       .hoverable:hover a.text-hover-dark-65 .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#5e6278!important
       }
       .hoverable:hover .text-hover-dark-65 .svg-icon svg:hover g [fill],
       .hoverable:hover a.text-hover-dark-65 .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .text-dark-50 {
        color:#7e8299!important
       }
       .text-hover-dark-50,
       a.text-hover-dark-50 {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease
       }
       .text-hover-dark-50:hover,
       a.text-hover-dark-50:hover {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#7e8299!important
       }
       .text-hover-dark-50:hover i,
       a.text-hover-dark-50:hover i {
        color:#7e8299!important
       }
       .text-hover-dark-50:hover .svg-icon svg g [fill],
       a.text-hover-dark-50:hover .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#7e8299
       }
       .text-hover-dark-50:hover .svg-icon svg:hover g [fill],
       a.text-hover-dark-50:hover .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .hoverable:hover .text-hover-dark-50,
       .hoverable:hover a.text-hover-dark-50 {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#7e8299!important
       }
       .hoverable:hover .text-hover-dark-50 i,
       .hoverable:hover a.text-hover-dark-50 i {
        color:#7e8299!important
       }
       .hoverable:hover .text-hover-dark-50 .svg-icon svg g [fill],
       .hoverable:hover a.text-hover-dark-50 .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#7e8299!important
       }
       .hoverable:hover .text-hover-dark-50 .svg-icon svg:hover g [fill],
       .hoverable:hover a.text-hover-dark-50 .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .text-dark-25 {
        color:#d1d3e0!important
       }
       .text-hover-dark-25,
       a.text-hover-dark-25 {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease
       }
       .text-hover-dark-25:hover,
       a.text-hover-dark-25:hover {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#d1d3e0!important
       }
       .text-hover-dark-25:hover i,
       a.text-hover-dark-25:hover i {
        color:#d1d3e0!important
       }
       .text-hover-dark-25:hover .svg-icon svg g [fill],
       a.text-hover-dark-25:hover .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#d1d3e0
       }
       .text-hover-dark-25:hover .svg-icon svg:hover g [fill],
       a.text-hover-dark-25:hover .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .hoverable:hover .text-hover-dark-25,
       .hoverable:hover a.text-hover-dark-25 {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#d1d3e0!important
       }
       .hoverable:hover .text-hover-dark-25 i,
       .hoverable:hover a.text-hover-dark-25 i {
        color:#d1d3e0!important
       }
       .hoverable:hover .text-hover-dark-25 .svg-icon svg g [fill],
       .hoverable:hover a.text-hover-dark-25 .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#d1d3e0!important
       }
       .hoverable:hover .text-hover-dark-25 .svg-icon svg:hover g [fill],
       .hoverable:hover a.text-hover-dark-25 .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .text-muted {
        color:#b5b5c3!important
       }
       .text-hover-muted,
       a.text-hover-muted {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease
       }
       .text-hover-muted:hover,
       a.text-hover-muted:hover {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#b5b5c3!important
       }
       .text-hover-muted:hover i,
       a.text-hover-muted:hover i {
        color:#b5b5c3!important
       }
       .text-hover-muted:hover .svg-icon svg g [fill],
       a.text-hover-muted:hover .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#b5b5c3
       }
       .text-hover-muted:hover .svg-icon svg:hover g [fill],
       a.text-hover-muted:hover .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .hoverable:hover .text-hover-muted,
       .hoverable:hover a.text-hover-muted {
        -webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;
        color:#b5b5c3!important
       }
       .hoverable:hover .text-hover-muted i,
       .hoverable:hover a.text-hover-muted i {
        color:#b5b5c3!important
       }
       .hoverable:hover .text-hover-muted .svg-icon svg g [fill],
       .hoverable:hover a.text-hover-muted .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#b5b5c3!important
       }
       .hoverable:hover .text-hover-muted .svg-icon svg:hover g [fill],
       .hoverable:hover a.text-hover-muted .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }

       .m-0 {
        margin:0!important
       }
       .mt-0,
       .my-0 {
        margin-top:0!important
       }
       .mr-0,
       .mx-0 {
        margin-right:0!important
       }
       .mb-0,
       .my-0 {
        margin-bottom:0!important
       }
       .ml-0,
       .mx-0 {
        margin-left:0!important
       }
       .m-1 {
        margin:.25rem!important
       }
       .mt-1,
       .my-1 {
        margin-top:.25rem!important
       }
       .mr-1,
       .mx-1 {
        margin-right:.25rem!important
       }
       .mb-1,
       .my-1 {
        margin-bottom:.25rem!important
       }
       .ml-1,
       .mx-1 {
        margin-left:.25rem!important
       }
       .m-2 {
        margin:.5rem!important
       }
       .mt-2,
       .my-2 {
        margin-top:.5rem!important
       }
       .mr-2,
       .mx-2 {
        margin-right:.5rem!important
       }
       .mb-2,
       .my-2 {
        margin-bottom:.5rem!important
       }
       .ml-2,
       .mx-2 {
        margin-left:.5rem!important
       }
       .m-3 {
        margin:.75rem!important
       }
       .mt-3,
       .my-3 {
        margin-top:.75rem!important
       }
       .mr-3,
       .mx-3 {
        margin-right:.75rem!important
       }
       .mb-3,
       .my-3 {
        margin-bottom:.75rem!important
       }
       .ml-3,
       .mx-3 {
        margin-left:.75rem!important
       }
       .m-4 {
        margin:1rem!important
       }
       .mt-4,
       .my-4 {
        margin-top:1rem!important
       }
       .mr-4,
       .mx-4 {
        margin-right:1rem!important
       }
       .mb-4,
       .my-4 {
        margin-bottom:1rem!important
       }
       .ml-4,
       .mx-4 {
        margin-left:1rem!important
       }
       .m-5 {
        margin:1.25rem!important
       }
       .mt-5,
       .my-5 {
        margin-top:1.25rem!important
       }
       .mr-5,
       .mx-5 {
        margin-right:1.25rem!important
       }
       .mb-5,
       .my-5 {
        margin-bottom:1.25rem!important
       }
       .ml-5,
       .mx-5 {
        margin-left:1.25rem!important
       }
       .m-6 {
        margin:1.5rem!important
       }
       .mt-6,
       .my-6 {
        margin-top:1.5rem!important
       }
       .mr-6,
       .mx-6 {
        margin-right:1.5rem!important
       }
       .mb-6,
       .my-6 {
        margin-bottom:1.5rem!important
       }
       .ml-6,
       .mx-6 {
        margin-left:1.5rem!important
       }
       .m-7 {
        margin:1.75rem!important
       }
       .mt-7,
       .my-7 {
        margin-top:1.75rem!important
       }
       .mr-7,
       .mx-7 {
        margin-right:1.75rem!important
       }
       .mb-7,
       .my-7 {
        margin-bottom:1.75rem!important
       }
       .ml-7,
       .mx-7 {
        margin-left:1.75rem!important
       }
       .m-8 {
        margin:2rem!important
       }
       .mt-8,
       .my-8 {
        margin-top:2rem!important
       }
       .mr-8,
       .mx-8 {
        margin-right:2rem!important
       }
       .mb-8,
       .my-8 {
        margin-bottom:2rem!important
       }
       .ml-8,
       .mx-8 {
        margin-left:2rem!important
       }
       .m-9 {
        margin:2.25rem!important
       }
       .mt-9,
       .my-9 {
        margin-top:2.25rem!important
       }
       .mr-9,
       .mx-9 {
        margin-right:2.25rem!important
       }
       .mb-9,
       .my-9 {
        margin-bottom:2.25rem!important
       }
       .ml-9,
       .mx-9 {
        margin-left:2.25rem!important
       }
       .m-10 {
        margin:2.5rem!important
       }
       .mt-10,
       .my-10 {
        margin-top:2.5rem!important
       }
       .mr-10,
       .mx-10 {
        margin-right:2.5rem!important
       }
       .mb-10,
       .my-10 {
        margin-bottom:2.5rem!important
       }
       .ml-10,
       .mx-10 {
        margin-left:2.5rem!important
       }
       .m-11 {
        margin:2.75rem!important
       }
       .mt-11,
       .my-11 {
        margin-top:2.75rem!important
       }
       .mr-11,
       .mx-11 {
        margin-right:2.75rem!important
       }
       .mb-11,
       .my-11 {
        margin-bottom:2.75rem!important
       }
       .ml-11,
       .mx-11 {
        margin-left:2.75rem!important
       }
       .m-12 {
        margin:3rem!important
       }
       .mt-12,
       .my-12 {
        margin-top:3rem!important
       }
       .mr-12,
       .mx-12 {
        margin-right:3rem!important
       }
       .mb-12,
       .my-12 {
        margin-bottom:3rem!important
       }
       .ml-12,
       .mx-12 {
        margin-left:3rem!important
       }
       .m-13 {
        margin:3.25rem!important
       }
       .mt-13,
       .my-13 {
        margin-top:3.25rem!important
       }
       .mr-13,
       .mx-13 {
        margin-right:3.25rem!important
       }
       .mb-13,
       .my-13 {
        margin-bottom:3.25rem!important
       }
       .ml-13,
       .mx-13 {
        margin-left:3.25rem!important
       }
       .m-14 {
        margin:3.5rem!important
       }
       .mt-14,
       .my-14 {
        margin-top:3.5rem!important
       }
       .mr-14,
       .mx-14 {
        margin-right:3.5rem!important
       }
       .mb-14,
       .my-14 {
        margin-bottom:3.5rem!important
       }
       .ml-14,
       .mx-14 {
        margin-left:3.5rem!important
       }
       .m-15 {
        margin:3.75rem!important
       }
       .mt-15,
       .my-15 {
        margin-top:3.75rem!important
       }
       .mr-15,
       .mx-15 {
        margin-right:3.75rem!important
       }
       .mb-15,
       .my-15 {
        margin-bottom:3.75rem!important
       }
       .ml-15,
       .mx-15 {
        margin-left:3.75rem!important
       }
       .m-16 {
        margin:4rem!important
       }
       .mt-16,
       .my-16 {
        margin-top:4rem!important
       }
       .mr-16,
       .mx-16 {
        margin-right:4rem!important
       }
       .mb-16,
       .my-16 {
        margin-bottom:4rem!important
       }
       .ml-16,
       .mx-16 {
        margin-left:4rem!important
       }
       .m-17 {
        margin:4.25rem!important
       }
       .mt-17,
       .my-17 {
        margin-top:4.25rem!important
       }
       .mr-17,
       .mx-17 {
        margin-right:4.25rem!important
       }
       .mb-17,
       .my-17 {
        margin-bottom:4.25rem!important
       }
       .ml-17,
       .mx-17 {
        margin-left:4.25rem!important
       }
       .m-18 {
        margin:4.5rem!important
       }
       .mt-18,
       .my-18 {
        margin-top:4.5rem!important
       }
       .mr-18,
       .mx-18 {
        margin-right:4.5rem!important
       }
       .mb-18,
       .my-18 {
        margin-bottom:4.5rem!important
       }
       .ml-18,
       .mx-18 {
        margin-left:4.5rem!important
       }
       .m-19 {
        margin:4.75rem!important
       }
       .mt-19,
       .my-19 {
        margin-top:4.75rem!important
       }
       .mr-19,
       .mx-19 {
        margin-right:4.75rem!important
       }
       .mb-19,
       .my-19 {
        margin-bottom:4.75rem!important
       }
       .ml-19,
       .mx-19 {
        margin-left:4.75rem!important
       }
       .m-20 {
        margin:5rem!important
       }
       .mt-20,
       .my-20 {
        margin-top:5rem!important
       }
       .mr-20,
       .mx-20 {
        margin-right:5rem!important
       }
       .mb-20,
       .my-20 {
        margin-bottom:5rem!important
       }
       .ml-20,
       .mx-20 {
        margin-left:5rem!important
       }
       .m-21 {
        margin:5.25rem!important
       }
       .mt-21,
       .my-21 {
        margin-top:5.25rem!important
       }
       .mr-21,
       .mx-21 {
        margin-right:5.25rem!important
       }
       .mb-21,
       .my-21 {
        margin-bottom:5.25rem!important
       }
       .ml-21,
       .mx-21 {
        margin-left:5.25rem!important
       }
       .m-22 {
        margin:5.5rem!important
       }
       .mt-22,
       .my-22 {
        margin-top:5.5rem!important
       }
       .mr-22,
       .mx-22 {
        margin-right:5.5rem!important
       }
       .mb-22,
       .my-22 {
        margin-bottom:5.5rem!important
       }
       .ml-22,
       .mx-22 {
        margin-left:5.5rem!important
       }
       .m-23 {
        margin:5.75rem!important
       }
       .mt-23,
       .my-23 {
        margin-top:5.75rem!important
       }
       .mr-23,
       .mx-23 {
        margin-right:5.75rem!important
       }
       .mb-23,
       .my-23 {
        margin-bottom:5.75rem!important
       }
       .ml-23,
       .mx-23 {
        margin-left:5.75rem!important
       }
       .m-24 {
        margin:6rem!important
       }
       .mt-24,
       .my-24 {
        margin-top:6rem!important
       }
       .mr-24,
       .mx-24 {
        margin-right:6rem!important
       }
       .mb-24,
       .my-24 {
        margin-bottom:6rem!important
       }
       .ml-24,
       .mx-24 {
        margin-left:6rem!important
       }
       .m-25 {
        margin:6.25rem!important
       }
       .mt-25,
       .my-25 {
        margin-top:6.25rem!important
       }
       .mr-25,
       .mx-25 {
        margin-right:6.25rem!important
       }
       .mb-25,
       .my-25 {
        margin-bottom:6.25rem!important
       }
       .ml-25,
       .mx-25 {
        margin-left:6.25rem!important
       }
       .m-26 {
        margin:6.5rem!important
       }
       .mt-26,
       .my-26 {
        margin-top:6.5rem!important
       }
       .mr-26,
       .mx-26 {
        margin-right:6.5rem!important
       }
       .mb-26,
       .my-26 {
        margin-bottom:6.5rem!important
       }
       .ml-26,
       .mx-26 {
        margin-left:6.5rem!important
       }
       .m-27 {
        margin:6.75rem!important
       }
       .mt-27,
       .my-27 {
        margin-top:6.75rem!important
       }
       .mr-27,
       .mx-27 {
        margin-right:6.75rem!important
       }
       .mb-27,
       .my-27 {
        margin-bottom:6.75rem!important
       }
       .ml-27,
       .mx-27 {
        margin-left:6.75rem!important
       }
       .m-28 {
        margin:7rem!important
       }
       .mt-28,
       .my-28 {
        margin-top:7rem!important
       }
       .mr-28,
       .mx-28 {
        margin-right:7rem!important
       }
       .mb-28,
       .my-28 {
        margin-bottom:7rem!important
       }
       .ml-28,
       .mx-28 {
        margin-left:7rem!important
       }
       .m-29 {
        margin:7.25rem!important
       }
       .mt-29,
       .my-29 {
        margin-top:7.25rem!important
       }
       .mr-29,
       .mx-29 {
        margin-right:7.25rem!important
       }
       .mb-29,
       .my-29 {
        margin-bottom:7.25rem!important
       }
       .ml-29,
       .mx-29 {
        margin-left:7.25rem!important
       }
       .m-30 {
        margin:7.5rem!important
       }
       .mt-30,
       .my-30 {
        margin-top:7.5rem!important
       }
       .mr-30,
       .mx-30 {
        margin-right:7.5rem!important
       }
       .mb-30,
       .my-30 {
        margin-bottom:7.5rem!important
       }
       .ml-30,
       .mx-30 {
        margin-left:7.5rem!important
       }
       .m-31 {
        margin:7.75rem!important
       }
       .mt-31,
       .my-31 {
        margin-top:7.75rem!important
       }
       .mr-31,
       .mx-31 {
        margin-right:7.75rem!important
       }
       .mb-31,
       .my-31 {
        margin-bottom:7.75rem!important
       }
       .ml-31,
       .mx-31 {
        margin-left:7.75rem!important
       }
       .m-32 {
        margin:8rem!important
       }
       .mt-32,
       .my-32 {
        margin-top:8rem!important
       }
       .mr-32,
       .mx-32 {
        margin-right:8rem!important
       }
       .mb-32,
       .my-32 {
        margin-bottom:8rem!important
       }
       .ml-32,
       .mx-32 {
        margin-left:8rem!important
       }
       .m-33 {
        margin:8.25rem!important
       }
       .mt-33,
       .my-33 {
        margin-top:8.25rem!important
       }
       .mr-33,
       .mx-33 {
        margin-right:8.25rem!important
       }
       .mb-33,
       .my-33 {
        margin-bottom:8.25rem!important
       }
       .ml-33,
       .mx-33 {
        margin-left:8.25rem!important
       }
       .m-34 {
        margin:8.5rem!important
       }
       .mt-34,
       .my-34 {
        margin-top:8.5rem!important
       }
       .mr-34,
       .mx-34 {
        margin-right:8.5rem!important
       }
       .mb-34,
       .my-34 {
        margin-bottom:8.5rem!important
       }
       .ml-34,
       .mx-34 {
        margin-left:8.5rem!important
       }
       .m-35 {
        margin:8.75rem!important
       }
       .mt-35,
       .my-35 {
        margin-top:8.75rem!important
       }
       .mr-35,
       .mx-35 {
        margin-right:8.75rem!important
       }
       .mb-35,
       .my-35 {
        margin-bottom:8.75rem!important
       }
       .ml-35,
       .mx-35 {
        margin-left:8.75rem!important
       }
       .m-36 {
        margin:9rem!important
       }
       .mt-36,
       .my-36 {
        margin-top:9rem!important
       }
       .mr-36,
       .mx-36 {
        margin-right:9rem!important
       }
       .mb-36,
       .my-36 {
        margin-bottom:9rem!important
       }
       .ml-36,
       .mx-36 {
        margin-left:9rem!important
       }
       .m-37 {
        margin:9.25rem!important
       }
       .mt-37,
       .my-37 {
        margin-top:9.25rem!important
       }
       .mr-37,
       .mx-37 {
        margin-right:9.25rem!important
       }
       .mb-37,
       .my-37 {
        margin-bottom:9.25rem!important
       }
       .ml-37,
       .mx-37 {
        margin-left:9.25rem!important
       }
       .m-48 {
        margin:9.5rem!important
       }
       .mt-48,
       .my-48 {
        margin-top:9.5rem!important
       }
       .mr-48,
       .mx-48 {
        margin-right:9.5rem!important
       }
       .mb-48,
       .my-48 {
        margin-bottom:9.5rem!important
       }
       .ml-48,
       .mx-48 {
        margin-left:9.5rem!important
       }
       .m-39 {
        margin:9.75rem!important
       }
       .mt-39,
       .my-39 {
        margin-top:9.75rem!important
       }
       .mr-39,
       .mx-39 {
        margin-right:9.75rem!important
       }
       .mb-39,
       .my-39 {
        margin-bottom:9.75rem!important
       }
       .ml-39,
       .mx-39 {
        margin-left:9.75rem!important
       }
       .m-40 {
        margin:10rem!important
       }
       .mt-40,
       .my-40 {
        margin-top:10rem!important
       }
       .mr-40,
       .mx-40 {
        margin-right:10rem!important
       }
       .mb-40,
       .my-40 {
        margin-bottom:10rem!important
       }
       .ml-40,
       .mx-40 {
        margin-left:10rem!important
       }
       .p-0 {
        padding:0!important
       }
       .pt-0,
       .py-0 {
        padding-top:0!important
       }
       .pr-0,
       .px-0 {
        padding-right:0!important
       }
       .pb-0,
       .py-0 {
        padding-bottom:0!important
       }
       .pl-0,
       .px-0 {
        padding-left:0!important
       }
       .p-1 {
        padding:.25rem!important
       }
       .pt-1,
       .py-1 {
        padding-top:.25rem!important
       }
       .pr-1,
       .px-1 {
        padding-right:.25rem!important
       }
       .pb-1,
       .py-1 {
        padding-bottom:.25rem!important
       }
       .pl-1,
       .px-1 {
        padding-left:.25rem!important
       }
       .p-2 {
        padding:.5rem!important
       }
       .pt-2,
       .py-2 {
        padding-top:.5rem!important
       }
       .pr-2,
       .px-2 {
        padding-right:.5rem!important
       }
       .pb-2,
       .py-2 {
        padding-bottom:.5rem!important
       }
       .pl-2,
       .px-2 {
        padding-left:.5rem!important
       }
       .p-3 {
        padding:.75rem!important
       }
       .pt-3,
       .py-3 {
        padding-top:.75rem!important
       }
       .pr-3,
       .px-3 {
        padding-right:.75rem!important
       }
       .d-flex {
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
       }
       .d-inline-flex {
        display:-webkit-inline-box!important;
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
       }
       .svg-icon svg {
        height:1.5rem;
        width:1.5rem
       }
       .svg-icon svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#b5b5c3
       }
       .svg-icon svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-icon-white svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#fff!important
       }
       .svg-icon.svg-icon-white svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-white svg path {
        fill:#fff!important
       }
       .svg-icon.svg-icon-primary svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3699ff!important
       }
       .svg-icon.svg-icon-primary svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-primary svg path {
        fill:#3699ff!important
       }
       .svg-icon.svg-icon-secondary svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#181c32!important
       }
       .svg-icon.svg-icon-secondary svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-secondary svg path {
        fill:#181c32!important
       }
       .svg-icon.svg-icon-success svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#1bc5bd!important
       }
       .svg-icon.svg-icon-success svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-success svg path {
        fill:#1bc5bd!important
       }
       .svg-icon.svg-icon-info svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#8950fc!important
       }
       .svg-icon.svg-icon-info svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-info svg path {
        fill:#8950fc!important
       }
       .svg-icon.svg-icon-warning svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#ffa800!important
       }
       .svg-icon.svg-icon-warning svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-warning svg path {
        fill:#ffa800!important
       }
       .svg-icon.svg-icon-danger svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#f64e60!important
       }
       .svg-icon.svg-icon-danger svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-danger svg path {
        fill:#f64e60!important
       }
       .svg-icon.svg-icon-light svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#f3f6f9!important
       }
       .svg-icon.svg-icon-light svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-light svg path {
        fill:#f3f6f9!important
       }
       .svg-icon.svg-icon-dark svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#181c32!important
       }
       .svg-icon.svg-icon-dark svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-dark svg path {
        fill:#181c32!important
       }
       .svg-icon.svg-icon-dark-75 svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#3f4254!important
       }
       .svg-icon.svg-icon-dark-75 svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-dark-75 svg path {
        fill:#3f4254!important
       }
       .svg-icon.svg-icon-dark-65 svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#5e6278!important
       }
       .svg-icon.svg-icon-dark-65 svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-dark-65 svg path {
        fill:#5e6278!important
       }
       .svg-icon.svg-icon-dark-50 svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#7e8299!important
       }
       .svg-icon.svg-icon-dark-50 svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-dark-50 svg path {
        fill:#7e8299!important
       }
       .svg-icon.svg-icon-dark-25 svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#d1d3e0!important
       }
       .svg-icon.svg-icon-dark-25 svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-dark-25 svg path {
        fill:#d1d3e0!important
       }
       .svg-icon.svg-icon-muted svg g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease;
        fill:#b5b5c3!important
       }
       .svg-icon.svg-icon-muted svg:hover g [fill] {
        -webkit-transition:fill .3s ease;
        transition:fill .3s ease
       }
       .svg-icon.svg-logo-muted svg path {
        fill:#b5b5c3!important
       }
       .svg-icon.svg-icon-sm svg {
        height:1.25rem!important;
        width:1.25rem!important
       }
       .svg-icon.svg-icon-md svg {
        height:1.5rem!important;
        width:1.5rem!important
       }
       .svg-icon.svg-icon-lg svg {
        height:1.75rem!important;
        width:1.75rem!important
       }
       .svg-icon.svg-icon-xl svg {
        height:2rem!important;
        width:2rem!important
       }
       .svg-icon.svg-icon-xxl svg {
        height:2.25rem!important;
        width:2.25rem!important
       }
       .svg-icon.svg-icon-1x svg {
        height:1rem!important;
        width:1rem!important
       }
       .svg-icon.svg-icon-2x svg {
        height:2rem!important;
        width:2rem!important
       }
       .svg-icon.svg-icon-3x svg {
        height:3rem!important;
        width:3rem!important
       }
       .svg-icon.svg-icon-4x svg {
        height:4rem!important;
        width:4rem!important
       }
       .svg-icon.svg-icon-5x svg {
        height:5rem!important;
        width:5rem!important
       }
       .svg-icon.svg-icon-6x svg {
        height:6rem!important;
        width:6rem!important
       }
       .svg-icon.svg-icon-7x svg {
        height:7rem!important;
        width:7rem!important
       }
       .svg-icon.svg-icon-8x svg {
        height:8rem!important;
        width:8rem!important
       }
       .svg-icon.svg-icon-9x svg {
        height:9rem!important;
        width:9rem!important
       }
       .svg-icon.svg-icon-10x svg {
        height:10rem!important;
        width:10rem!important
       }
       .svg-icon.svg-icon-full svg {
        height:100%!important;
        width:100%!important
       }
       @media (min-width:576px) {
        .svg-icon.svg-icon-sm-sm svg {
         height:1.25rem!important;
         width:1.25rem!important
        }
        .svg-icon.svg-icon-sm-md svg {
         height:1.5rem!important;
         width:1.5rem!important
        }
        .svg-icon.svg-icon-sm-lg svg {
         height:1.75rem!important;
         width:1.75rem!important
        }
        .svg-icon.svg-icon-sm-xl svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-sm-xxl svg {
         height:2.25rem!important;
         width:2.25rem!important
        }
        .svg-icon.svg-icon-sm-1x svg {
         height:1rem!important;
         width:1rem!important
        }
        .svg-icon.svg-icon-sm-2x svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-sm-3x svg {
         height:3rem!important;
         width:3rem!important
        }
        .svg-icon.svg-icon-sm-4x svg {
         height:4rem!important;
         width:4rem!important
        }
        .svg-icon.svg-icon-sm-5x svg {
         height:5rem!important;
         width:5rem!important
        }
        .svg-icon.svg-icon-sm-6x svg {
         height:6rem!important;
         width:6rem!important
        }
        .svg-icon.svg-icon-sm-7x svg {
         height:7rem!important;
         width:7rem!important
        }
        .svg-icon.svg-icon-sm-8x svg {
         height:8rem!important;
         width:8rem!important
        }
        .svg-icon.svg-icon-sm-9x svg {
         height:9rem!important;
         width:9rem!important
        }
        .svg-icon.svg-icon-sm-10x svg {
         height:10rem!important;
         width:10rem!important
        }
        .svg-icon.svg-icon-sm-full svg {
         height:100%!important;
         width:100%!important
        }
       }
       @media (min-width:768px) {
        .svg-icon.svg-icon-md-sm svg {
         height:1.25rem!important;
         width:1.25rem!important
        }
        .svg-icon.svg-icon-md-md svg {
         height:1.5rem!important;
         width:1.5rem!important
        }
        .svg-icon.svg-icon-md-lg svg {
         height:1.75rem!important;
         width:1.75rem!important
        }
        .svg-icon.svg-icon-md-xl svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-md-xxl svg {
         height:2.25rem!important;
         width:2.25rem!important
        }
        .svg-icon.svg-icon-md-1x svg {
         height:1rem!important;
         width:1rem!important
        }
        .svg-icon.svg-icon-md-2x svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-md-3x svg {
         height:3rem!important;
         width:3rem!important
        }
        .svg-icon.svg-icon-md-4x svg {
         height:4rem!important;
         width:4rem!important
        }
        .svg-icon.svg-icon-md-5x svg {
         height:5rem!important;
         width:5rem!important
        }
        .svg-icon.svg-icon-md-6x svg {
         height:6rem!important;
         width:6rem!important
        }
        .svg-icon.svg-icon-md-7x svg {
         height:7rem!important;
         width:7rem!important
        }
        .svg-icon.svg-icon-md-8x svg {
         height:8rem!important;
         width:8rem!important
        }
        .svg-icon.svg-icon-md-9x svg {
         height:9rem!important;
         width:9rem!important
        }
        .svg-icon.svg-icon-md-10x svg {
         height:10rem!important;
         width:10rem!important
        }
        .svg-icon.svg-icon-md-full svg {
         height:100%!important;
         width:100%!important
        }
       }
       @media (min-width:992px) {
        .svg-icon.svg-icon-lg-sm svg {
         height:1.25rem!important;
         width:1.25rem!important
        }
        .svg-icon.svg-icon-lg-md svg {
         height:1.5rem!important;
         width:1.5rem!important
        }
        .svg-icon.svg-icon-lg-lg svg {
         height:1.75rem!important;
         width:1.75rem!important
        }
        .svg-icon.svg-icon-lg-xl svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-lg-xxl svg {
         height:2.25rem!important;
         width:2.25rem!important
        }
        .svg-icon.svg-icon-lg-1x svg {
         height:1rem!important;
         width:1rem!important
        }
        .svg-icon.svg-icon-lg-2x svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-lg-3x svg {
         height:3rem!important;
         width:3rem!important
        }
        .svg-icon.svg-icon-lg-4x svg {
         height:4rem!important;
         width:4rem!important
        }
        .svg-icon.svg-icon-lg-5x svg {
         height:5rem!important;
         width:5rem!important
        }
        .svg-icon.svg-icon-lg-6x svg {
         height:6rem!important;
         width:6rem!important
        }
        .svg-icon.svg-icon-lg-7x svg {
         height:7rem!important;
         width:7rem!important
        }
        .svg-icon.svg-icon-lg-8x svg {
         height:8rem!important;
         width:8rem!important
        }
        .svg-icon.svg-icon-lg-9x svg {
         height:9rem!important;
         width:9rem!important
        }
        .svg-icon.svg-icon-lg-10x svg {
         height:10rem!important;
         width:10rem!important
        }
        .svg-icon.svg-icon-lg-full svg {
         height:100%!important;
         width:100%!important
        }
       }
       @media (min-width:1200px) {
        .svg-icon.svg-icon-xl-sm svg {
         height:1.25rem!important;
         width:1.25rem!important
        }
        .svg-icon.svg-icon-xl-md svg {
         height:1.5rem!important;
         width:1.5rem!important
        }
        .svg-icon.svg-icon-xl-lg svg {
         height:1.75rem!important;
         width:1.75rem!important
        }
        .svg-icon.svg-icon-xl-xl svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-xl-xxl svg {
         height:2.25rem!important;
         width:2.25rem!important
        }
        .svg-icon.svg-icon-xl-1x svg {
         height:1rem!important;
         width:1rem!important
        }
        .svg-icon.svg-icon-xl-2x svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-xl-3x svg {
         height:3rem!important;
         width:3rem!important
        }
        .svg-icon.svg-icon-xl-4x svg {
         height:4rem!important;
         width:4rem!important
        }
        .svg-icon.svg-icon-xl-5x svg {
         height:5rem!important;
         width:5rem!important
        }
        .svg-icon.svg-icon-xl-6x svg {
         height:6rem!important;
         width:6rem!important
        }
        .svg-icon.svg-icon-xl-7x svg {
         height:7rem!important;
         width:7rem!important
        }
        .svg-icon.svg-icon-xl-8x svg {
         height:8rem!important;
         width:8rem!important
        }
        .svg-icon.svg-icon-xl-9x svg {
         height:9rem!important;
         width:9rem!important
        }
        .svg-icon.svg-icon-xl-10x svg {
         height:10rem!important;
         width:10rem!important
        }
        .svg-icon.svg-icon-xl-full svg {
         height:100%!important;
         width:100%!important
        }
       }
       @media (min-width:1400px) {
        .svg-icon.svg-icon-xxl-sm svg {
         height:1.25rem!important;
         width:1.25rem!important
        }
        .svg-icon.svg-icon-xxl-md svg {
         height:1.5rem!important;
         width:1.5rem!important
        }
        .svg-icon.svg-icon-xxl-lg svg {
         height:1.75rem!important;
         width:1.75rem!important
        }
        .svg-icon.svg-icon-xxl-xl svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-xxl-xxl svg {
         height:2.25rem!important;
         width:2.25rem!important
        }
        .svg-icon.svg-icon-xxl-1x svg {
         height:1rem!important;
         width:1rem!important
        }
        .svg-icon.svg-icon-xxl-2x svg {
         height:2rem!important;
         width:2rem!important
        }
        .svg-icon.svg-icon-xxl-3x svg {
         height:3rem!important;
         width:3rem!important
        }
        .svg-icon.svg-icon-xxl-4x svg {
         height:4rem!important;
         width:4rem!important
        }
        .svg-icon.svg-icon-xxl-5x svg {
         height:5rem!important;
         width:5rem!important
        }
        .svg-icon.svg-icon-xxl-6x svg {
         height:6rem!important;
         width:6rem!important
        }
        .svg-icon.svg-icon-xxl-7x svg {
         height:7rem!important;
         width:7rem!important
        }
        .svg-icon.svg-icon-xxl-8x svg {
         height:8rem!important;
         width:8rem!important
        }
        .svg-icon.svg-icon-xxl-9x svg {
         height:9rem!important;
         width:9rem!important
        }
        .svg-icon.svg-icon-xxl-10x svg {
         height:10rem!important;
         width:10rem!important
        }
        .svg-icon.svg-icon-xxl-full svg {
         height:100%!important;
         width:100%!important
        }
       }
       .svg-icon.svg-icon-flip svg {
        -webkit-transform:scaleX(-1);
        transform:scaleX(-1)
       }
       .svg.svg-fill-white {
        fill:#fff!important
       }
       .svg.svg-fill-light-white {
        fill:#fff!important
       }
       .svg.svg-fill-primary {
        fill:#3699ff!important
       }
       .svg.svg-fill-light-primary {
        fill:#e1f0ff!important
       }
       .svg.svg-fill-secondary {
        fill:#181c32!important
       }
       .svg.svg-fill-light-secondary {
        fill:#ebedf3!important
       }
       .svg.svg-fill-success {
        fill:#1bc5bd!important
       }
       .svg.svg-fill-light-success {
        fill:#c9f7f5!important
       }
       .svg.svg-fill-info {
        fill:#8950fc!important
       }
       .svg.svg-fill-light-info {
        fill:#eee5ff!important
       }
       .svg.svg-fill-warning {
        fill:#ffa800!important
       }
       .svg.svg-fill-light-warning {
        fill:#fff4de!important
       }
       .svg.svg-fill-danger {
        fill:#f64e60!important
       }
       .svg.svg-fill-light-danger {
        fill:#ffe2e5!important
       }
       .svg.svg-fill-light {
        fill:#f3f6f9!important
       }
       .svg.svg-fill-light-light {
        fill:#f3f6f9!important
       }
       .svg.svg-fill-dark {
        fill:#181c32!important
       }
       .svg.svg-fill-light-dark {
        fill:#d1d3e0!important
       }
       .svg.svg-fill-dark-75 {
        fill:#3f4254!important
       }
       .svg.svg-fill-dark-65 {
        fill:#5e6278!important
       }
       .svg.svg-fill-dark-50 {
        fill:#7e8299!important
       }
       .svg.svg-fill-dark-25 {
        fill:#d1d3e0!important
       }
       .svg.svg-fill-muted {
        fill:#b5b5c3!important
       }