@charset "UTF-8";
/**
* Centraliza os elementos verticalmente e horizontalmente
*/
/**
* transforma um elemento em um giro horizontal
*/
/**
* altera a cor do placeholder de um input
*/
/**
* String Replace
*/
/**
* gera os estilos para as fonts
*/
/**
* gera os estilos para o flaticon
*/
/**
* funções do fancybox
*/
/**
* Bootstrap overwrite mixins
*/
/**
  * Botões outline
  */
/**
* media para mobile
*/
/**
* media para tablets
*/
.required {
  color: #FF0000;
}

.hide {
  display: none !important;
}

.hidden {
  visibility: hidden !important;
}

.disabled {
  cursor: not-allowed !important;
}

/* Positioning */
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

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

.vertical-middle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* Text */
.lower {
  text-transform: lowercase;
}

.upper {
  text-transform: uppercase;
}

.bold {
  font-weight: 600 !important;
}

.ultra-bold {
  font-weight: 700 !important;
}

.captalize {
  text-transform: capitalize;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

/* Line height */
.lh10 {
  line-height: 10px;
}

.lh15 {
  line-height: 15px;
}

.lh20 {
  line-height: 20px;
}

.lh30 {
  line-height: 30px;
}

/* Margin */
.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.m0 {
  margin: 0 !important;
}

.row.col5 {
  margin-left: -5px;
  margin-right: -5px;
}

.row.col5 > [class*='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}

/* Ṕadding */
.p0 {
  padding: 0px;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.p40 {
  padding: 40px;
}

.p50 {
  padding: 50px;
}

.pt0 {
  padding-top: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.np {
  padding: 0;
}

.npl {
  padding-left: 0;
}

.npr {
  padding-right: 0;
}

.f-row {
  display: flex;
  flex-direction: row;
}

.centered {
  align-items: center;
}

/* Responsive */
@media (max-width: 991px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .mt5-sm {
    margin-top: 10px;
  }
  .mt10-sm {
    margin-top: 10px;
  }
  .mt15-sm {
    margin-top: 15px;
  }
  .mt20-sm {
    margin-top: 20px;
  }
  .mt30-sm {
    margin-top: 30px;
  }
  .mt40-sm {
    margin-top: 40px;
  }
  .mb5-sm {
    margin-bottom: 10px;
  }
  .mb10-sm {
    margin-bottom: 10px;
  }
  .mb15-sm {
    margin-bottom: 15px;
  }
  .mb20-sm {
    margin-bottom: 20px;
  }
  .mb30-sm {
    margin-bottom: 30px;
  }
  .mb40-sm {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .mt0-xs {
    margin-top: 0px;
  }
  .mt5-xs {
    margin-top: 5px;
  }
  .mt10-xs {
    margin-top: 10px;
  }
  .mt15-xs {
    margin-top: 15px !important;
  }
  .mt20-xs {
    margin-top: 20px;
  }
  .mt30-xs {
    margin-top: 30px;
  }
  .mt40-xs {
    margin-top: 40px;
  }
  .mt0-xs {
    margin-bottom: 0px;
  }
  .mb5-xs {
    margin-bottom: 5px;
  }
  .mb10-xs {
    margin-bottom: 10px;
  }
  .mb15-xs {
    margin-bottom: 15px;
  }
  .mb20-xs {
    margin-bottom: 20px;
  }
  .mb30-xs {
    margin-bottom: 30px;
  }
  .mb40-xs {
    margin-bottom: 40px;
  }
  .pt0-xs {
    padding-top: 0px;
  }
  .pt5-xs {
    padding-top: 5px;
  }
  .pt10-xs {
    padding-top: 10px;
  }
  .pt15-xs {
    padding-top: 15px;
  }
  .pt20-xs {
    padding-top: 20px;
  }
  .pt30-xs {
    padding-top: 30px;
  }
  .pt40-xs {
    padding-top: 40px;
  }
  .pt50-xs {
    padding-top: 50px;
  }
  .pb0-xs {
    padding-bottom: 0px;
  }
  .pb5-xs {
    padding-bottom: 5px;
  }
  .pb10-xs {
    padding-bottom: 10px;
  }
  .pb15-xs {
    padding-bottom: 15px;
  }
  .pb20-xs {
    padding-bottom: 20px;
  }
  .pb30-xs {
    padding-bottom: 30px;
  }
  .pb40-xs {
    padding-bottom: 40px;
  }
  .pb50-xs {
    padding-bottom: 50px;
  }
}

.badge {
  padding: 4px 8px;
}

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/flaticon/Flaticon.eot");
  src: url("../fonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/flaticon/Flaticon.woff") format("woff"), url("../fonts/flaticon/Flaticon.ttf") format("truetype"), url("../fonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
  font-family: Flaticon;
  font-style: normal;
  font-weight: normal;
  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;
}

.fi:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  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;
}

.flaticon-fabric:before {
  content: "\f100";
}

.flaticon-paint-brush:before {
  content: "\f101";
}

.flaticon-team:before {
  content: "\f102";
}

.flaticon-search:before {
  content: "\f103";
}

.flaticon-checklist:before {
  content: "\f104";
}

.flaticon-money-bag:before {
  content: "\f105";
}

.flaticon-trash:before {
  content: "\f106";
}

.flaticon-pencil:before {
  content: "\f107";
}

.flaticon-homepage:before {
  content: "\f108";
}

.flaticon-up-arrow:before {
  content: "\f109";
}

.flaticon-download:before {
  content: "\f10a";
}

.flaticon-upload:before {
  content: "\f10b";
}

.flaticon-magnifying-glass:before {
  content: "\f10c";
}

.flaticon-art-and-design:before {
  content: "\f10d";
}

.flaticon-art-and-design-1:before {
  content: "\f10e";
}

.flaticon-zoom-in:before {
  content: "\f10f";
}

.flaticon-zoom-out:before {
  content: "\f110";
}

.flaticon-move:before {
  content: "\f111";
}

.flaticon-crop:before {
  content: "\f112";
}

.flaticon-left-arrow:before {
  content: "\f113";
}

.flaticon-right-arrow:before {
  content: "\f114";
}

.flaticon-up-arrow-1:before {
  content: "\f115";
}

.flaticon-download-arrow:before {
  content: "\f116";
}

.flaticon-resize:before {
  content: "\f117";
}

.flaticon-resize-1:before {
  content: "\f118";
}

.flaticon-confirm:before {
  content: "\f119";
}

.flaticon-x-mark:before {
  content: "\f11a";
}

.flaticon-reload:before {
  content: "\f11b";
}

.flaticon-qr-code:before {
  content: "\f11c";
}

.flaticon-qr-code-1:before {
  content: "\f11d";
}

.flaticon-check-mark-black-outline:before {
  content: "\f11e";
}

.flaticon-edit-button:before {
  content: "\f11f";
}

.flaticon-pencil:before {
  content: "\f120";
}

.flaticon-docs:before {
  content: "\f121";
}

.flaticon-planning:before {
  content: "\f122";
}

.flaticon-doc-file:before {
  content: "\f123";
}

.flaticon-thumbs-up:before {
  content: "\f124";
}

.flaticon-calendar-2:before {
  content: "\f125";
}

.flaticon-comment-white-oval-bubble:before {
  content: "\f126";
}

.flaticon-mail:before {
  content: "\f127";
}

.flaticon-save:before {
  content: "\f128";
}

.flaticon-tablet:before {
  content: "\f129";
}

.flaticon-sign:before {
  content: "\f12a";
}

.flaticon-arrow:before {
  content: "\f12b";
}

.flaticon-night:before {
  content: "\f12c";
}

.flaticon-heart:before {
  content: "\f12d";
}

.flaticon-folder:before {
  content: "\f12e";
}

.flaticon-clip:before {
  content: "\f12f";
}

.flaticon-copy:before {
  content: "\f130";
}

.flaticon-page:before {
  content: "\f131";
}

.flaticon-graph:before {
  content: "\f132";
}

.flaticon-disk:before {
  content: "\f133";
}

.flaticon-folder-1:before {
  content: "\f134";
}

.flaticon-flag:before {
  content: "\f135";
}

.flaticon-calendar:before {
  content: "\f136";
}

.flaticon-alarm:before {
  content: "\f137";
}

.flaticon-clock:before {
  content: "\f138";
}

.flaticon-landscape:before {
  content: "\f139";
}

.flaticon-image:before {
  content: "\f13a";
}

.flaticon-register:before {
  content: "\f13b";
}

.flaticon-hand:before {
  content: "\f13c";
}

.flaticon-minus:before {
  content: "\f13d";
}

.flaticon-list:before {
  content: "\f13e";
}

.flaticon-medical-notes-symbol-of-a-list-paper-on-a-clipboard:before {
  content: "\f13f";
}

.flaticon-file:before {
  content: "\f140";
}

.flaticon-info:before {
  content: "\f141";
}

.flaticon-round-info-button:before {
  content: "\f142";
}

.flaticon-youtube-1:before {
  content: "\f143";
}

.flaticon-instagram-logo:before {
  content: "\f144";
}

.flaticon-facebook-logo:before {
  content: "\f145";
}

.flaticon-instagram:before {
  content: "\f146";
}

.flaticon-facebook:before {
  content: "\f147";
}

.flaticon-youtube:before {
  content: "\f148";
}

.flaticon-user:before {
  content: "\f149";
}

.flaticon-search-1:before {
  content: "\f14a";
}

@font-face {
  font-family: "lightArrows";
  src: url("../fonts/light-arrows/light-arrows.eot");
  src: url("../fonts/light-arrows/light-arrows.eot?#iefix") format("embedded-opentype"), url("../fonts/light-arrows/light-arrows.woff") format("woff"), url("../fonts/light-arrows/light-arrows.ttf") format("truetype"), url("../fonts/light-arrows/light-arrows.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Metronic";
    src: url("../fonts/light-arrows/light-arrows.svg#Metronic") format("svg");
  }
}

.light-arrows,
.light-arrows-01:before,
.light-arrows-02:before,
.light-arrows-03:before,
.light-arrows-04:before {
  display: inline-block;
  font-family: "lightArrows";
  font-style: normal;
  font-weight: normal;
  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;
}

.light-arrows-01:before {
  content: "\f1b1";
}

.light-arrows-02:before {
  content: "\f1b2";
}

.light-arrows-03:before {
  content: "\f1b3";
}

.light-arrows-04:before {
  content: "\f1b4";
}

html {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #333;
  background-color: #2f323f;
}

body.blank {
  min-height: 100%;
  background-color: #fff;
}

body.blank .wrapper {
  min-height: 100%;
  padding: 0;
}

body [data-json] {
  display: none;
}

body.no-footer footer {
  display: none;
}

.animated {
  animation-duration: 0.5s;
}

.page-title {
  padding-top: 20px;
}

.page-title .page-breadcrumb-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.page-title .page-breadcrumb-inner .breadcrumbs {
  flex: 1;
  text-align: left;
}

.page-title .page-breadcrumb-inner .breadcrumbs ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.page-title .page-breadcrumb-inner .breadcrumbs ul li {
  display: inline-block;
}

@media (max-width: 576px) {
  .page-title .page-breadcrumb-inner {
    justify-content: start;
    align-items: start;
    flex-direction: column;
  }
  .page-title .page-breadcrumb-inner .social-share {
    margin-top: 5px;
  }
}

.page-title .page-title-inner {
  margin-top: 10px;
}

/* Datetimepicker */
.bootstrap-datetimepicker-widget {
  background-color: #fff;
  font-size: 14px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
  min-width: 256px;
  top: 40px !important;
  right: 0 !important;
  left: auto !important;
  margin: 0;
  padding: 5px;
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  display: none;
}

.bootstrap-datetimepicker-widget table thead {
  color: #000 !important;
}

.bootstrap-datetimepicker-widget .picker-switch td a {
  color: #000;
}

.bootstrap-datetimepicker-widget .picker-switch td a span {
  margin: 0;
  border-radius: 0;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td {
  width: 40px;
  position: relative;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td:nth-child(2), .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td:nth-child(4) {
  display: none;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td a {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  color: #bbb;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td a span {
  width: 100%;
  height: 100%;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td .timepicker-second {
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff !important;
  color: #f7f7f7 !important;
  border: none;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td button:hover {
  background-color: #e9ecef !important;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-hours table tr td,
.bootstrap-datetimepicker-widget .timepicker .timepicker-minutes table tr td {
  border-radius: 0;
  padding: 0;
}

.bootstrap-datetimepicker-widget .datepicker-days table thead tr th {
  border: none;
  border-radius: 0;
  background-color: #f7f7f7 !important;
}

.bootstrap-datetimepicker-widget .datepicker-days table thead tr:first-child th:not(.disabled):hover {
  color: #000;
}

.bootstrap-datetimepicker-widget .datepicker-days table thead tr:not(:first-child) th {
  cursor: default !important;
}

.bootstrap-datetimepicker-widget .datepicker-days table tbody {
  border-top: 5px solid #fff;
}

.bootstrap-datetimepicker-widget .datepicker-days table tbody tr td {
  border-top: none;
  border-radius: 0;
}

.bootstrap-datetimepicker-widget .datepicker-days table tbody tr td.active {
  background-color: #000;
  color: #fff;
  text-shadow: none;
  font-weight: 600;
}

.bootstrap-datetimepicker-widget .datepicker-months table thead,
.bootstrap-datetimepicker-widget .datepicker-years table thead,
.bootstrap-datetimepicker-widget .datepicker-decades table thead {
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
}

.bootstrap-datetimepicker-widget .datepicker-months table thead tr,
.bootstrap-datetimepicker-widget .datepicker-years table thead tr,
.bootstrap-datetimepicker-widget .datepicker-decades table thead tr {
  display: flex;
  width: 100%;
}

.bootstrap-datetimepicker-widget .datepicker-months table thead tr th,
.bootstrap-datetimepicker-widget .datepicker-years table thead tr th,
.bootstrap-datetimepicker-widget .datepicker-decades table thead tr th {
  width: 25px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7 !important;
  color: #000;
  border: none;
  border-radius: 0;
  font-weight: 500;
}

.bootstrap-datetimepicker-widget .datepicker-months table thead tr th:hover,
.bootstrap-datetimepicker-widget .datepicker-years table thead tr th:hover,
.bootstrap-datetimepicker-widget .datepicker-decades table thead tr th:hover {
  color: #000;
}

.bootstrap-datetimepicker-widget .datepicker-months table thead tr th.picker-switch,
.bootstrap-datetimepicker-widget .datepicker-years table thead tr th.picker-switch,
.bootstrap-datetimepicker-widget .datepicker-decades table thead tr th.picker-switch {
  flex-grow: 1;
}

.bootstrap-datetimepicker-widget .datepicker-months table tbody tr td,
.bootstrap-datetimepicker-widget .datepicker-years table tbody tr td,
.bootstrap-datetimepicker-widget .datepicker-decades table tbody tr td {
  width: 100%;
}

.bootstrap-datetimepicker-widget .datepicker-months table tbody tr td span,
.bootstrap-datetimepicker-widget .datepicker-years table tbody tr td span,
.bootstrap-datetimepicker-widget .datepicker-decades table tbody tr td span {
  width: 33.33%;
  margin: 0;
  border-radius: 0;
}

.bootstrap-datetimepicker-widget .datepicker-months table tbody tr td span.active,
.bootstrap-datetimepicker-widget .datepicker-years table tbody tr td span.active,
.bootstrap-datetimepicker-widget .datepicker-decades table tbody tr td span.active {
  background-color: #000;
  color: #fff;
  text-shadow: none;
  font-weight: 600;
}

.datepicker .bootstrap-datetimepicker-widget, .datetimepicker .bootstrap-datetimepicker-widget {
  min-height: 300px;
}

.datepicker .input-group-append .input-group-text, .datetimepicker .input-group-append .input-group-text {
  border: 1px solid #ebebeb;
}

.gallery .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.gallery .gallery-top {
  height: 400px;
  width: 100%;
}

.gallery .gallery-top img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .gallery .gallery-top .swiper-button-next,
  .gallery .gallery-top .swiper-button-prev {
    display: none;
  }
}

.gallery .gallery-thumbs {
  height: 100px;
  box-sizing: border-box;
  margin-top: 10px;
}

.gallery .gallery-thumbs img {
  height: 100%;
  width: 150px;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

@media (max-width: 768px) {
  .gallery .gallery-thumbs {
    display: none;
  }
}

.gallery .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
  width: unset;
}

.gallery .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.gallery .swiper-pagination-bullet {
  background: #fff;
}

.gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}

@media (max-width: 768px) {
  .gallery {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.main-slider .swiper-slide .text {
  z-index: 3;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}

.main-slider .swiper-slide .text .subtitle,
.main-slider .swiper-slide .text .title {
  color: #fff;
}

.main-slider .swiper-slide .text .title {
  font-size: 35px;
  font-weight: 500;
}

.main-slider .swiper-slide .text .subtitle {
  font-size: 20px;
}

.main-slider .swiper-slide img {
  width: 100%;
  height: 545px;
  object-fit: cover;
  object-position: center;
}

.main-slider .swiper-slide.shade::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: #000;
  opacity: 0.65;
}

.main-slider .swiper-button-prev,
.main-slider .swiper-button-next {
  height: 40px;
}

@media (max-width: 576px) {
  .main-slider .swiper-button-prev,
  .main-slider .swiper-button-next {
    display: none;
  }
}

.banner {
  position: relative;
}

.banner .home-search-box {
  z-index: 2;
  width: 100%;
  background: #1c6fe2;
  position: relative;
  margin: 20px auto 32px auto;
  padding: 20px 30px;
  margin-top: -75px;
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 20px 0 rgba(158, 184, 209, 0.43);
  box-shadow: 0 8px 20px 0 rgba(158, 184, 209, 0.43);
}

.banner .home-search-box .title {
  color: #fff;
}

.banner .home-search-box input {
  height: 47px;
  border-radius: 4px;
  background-color: #fff;
  background-position: left 9px center;
}

@media (max-width: 576px) {
  .banner .home-search-box {
    border-radius: 0px;
    padding: 20px 10px;
    box-shadow: none;
  }
}

.thumbnails {
  margin: 0;
  padding: 0;
  list-style: none;
}

.thumbnails .thumb {
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: 5px;
  display: inline-block;
  object-fit: contain;
  cursor: pointer;
  border-radius: 5px;
  background-color: #ddd;
  border: 1px solid #ccc;
}

.thumbnails .thumb img {
  width: 100%;
}

.socials {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.socials .text-share {
  margin-right: 15px;
}

.social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  align-items: flex-end;
  justify-content: flex-end;
}

.social-share > p {
  font-size: 12px;
  margin-right: 5px;
  width: 100%;
  text-align: right;
  font-weight: 300;
}

.social-share .jssocials-shares {
  margin: 0;
  display: flex;
}

.social-share .jssocials-shares .jssocials-share {
  margin: 0;
}

.social-share .jssocials-shares .jssocials-share .jssocials-share-link {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  padding: 9px 6px;
  margin: 0;
}

.social-share .jssocials-shares .jssocials-share .jssocials-share-link i {
  font-size: 16px;
}

.social-share .jssocials-shares .jssocials-share:not(:last-child) {
  margin-right: 15px;
}

/* Template */
.wrapper {
  position: absolute;
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 0;
}

.wrapper header .header-right {
  display: flex;
  align-items: center;
}

.wrapper header .header-right .header-dropdown {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wrapper header .header-right .header-dropdown .user-menu {
  line-height: 0;
  text-align: right;
}

.wrapper header .header-right .header-dropdown .user-menu .thumb {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #eee;
}

.wrapper header .header-right .header-dropdown .user-menu .thumb img {
  width: 100%;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown {
  line-height: normal;
  width: 320px;
  display: block;
  z-index: 10;
  display: none;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown.opened {
  display: block;
  position: absolute;
  top: 80px;
  right: 16px;
  margin: 0;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown .dropdown-inner {
  box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
  border-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown .dropdown-header {
  background-color: #fff;
  color: #333;
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #f7f8fa;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown .dropdown-header .thumb {
  width: 60px;
  height: 60px;
  border: none;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown .dropdown-header .info {
  margin-left: 15px;
  text-align: left;
  overflow: hidden;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown .dropdown-header .info h4 {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown .dropdown-header .info small {
  font-weight: 300;
  font-size: 12px;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body {
  padding: 0;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a {
  display: block;
  padding: 15px 20px;
  border-bottom: 1px solid #f7f8fa;
  color: #74788d;
  position: relative;
  transition: all 0.1s ease-in-out;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a > div {
  display: flex;
  align-items: center;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a > div .icon {
  margin-right: 16px;
  font-size: 20px;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a > div .text {
  text-align: left;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a > div .text span {
  font-weight: 500;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a > div .text small {
  display: block;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a:hover {
  background-color: #f7f8fa;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a:hover > div .text span {
  color: #000;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown ul.dropdown-body li a:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f054";
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  height: 100%;
  opacity: 0.5;
}

.wrapper header .header-right .header-dropdown .user-menu .dropdown .dropdown-footer {
  padding: 20px;
  border-top: 1px solid #f7f8fa;
}

.wrapper main {
  background-color: #f9f9fc;
  flex: 1;
  position: relative;
}

.wrapper main .page.create-edit.info .note, .wrapper main .page.create-edit.info .required {
  display: none;
}

.wrapper main .page-header {
  margin: 30px 30px 0 30px;
  color: #3f4047;
  display: flex;
  align-items: center;
}

.wrapper main .page-header > div {
  width: 50%;
}

.wrapper main .page-header .title h3 {
  font-size: 20px;
  margin: 0;
  padding: 0;
}

.wrapper main .page-header .title small {
  font-weight: 300;
  display: block;
  font-size: 14px;
  opacity: 0.6;
  margin-top: 5px;
}

.wrapper main .page-header .breadcrumbs {
  text-align: right;
}

.wrapper main .page-header .breadcrumbs ul {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  list-style: none;
  margin: 0;
  padding: 8px 30px;
  font-size: 12px;
  display: inline-block;
}

.wrapper main .page-header .breadcrumbs ul li {
  display: inline-block;
}

.wrapper main .page-header .breadcrumbs ul li a {
  color: #000;
}

.wrapper main .page-header .breadcrumbs ul li:not(:last-child):after {
  content: '>';
  display: inline-block;
  margin: 0 6px;
}

.wrapper main .card {
  margin: 30px 30px 0 30px;
}

.wrapper main .alert {
  margin: 30px;
}

.wrapper main .alert + .page-header {
  margin-top: 0;
}

.wrapper main .with-map .alert-container {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 4%;
}

.wrapper footer .container-admin {
  margin-left: 30px;
  margin-right: 30px;
}

.wrapper footer .footer-admin {
  display: flex;
  justify-content: flex-end;
  margin: 0px 30px;
}

.wrapper footer .footer-admin p {
  margin: 0;
}

.wrapper footer .footer-admin p a {
  font-weight: 600;
}

/** tags **/
.tag:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 25px;
  background: #c2c2c2;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.tag.tag-danger::before {
  background: #dc3545;
}

.tag.tag-warning::before {
  background: #ffc107;
}

.tag.tag-info::before {
  background: #17a2b8;
}

.tag.tag-success::before {
  background: #28a745;
}

.tag.tag-dark::before {
  background: #343a40;
}

/* Sidebar */
.sidebar {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 275px;
  z-index: 1;
  box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.4);
}

.sidebar .sidebar-close {
  position: fixed;
  top: 16px;
  left: 229px;
  width: 30px;
  height: 30px;
  background: #ebedf9;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #888;
  font-size: 14px;
  border-radius: 4px;
}

.sidebar, .sidebar .sidebar-close {
  margin-left: -275px;
  transition: margin-left 0.3s ease-out;
}

.sidebar .sidebar-wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.sidebar .sidebar-body {
  flex: 1;
  overflow-y: auto;
}

.sidebar .sidebar-body .menu {
  list-style: none;
  padding: 15px 0;
  margin: 0;
}

.sidebar .sidebar-body .menu li, .sidebar .sidebar-body .menu li a, .sidebar .sidebar-body .menu li i {
  transition: all 0.1s ease-in-out;
}

.sidebar .sidebar-body .menu li a {
  padding: 10px 30px;
  color: #5d5b6f;
  display: flex;
  align-items: center;
}

.sidebar .sidebar-body .menu li a i {
  text-align: left;
  font-size: 20px;
  margin-right: 16px;
  opacity: 0.4;
}

.sidebar .sidebar-body .menu li a span {
  font-weight: 500;
}

.sidebar .sidebar-body .menu li.menu-section {
  padding: 0 20px;
  margin: 20px 0 0 0;
  height: 40px;
}

.sidebar .sidebar-body .menu li.menu-section span {
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #9e95c3;
  line-height: 40px;
}

.sidebar .sidebar-body .menu li:not(.menu-section):hover {
  background-color: #f7f8fa;
}

.sidebar .sidebar-body .menu li:not(.menu-section):hover a, .sidebar .sidebar-body .menu li:not(.menu-section):hover i {
  color: #000;
  opacity: 1;
}

.sidebar .sidebar-body .menu li.active a, .sidebar .sidebar-body .menu li.active i {
  color: #000;
  opacity: 1;
}

.sidebar.opened, .sidebar.opened .sidebar-close {
  margin-left: 0;
}

.sidebar.opened.opened, .sidebar.opened.opened .sidebar-close {
  margin-left: 0;
}

.sidebar-toggle > a {
  display: block;
  position: relative;
  width: 26px;
  height: 26px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  cursor: pointer;
  outline: none;
  transition: all .4s ease;
}

.sidebar-toggle > a > span {
  top: 13px;
}

.sidebar-toggle > a > span, .sidebar-toggle > a > span:before, .sidebar-toggle > a > span:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  min-height: 2px;
  content: "";
  border-radius: 0;
  background: #000;
  left: 0;
  transition: all 0.3s ease-in-out;
}

.sidebar-toggle > a > span:before {
  top: -7px;
  width: 50%;
}

.sidebar-toggle > a > span:after {
  top: 7px;
  width: 75%;
}

.sidebar-toggle > a:hover > span:before {
  top: -7px;
  width: 100%;
}

.sidebar-toggle > a:hover > span:after {
  top: 7px;
  width: 100%;
}

/* links */
a {
  color: #000;
}

a:hover {
  color: #000;
  opacity: 0.85;
  text-decoration: none;
}

/* Cards */
.card {
  border: none;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}

.card .card-header {
  background-color: #fff;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 16px;
  border-color: #eee;
}

.card .card-header.with-buttons {
  display: flex;
  align-items: center;
}

.card .card-header.with-buttons .card-title {
  flex-grow: 1;
}

.card .card-header .card-title {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  color: #333;
}

.card .card-header .card-title .card-icon {
  margin-right: 16px;
  font-size: 20px;
  opacity: 0.5;
}

.card .card-header .card-title h3 {
  margin: 0;
  font-size: 18px;
}

.card .card-header .card-header-ctrls {
  display: flex;
  align-items: center;
}

.card .card-header .card-header-ctrls .btn:not(:last-child) {
  margin-right: 8px;
}

.card .card-body {
  padding: 16px;
}

.card .card-body .card-note {
  text-align: center;
  font-size: 20px;
  opacity: 0.4;
  padding: 32px;
  line-height: 30px;
}

.card .card-body .card-header {
  margin: 0 -16px;
  margin-bottom: 16px;
}

.card .card-footer {
  padding: 16px;
  background-color: #fff;
  border-color: #f9f9fc;
}

.card .card-footer.card-controls {
  display: flex;
  align-items: center;
}

.card .card-footer.card-controls .controls {
  display: flex;
}

.card .card-footer.card-controls .controls .btn:not(:last-child) {
  margin-right: 8px;
}

.card .card-footer.card-controls .controls.controls-right {
  margin-left: auto;
}

/* Tabs */
.nav.nav-tabs .nav-item a {
  padding: 10px 15px;
}

.nav.nav-tabs + .tab-content {
  border: 1px solid #ededed;
  border-top: 0;
  padding: 20px;
  border-radius: 4px;
}

.note-editor.note-frame.card {
  margin: 0;
}

.note-editor.note-frame.card .card-header {
  margin: 0;
}

/* Forms */
form .form-group label {
  text-transform: uppercase;
}

form .form-group label small {
  margin-top: 6px;
  display: block;
  opacity: 0.6;
  font-size: 11px;
}

form .tags + .select2-container--default .select2-selection--multiple {
  border-color: #c7cefd;
}

form .tags + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: white;
  background: #000;
  border-color: #000;
}

form .tags + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: white;
}

form .tags + .select2-container--default.select2-container--focus .select2-selection.select2-selection--multiple {
  border-color: #c7cefd;
}

form .form-control {
  -webkit-appearance: none;
  font-weight: 300;
  font-size: 14px;
  border-color: #ebebeb;
  padding: 8px 14px;
  height: auto;
}

form .form-control:focus {
  border-color: #c7cefd;
  box-shadow: 0px 0px 5px 2px rgba(83, 101, 215, 0.3);
}

form .form-control[disabled], form .form-control[readonly] {
  background-color: #e9ecef;
}

form .form-control[disabled].keep-style, form .form-control[readonly].keep-style {
  background-color: inherit;
  cursor: pointer;
}

form .select2.select2-container--disabled .select2-selection {
  background-color: #e9ecef;
}

form .select2.select2-container--disabled .select2-selection .select2-selection__arrow {
  display: none;
}

form select[disabled], form select[readonly] {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

form select[disabled] + select2 select2-selection {
  background-color: #e9ecef;
}

form .input-group .select2 {
  width: auto !important;
}

form .input-group .input-group-append > .btn i {
  margin: 0;
}

form label {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}

form label .required {
  margin-top: -2px;
  margin-left: 4px;
}

form .parsley-errors-list {
  padding: 0;
  margin: 5px 0 0;
  list-style: none;
  font-size: 12px;
  color: #ff0066;
}

form .note {
  font-size: 10px;
  display: flex;
  justify-content: flex-end;
}

form .note .required {
  margin-top: -2px;
  margin-right: 4px;
}

form .note .text {
  opacity: 0.6;
}

form .error, form .required {
  color: #ff0066;
}

form .required {
  font-size: 14px;
  display: flex;
  align-items: center;
}

form .required i, form .required svg {
  font-size: 8px;
}

form .select2-container {
  display: block;
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

form .select2-selection.select2-selection--single {
  font-weight: 300;
  font-size: 14px;
  border-color: #ebebeb;
  padding: 5px 14px;
  height: auto;
  min-height: 40px;
}

form .select2-selection.select2-selection--single .select2-selection__arrow {
  width: 30px;
  top: 10px;
}

form .select2-selection.select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent;
  border-width: 5px 4px 0 4px;
}

form .custom-fc {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #000;
  transition: all 0.3s ease-in-out;
  padding: 0.75rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

form .custom-fc:focus {
  box-shadow: none;
}

form .custom-fc:focus, form .custom-fc:hover, form .custom-fc:active {
  border-color: #666;
}

form .custom-fg .custom-fc.parsley-error {
  border-color: red;
}

form .custom-fg .custom-fc.parsley-error::placeholder {
  color: red;
}

form .custom-fg .parsley-errors-list {
  margin-top: 10px;
  font-weight: 500;
  color: red;
}

.checkbox, .radio {
  margin: 0;
  vertical-align: middle;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.checkbox > label, .radio > label {
  line-height: 20px;
  padding-left: 0;
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkbox > label > span, .radio > label > span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  margin-right: 10px;
  text-align: center;
  margin-top: -1px;
  margin-left: 1px;
  background-color: transparent;
}

.checkbox > label > span:before, .radio > label > span:before {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center !important;
  font-size: 10px;
  line-height: 18px;
  vertical-align: middle;
  content: '';
}

.checkbox input[type=checkbox], .checkbox input[type=radio], .radio input[type=checkbox], .radio input[type=radio] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px\9;
  opacity: 0;
  width: 20px;
}

.checkbox input[type=checkbox][disabled] + span, .checkbox input[type=radio][disabled] + span, .radio input[type=checkbox][disabled] + span, .radio input[type=radio][disabled] + span {
  opacity: 0.5;
}

.checkbox input[type=checkbox]:checked + span:before, .checkbox input[type=radio]:checked + span:before, .radio input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before {
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f00c';
  color: #000;
}

.checkbox.checkbox > label > span, .radio.checkbox > label > span {
  border-radius: 4px;
}

.checkbox.radio > label > span, .radio.radio > label > span {
  border-radius: 50%;
}

.check-group.check-group-inline .checkbox, .check-group.check-group-inline .radio {
  display: inline-block;
}

.check-group.check-group-inline .checkbox:not(:last-child), .check-group.check-group-inline .radio:not(:last-child) {
  margin-right: 16px;
}

.switch {
  position: relative;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  dispĺay: flex;
  align-items: center;
  user-select: none;
}

.switch > span {
  display: block;
  padding: 0 0 0 44px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #333;
}

.switch > span:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.26);
  border-radius: 14px;
  z-index: 1;
  transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.switch > span:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #2e323e;
  border-radius: 14px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  z-index: 2;
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: left, background-color;
}

.switch .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 20px;
  visibility: hidden;
  z-index: 0;
}

.switch .switch-input:checked + span:before {
  background-color: rgba(0, 0, 0, 0.26);
}

.switch .switch-input:checked + span:after {
  left: 16px;
  background-color: #000;
}

/*Color Picker*/
.color-picker {
  margin-left: 10px;
  border: none;
  padding: 0;
  width: 40px;
  height: 40px;
  background-color: transparent;
  -webkit-appearance: none;
}

.color-picker:focus {
  outline: none;
}

.color-picker::-webkit-color-swatch-wrapper {
  padding: 0;
}

.color-picker::-webkit-color-swatch {
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 25px -7px;
}

/* Tooltips */
.tooltip .tooltip-inner {
  font-family: 'Poppins';
  font-size: 13px;
}

/* Buttons */
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.25;
  border-radius: .25rem;
  transition: all .3s ease-in-out;
}

.btn + .btn {
  margin-left: 7px;
}

.btn.btn-sm {
  font-size: 12px;
  padding: 8px 15px;
  height: 36px;
}

.btn.btn-sm.icon-only {
  width: 38px;
  padding: 4px 8px;
  text-align: center;
}

.btn.btn-icon-only {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  padding: 0;
}

.btn.btn-icon-only i {
  line-height: 0;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn.btn-invert {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.btn.btn-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.btn.btn-icon i {
  margin-right: 6px;
}

.btn.btn-no-radius {
  border-radius: 0;
}

.btn.btn-primary, .btn.btn-primary:active, .btn.btn-primary.active {
  background-color: #000 !important;
  color: #fff !important;
}

.btn.btn-primary:active:focus, .btn.btn-primary:active:active:focus, .btn.btn-primary.active:active:focus {
  box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.3) !important;
}

.btn.btn-secondary {
  background-color: #fff;
  color: #333;
}

.btn.btn-danger {
  background-color: #ea1324;
  color: #fff !important;
}

.btn.btn-dark {
  background-color: #1a1a1a;
  color: #fff;
}

.btn.btn-info {
  background-color: #2786fb;
}

.btn.btn-light {
  background-color: #eee;
}

.btn[disabled] {
  cursor: not-allowed !important;
  opacity: 0.6;
}

.btn:hover, .btn:focus, .btn:active, .btn:active:hover {
  opacity: 0.8;
}

.btn.custom-btn {
  border-radius: 5em;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 2em;
  margin: 0;
  outline: 0;
  padding: 16px 36px;
  text-transform: uppercase;
  transition: all .2s ease-in-out;
  vertical-align: middle;
  display: inline-block;
}

.btn.custom-btn.custom-btn-sm {
  padding: 8px 28px;
  font-size: 12px;
}

/* Tables */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  white-space: nowrap;
  margin: 0;
}

.table thead th {
  vertical-align: middle;
  font-weight: 500;
  text-align: center;
  border: none;
  color: #555;
}

.table thead th i, .table thead th svg {
  margin-left: 4px;
}

.table.no-border-top thead > tr > th {
  border-top: none;
}

.table tbody tr td {
  padding: 10px 10px;
  vertical-align: middle;
  border-top: 1px solid #f4f5f8;
  text-align: center;
}

.table tbody tr td:not(:last-child) i {
  font-size: 26px;
  line-height: 14px;
}

.table.table-actions tr td:last-child {
  padding: 8px 12px;
  white-space: nowrap;
  text-align: center;
  width: 150px;
}

.table.table-actions tr td:last-child .btn {
  padding: 10px;
  width: 35px;
  height: 35px;
  display: inline-block;
  font-size: 14px;
}

.table.table-actions tr td:last-child {
  padding: 5px 10px;
}

@media (max-width: 1270px) {
  .table.table-actions tr td:last-child {
    max-width: 130px;
  }
  .table.table-actions tr td:last-child a {
    flex: 1 0 33px;
    margin: 5px;
    max-width: 33px;
  }
}

.table.table-ordered tr th[data-column] {
  cursor: pointer;
}

.table.table-ordered tr th[data-column] i {
  margin-left: 5px;
}

/* Pagination */
.pagination {
  margin: 0;
  display: flex;
}

.pagination .page-item {
  cursor: pointer;
}

.pagination .page-item:not(:last-child) {
  margin-right: 8px;
}

.pagination .page-item .page-link {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  color: #666;
  transition: all .3s ease-in-out;
  opacity: 1 !important;
}

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
  background-color: #eee;
}

.pagination .page-item:first-child .page-link i, .pagination .page-item:first-child .page-link svg, .pagination .page-item:last-child .page-link i, .pagination .page-item:last-child .page-link svg {
  font-size: 10px;
}

.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover {
  background-color: #000;
  color: #fff;
}

.gallery-card {
  cursor: pointer;
}

.gallery-card .thumb {
  background: #eee;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.gallery-card .thumb:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.gallery-card .thumb img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.gallery-card .thumb img:hover {
  width: 120%;
  filter: grayscale(1);
}

.gallery-card .gallery-text h4, .gallery-card .gallery-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #333;
}

.gallery-card .gallery-text h4 {
  font-size: 26px;
  font-weight: 700;
  -webkit-line-clamp: 1;
  margin: 0 0 5px;
}

.gallery-card .gallery-text p {
  -webkit-line-clamp: 3;
  opacity: 0.8;
  margin: 0 0 5px;
  line-height: 20px;
}

.gallery-card .gallery-photos-sources {
  display: none;
}

.without-mb .alert {
  margin-bottom: 5px;
}

/* Alerts */
.alert {
  margin-bottom: 45px;
  border: none;
  font-weight: 500;
}

.alert p {
  margin: 0;
}

.alert.alert-success {
  background-color: #1dc93c;
  color: #fff;
}

.alert.alert-warning {
  background-color: #ffb822;
  color: #333;
}

.alert.alert-danger {
  background-color: #ea1324;
  color: #fff;
}

.alert .close {
  float: right;
  font-size: 24px;
  font-weight: 400;
  color: #000;
  opacity: 0.3;
  box-shadow: none;
}

/* Photo selector */
.image-thumb {
  width: 150px;
  margin-right: 30px;
}

.image-thumb .photo-selector .thumbnail {
  border: none;
  text-align: center;
  display: inline-block;
  padding: 0;
  background: none;
  margin: 0;
  position: relative;
}

.image-thumb .photo-selector .thumbnail img.image-preview {
  width: 150px;
  height: 150px;
  margin: 0 auto 0;
  border-radius: 10px;
}

.image-thumb .photo-selector .thumbnail img.image-preview.rounded {
  border-width: 8px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

.image-thumb .photo-selector .thumbnail .btn-select {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 26px;
  color: #fff;
  transform: translate(-50%, -50%);
  background: #000;
  opacity: 0.5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease-in-out;
}

.image-thumb .photo-selector .thumbnail .btn-select i {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
}

.image-thumb .photo-selector .thumbnail .btn-select:hover, .image-thumb .photo-selector .thumbnail .btn-select:focus {
  opacity: 1;
}

.image-thumb .photo-selector .btn-remove {
  margin-top: 10px;
}

/* Dropdowns */
.dropdown {
  min-width: 200px;
  margin-top: 20px;
  padding: 0;
  display: block;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: relative;
}

.dropdown :after {
  content: none;
  display: none;
}

.dropdown > span.arrow {
  display: none !important;
  position: absolute;
  line-height: 0;
  overflow: hidden;
  height: 9px;
  left: 0px;
  margin-left: 0px;
  margin-top: -9px;
}

.dropdown > span.arrow:after {
  display: inline-block;
  font-family: "lightArrows";
  line-height: 1;
  color: #fff;
  content: "\f1b1";
  font-size: 40px;
}

.dropdown.right > span {
  left: auto;
  right: 0px;
}

.dropdown .dropdown-inner {
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
}

.dropdown .dropdown-inner .dropdown-header {
  padding: 15px;
  background-color: #fff;
}

.dropdown .dropdown-inner .dropdown-body {
  padding: 15px;
}

.dropdown.opened {
  visibility: visible;
  margin-top: 10px;
  opacity: 1;
}

.dropdown-toggle {
  display: inline-block !important;
}

.dropdown-toggle:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-color: #ccc;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  border-right-width: 1px;
  transform: rotate(45deg);
  margin-left: 10px;
}

/* Modal */
.modal .modal-header {
  display: block;
}

.modal .modal-header h4 {
  font-size: 18px;
}

.modal .thumbnails {
  margin: 0;
  padding: 0;
  list-style: none;
}

.modal .thumbnails .thumb {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 5px;
  display: inline-block;
  object-fit: contain;
  cursor: pointer;
  border-radius: 5px;
  background-color: #ddd;
  border: 1px solid #ccc;
}

.modal .thumbnails .thumb img {
  width: 100%;
}

.custom-dialog .modal-content .modal-header, .custom-dialog .modal-content .modal-footer {
  border: none;
  justify-content: center;
}

.custom-dialog .modal-content .modal-header {
  padding-bottom: 0;
  text-align: center;
}

.custom-dialog .modal-content .modal-header .icon-subscribe {
  font-size: 70px;
  opacity: 20%;
  font-weight: 600;
}

.custom-dialog .modal-content .modal-header .bootbox-close-button {
  display: none;
}

.custom-dialog .modal-content .modal-footer button {
  margin: 0;
}

.custom-dialog .modal-content .modal-body {
  text-align: center;
}

.custom-dialog .modal-content .modal-body p {
  margin: 0;
}

.custom-dialog .modal-content .modal-body div.body-text {
  margin-bottom: 20px;
}

.custom-dialog .modal-content .modal-body div.text-appreciate {
  font-size: 15px;
  font-weight: 600;
}

.loader {
  margin: 0;
  padding: 0;
  border: 3px solid #00b1eb;
  border-radius: 30px;
  height: 30px;
  width: 30px;
  opacity: 0;
  z-index: 10;
  animation: pulsate .7s ease-out infinite;
}

/* Loading */
.loader-container {
  position: absolute;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.6);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.loader-container .loader-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-container .loader-content .loader {
  position: absolute;
  left: auto;
  top: auto;
}

.spinner {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.spinner::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid transparent;
  animation: spinner .6s linear infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

/* Mapa */
.map-wrapper {
  position: relative;
}

.map-wrapper .alert-container {
  margin-top: 15px;
}

.map-wrapper .alert-container .alert {
  margin: 10px 10px 0 !important;
}

.map-wrapper .map {
  width: 100%;
  min-height: 500px;
}

.map-wrapper .map .map-controls {
  margin-right: 10px;
}

.map-wrapper .map .map-controls .btn-map {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: none;
  font-size: 18px;
  color: #666;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  font-family: Poppins, sans-serif;
}

.map-wrapper .map .map-controls .btn-map:hover, .map-wrapper .map .map-controls .btn-map:focus {
  color: #333;
}

.map-wrapper .map .infobox {
  padding: 2px 0 2px 5px;
}

.map-wrapper .map .infobox h4 {
  font-size: 20px;
}

.map-wrapper .map .infobox h4 small {
  display: block;
  font-size: 16px;
  color: #666;
}

.map-wrapper .map .infobox h4 div {
  font-size: 15px;
  font-weight: 600;
}

.map-wrapper .map .infobox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.map-wrapper .map .infobox ul > li {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  line-height: 18px;
}

.map-wrapper .map .infobox .controls {
  margin-top: 15px;
  text-align: center;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .pagination .page-item {
    display: none;
    margin-right: 15px;
  }
  .pagination .page-item:first-child,
  .pagination .page-item:last-child,
  .pagination .page-item.active {
    display: inline-block;
  }
  .table-area .table-filters + .table-responsive {
    margin-top: 15px;
  }
}

@media (max-width: 991px) {
  .wrapper main .page-header {
    margin: 16px;
    margin-bottom: 0;
    flex-direction: column;
    align-items: start;
  }
  .wrapper main .page-header > div {
    width: unset;
  }
  .wrapper main .page-header .breadcrumbs {
    margin-top: 16px;
  }
  .wrapper main .card {
    margin: 16px;
    margin-bottom: 0;
  }
  .wrapper .btn.md-icon {
    padding: 0;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
  }
  .wrapper .btn.md-icon .text {
    display: none;
  }
  .wrapper .alert {
    margin: 0 !important;
    border-radius: 0;
  }
  body.admin header .navbar .navbar-collapse {
    display: none;
  }
  body.admin header .navbar .navbar-brand {
    margin: 0;
    flex: 1;
  }
  body.admin header .navbar .navbar-brand img {
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  .wrapper header .header-wrapper .header-left .sidebar-toggle {
    display: none;
  }
  body .sidebar {
    display: none;
  }
  .btn.md-icon .btn-icon {
    display: none;
  }
}

.qrcode-print-page .qrcode-content {
  display: none;
  flex-direction: row;
  padding: 10px;
  font-weight: 400;
  align-items: center;
}

.qrcode-print-page .qrcode-content .content-left {
  width: 200px;
  text-align: center;
  font-size: 35px;
  font-weight: 500;
}

.qrcode-print-page .qrcode-content .content-left .code {
  font-size: 25px;
}

.qrcode-print-page .qrcode-content .content-right {
  padding-left: 30px;
  font-size: 50px;
  line-height: 50px;
  font-weight: 500;
}

.qrcode-print-page .qrcode-content .content-right .is_service_worker {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
  max-width: 500px;
  font-size: 30px;
}

.qrcode-print-page .qrcode-content .content-right .company, .qrcode-print-page .qrcode-content .content-right .exhibitor_company {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
  max-width: 500px;
  font-size: 30px;
}

.qrcode-print-page .qrcode-content .content-right .name {
  line-height: 1.2;
  font-size: 35px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
  font-weight: 600;
}

.qrcode-print-page .qrcode-content .content-right .barcode {
  white-space: nowrap;
  margin-top: 40px;
}

.qrcode-print-page #cpf {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #000;
  transition: all 0.3s ease-in-out;
  padding: 0.75rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qrcode-print-page #cpf:focus {
  box-shadow: none;
}

.qrcode-print-page #cpf:focus, .qrcode-print-page #cpf:hover, .qrcode-print-page #cpf:active {
  border-color: #666;
}

@media print {
  .qrcode-print-page .navbar, .qrcode-print-page .breadcrumb-container, .qrcode-print-page .container, .qrcode-print-page footer {
    display: none !important;
  }
  .qrcode-print-page .qrcode-content {
    display: flex;
  }
}

.media-select .media-select-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.media-select .media-select-gallery .item {
  position: relative;
  width: calc(20.66% - 10px);
  overflow: hidden;
  border-radius: 5px;
  background-color: #ddd;
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  max-width: 160px;
  margin-right: 5px;
}

.media-select .media-select-gallery .item:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.media-select .media-select-gallery .item:last-child {
  margin-right: 0;
}

.media-select .media-select-gallery .item.item-error > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  font-weight: 700;
}

.media-select .media-select-gallery .item.item-error > span p {
  margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.media-select .media-select-gallery .item .item-ctrls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  transition: all 0.5s;
}

.media-select .media-select-gallery .item .item-ctrls .btn {
  font-size: 14px;
  margin: 0;
  width: 41px;
  height: 41px;
  padding: 8px 0;
  text-align: center;
}

.media-select .media-select-gallery .item .item-ctrls .btn i::before {
  font-size: 13px;
}

.media-select .media-select-gallery .item .item-ctrls .btn + .btn {
  margin-left: 8px;
}

.media-select .media-select-gallery .item .item-ctrls .btn:not(.hide) + .btn.btn-rmv {
  margin-left: 15px;
}

.media-select .media-select-gallery .item .btn-spotlight {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  color: #aaa;
  transition: color 0.5s ease;
}

.media-select .media-select-gallery .item.item-spotlight .btn-spotlight {
  color: yellow;
}

.media-select .media-select-gallery .item:hover .btn-spotlight {
  color: yellow;
}

.media-select .media-select-gallery .item.spotlight {
  border: 1px solid yellow;
}

.media-select .media-select-gallery .item.spotlight .btn-spotlight {
  color: yellow;
}

.media-select .media-select-gallery .item:hover .item-ctrls {
  opacity: 1;
}

.media-select .media-select-gallery .item.empty .item-ctrls {
  background-color: rgba(0, 0, 0, 0);
  opacity: 1;
}

.media-select .media-select-gallery .item.loading:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 2px solid #28b661;
  border-right: 2px solid transparent;
  animation: spinner .6s linear infinite;
}

.media-select .media-select-gallery .item.loading:before .item-ctrls {
  display: none;
}

.media-select .media-select-gallery .item > img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  image-orientation: from-image;
  max-width: none;
}

.media-select .media-select-gallery .item > img.portrait {
  width: 100%;
  height: auto;
}

/*@include media-tablet {
    .media-select {
       .media-select-gallery {
            .item {
                width: 33.33333%;
                max-width: 170px;
                margin: 10px 0px;
            }
       }
    }
}*/
@media (max-width: 575.98px) {
  .media-select .media-select-gallery .item {
    width: calc(50% - 5px);
    margin-right: 10px;
    max-width: none;
  }
  .media-select .media-select-gallery .item:nth-child(2n) {
    margin-right: 0;
  }
  .media-select .media-select-gallery .item:nth-child(-n + 4) {
    margin-bottom: 10px;
  }
  .media-select .media-select-gallery .item.item-error > span {
    padding: 0;
    height: 50%;
    top: 50%;
    padding-top: 20px;
  }
  .media-select .media-select-gallery .item.item-error > span p {
    font-size: 13px;
  }
  .media-select .media-select-gallery .item .item-ctrls {
    background: rgba(0, 0, 0, 0);
    opacity: 1;
  }
}

.page.login {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/login-bkg.jpg");
}

.page.login .page-content {
  padding: 6% 2rem 1rem 2rem;
  margin: 0 auto 2rem auto;
  overflow: hidden;
}

.page.login .page-content .logo {
  margin: 4rem 0;
  text-align: center;
}

.page.login .page-content .logo img {
  width: 200px;
}

.page.login .page-content .alert-container .alert {
  margin-bottom: 1.5rem;
}

.page.login .page-content .form-wrapper {
  max-width: 400px;
  margin: 0 auto;
}

.page.login .page-content .form-wrapper .form-message {
  margin-bottom: 3rem;
}

.page.login .page-content .form-wrapper .form-message h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #595d6e;
  margin: 0;
}

.page.login .page-content .form-wrapper .form-group {
  margin: 1.5rem 0 0;
}

.page.login .page-content .form-wrapper .form-group .form-control {
  font-size: 13px;
  height: 46px;
  border: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-top: 1.5rem;
  background: rgba(235, 237, 242, 0.4);
}

.page.login .page-content .form-wrapper .actions-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 30px;
}

.page.login .page-content .form-wrapper .actions-group .action-left {
  width: 50%;
  text-align: left;
}

.page.login .page-content .form-wrapper .actions-group .action-left .checkbox label {
  color: #74788d;
  font-weight: normal;
  text-transform: none;
}

.page.login .page-content .form-wrapper .actions-group .action-right {
  text-align: right;
  flex-grow: 1;
}

.page.login .page-content .form-wrapper .actions-group .action-right a {
  color: #74788d;
}

.page.login .page-content .form-wrapper .form-controls {
  margin-top: 7%;
  text-align: center;
}

.page.login .page-content .form-wrapper .form-controls .btn-primary {
  height: 50px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  box-shadow: 0px 4px 16px 0px rgba(89, 29, 241, 0.15);
}

.profile .field-group {
  flex-grow: 1;
}

.page.admin.event.index .event-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -5px;
}

.page.admin.event.index .event-list .item {
  padding: 5px;
  width: 25%;
}

.page.admin.event.index .event-list .item .item-inner {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 10px;
}

.page.admin.event.index .event-list .item .item-inner h4 {
  font-size: 18px;
  height: 45px;
}

.page.admin.event.index .event-list .item .item-inner .item-info {
  margin-bottom: 5px;
}

.page.admin.event.index .event-list .item .item-inner .item-info label {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin: 0;
}

.page.admin.event.index .event-list .item .item-inner .item-info .place span {
  height: 40px;
}

.page.admin.event.index .event-list .item .item-inner .item-controls {
  border-top: 1px solid #eee;
  margin-top: 5px;
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}

.page.admin.event.index .event-list .item .item-inner .item-controls .btn {
  margin: 2px;
  width: 38px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page.admin.event.index .event-list .item .item-inner .item-controls .btn i {
  font-size: 16px;
}

@media (max-width: 767px) {
  .page.admin.event.index .event-list .item {
    width: 33.33%;
  }
}

@media (max-width: 575px) {
  .page.admin.event.index .event-list .item {
    width: 100%;
  }
  .page.admin.event.index .event-list .item .item-controls .btn {
    width: 42px;
    height: 40px;
    display: flex;
  }
  .page.admin.event.index .event-list .item .item-controls .btn i {
    font-size: 18px;
  }
}

.page.admin.event.valid-chekin canvas {
  width: 400px;
  height: 400px;
}

.page.admin.gallery.photo.photo .card-body .photo-gallery {
  display: flex;
  flex-wrap: wrap;
}

.page.admin.gallery.photo.photo .card-body .photo-gallery .photo-image {
  position: relative;
  display: flex;
}

.page.admin.gallery.photo.photo .card-body .photo-gallery .photo-image img {
  padding: 5px;
  width: 170px;
  height: 170px;
}

.page.admin.gallery.photo.photo .card-body .photo-gallery .photo-image .btns-photo {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page.admin.gallery.photo.photo .card-body .photo-gallery .photo-image .btns-photo .btn-delete {
  cursor: pointer;
}

.modal-dialog .modal-content .modal-body .modal-subscription-qr-code .qrcode-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.page.publication.create-edit form .image-frame {
  margin-bottom: 15px;
}

.page-publication.page-info {
  padding: 20px 0;
}

.page-publication.page-info .search-publication {
  font-size: 18px;
}

.page-publication.page-info .last-publications .title {
  margin: 20px 0;
}

.page-publication.page-info .last-publications .title h3 {
  font-size: 26px;
  font-weight: 700;
}

.page-publication.page-info .last-publications .list {
  padding: 8px 0;
  margin-bottom: 30px;
}

.page-publication.page-info .last-publications .list .item:not(last-child) {
  border-bottom: 1px solid #eee;
}

.page-publication.page-info .last-publications .list .item {
  display: block;
  margin-bottom: 15px;
}

.page-publication.page-info .last-publications .list .item h4 {
  margin: 0 0 4px;
  font-size: 22px;
  color: #000;
}

.page-publication.page-info .highlight-content .photo img {
  width: 730px;
  height: auto;
}

.page-publication.page-info .publication-text-wrapper .custom-title {
  margin-bottom: 0.5rem;
}

.page-publication.page-info .publication-text-wrapper .custom-title .title {
  font-size: 32px;
  line-height: 32px;
}

.page-publication.page-info .publication-text-wrapper .publication-review {
  font-size: 18px;
  text-align: justify;
  font-weight: 500;
  margin-bottom: 1rem;
}

.page-publication.page-info .publication-text-wrapper .publication-text {
  text-align: justify;
}

.page-publication.page-info .video-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.page-publication.page-info .video-container:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.page-publication.page-info .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-publication.page-info .publication-footer {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.page-publication.page-info .publication-footer .source p {
  margin: 0;
}

.page-publication.page-info .publication-footer .source p a {
  color: #007bff;
}

.page-publication.page-info .publication-footer .socials {
  margin-left: auto;
}

.page-publication.page-index .publications-list {
  margin-bottom: 5px;
}

.publications-list {
  margin-bottom: 20px;
}

.publications-list > div {
  margin-bottom: 20px;
}

.publications-list .publication-item {
  text-decoration: none;
}

.publications-list .publication-item .thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #eee;
  margin-bottom: 20px;
}

.publications-list .publication-item .thumbnail:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.publications-list .publication-item .thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.publications-list .publication-item .thumbnail img:hover {
  width: 120%;
  filter: grayscale(1);
}

.publications-list .publication-item .thumbnail .no-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
}

.publications-list .publication-item .publication-text h4, .publications-list .publication-item .publication-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #333;
}

.publications-list .publication-item .publication-text h4 {
  font-size: 26px;
  font-weight: 700;
  -webkit-line-clamp: 1;
  margin: 0 0 5px;
}

.publications-list .publication-item .publication-text p {
  -webkit-line-clamp: 3;
  opacity: 0.8;
  margin: 0 0 5px;
  line-height: 20px;
}

.publications-list .publication-item .read-more {
  font-weight: 600;
}

@media (max-width: 767px) {
  .publications-list {
    margin-bottom: 0;
  }
  .publications-list > div {
    margin-bottom: 15px;
  }
  .publications-list .publication-item {
    display: block;
    position: relative;
  }
  .publications-list .publication-item .thumbnail {
    margin-bottom: 0;
  }
  .publications-list .publication-item .publication-text {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
  }
  .publications-list .publication-item .publication-text h4, .publications-list .publication-item .publication-text p {
    color: #fff;
  }
  .publications-list .publication-item .publication-text h4 {
    font-size: 18px;
    margin-bottom: 0 0 4px;
  }
  .publications-list .publication-item .publication-text p {
    font-size: 12px;
    font-weight: 400;
  }
  .publications-list .publication-item .read-more {
    display: none;
  }
  .page-publication.page-info .highlight-content .photo img {
    max-width: 350px !important;
  }
  .page-publication.page-info .publication-text-wrapper .publication-review {
    font-size: 14px;
  }
  .page-publication.page-info .publication-text-wrapper .publication-text p {
    font-size: 12px;
  }
  .page-publication.page-info .publication-footer {
    display: block;
  }
  .page-publication.page-info .publication-footer .source {
    text-align: center;
    margin-bottom: 20px;
  }
  .page-publication.page-info .publication-footer .social-share {
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
  }
}

.homepage .section-banner img, .page-subscribe .section-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homepage .homepage-wrapper, .page-subscribe .homepage-wrapper {
  color: #000;
}

.homepage .homepage-wrapper .sections .section .section-title, .page-subscribe .homepage-wrapper .sections .section .section-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
}

.homepage .homepage-wrapper .section-carousel, .page-subscribe .homepage-wrapper .section-carousel {
  position: relative;
  background-color: #000;
}

.homepage .homepage-wrapper .section-carousel .glide, .page-subscribe .homepage-wrapper .section-carousel .glide {
  height: calc(100vh - 90px);
  position: relative;
}

.homepage .homepage-wrapper .section-carousel .glide .glide__track, .homepage .homepage-wrapper .section-carousel .glide .glide__slides, .homepage .homepage-wrapper .section-carousel .glide .glide__slide, .page-subscribe .homepage-wrapper .section-carousel .glide .glide__track, .page-subscribe .homepage-wrapper .section-carousel .glide .glide__slides, .page-subscribe .homepage-wrapper .section-carousel .glide .glide__slide {
  height: 100%;
}

.homepage .homepage-wrapper .section-carousel .glide .glide__slide, .page-subscribe .homepage-wrapper .section-carousel .glide .glide__slide {
  position: relative;
}

.homepage .homepage-wrapper .section-carousel .glide .glide__slide .container, .page-subscribe .homepage-wrapper .section-carousel .glide .glide__slide .container {
  height: 100%;
  display: flex;
  align-items: center;
}

.homepage .homepage-wrapper .section-carousel .glide-dots, .page-subscribe .homepage-wrapper .section-carousel .glide-dots {
  position: absolute;
}

.homepage .homepage-wrapper .section-carousel .glide-dots .glide-dot, .page-subscribe .homepage-wrapper .section-carousel .glide-dots .glide-dot {
  display: block;
  width: 20px;
  height: 20px;
  background-color: red;
}

.homepage .homepage-wrapper .section-carousel .banner-text, .page-subscribe .homepage-wrapper .section-carousel .banner-text {
  max-width: 585px;
  color: #fff;
}

.homepage .homepage-wrapper .section-carousel .banner-text h2, .page-subscribe .homepage-wrapper .section-carousel .banner-text h2 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6);
}

.homepage .homepage-wrapper .section-carousel .banner-text p, .page-subscribe .homepage-wrapper .section-carousel .banner-text p {
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.homepage .homepage-wrapper .section-about, .page-subscribe .homepage-wrapper .section-about {
  padding: 40px 0;
}

.homepage .homepage-wrapper .section-about .row, .page-subscribe .homepage-wrapper .section-about .row {
  align-items: center;
}

.homepage .homepage-wrapper .section-about .image-wrapper, .page-subscribe .homepage-wrapper .section-about .image-wrapper {
  margin-top: 20px;
}

.homepage .homepage-wrapper .section-about .image-wrapper a, .page-subscribe .homepage-wrapper .section-about .image-wrapper a {
  display: block;
  position: relative;
  cursor: pointer;
}

.homepage .homepage-wrapper .section-about .image-wrapper a:before, .page-subscribe .homepage-wrapper .section-about .image-wrapper a:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease-in-out;
}

.homepage .homepage-wrapper .section-about .image-wrapper a i, .page-subscribe .homepage-wrapper .section-about .image-wrapper a i {
  font-size: 8em;
  color: #fff;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
}

.homepage .homepage-wrapper .section-about .image-wrapper a img, .page-subscribe .homepage-wrapper .section-about .image-wrapper a img {
  width: 100%;
}

.homepage .homepage-wrapper .section-about .image-wrapper a:hover, .page-subscribe .homepage-wrapper .section-about .image-wrapper a:hover {
  opacity: 1;
}

.homepage .homepage-wrapper .section-about .image-wrapper a:hover:before, .page-subscribe .homepage-wrapper .section-about .image-wrapper a:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
}

.homepage .homepage-wrapper .section-about .image-wrapper a:hover i, .page-subscribe .homepage-wrapper .section-about .image-wrapper a:hover i {
  opacity: 1;
}

.homepage .homepage-wrapper .section-event-about, .page-subscribe .homepage-wrapper .section-event-about {
  padding: 0;
  margin-bottom: 40px;
}

.homepage .homepage-wrapper .section-galleries, .page-subscribe .homepage-wrapper .section-galleries {
  padding: 40px 0;
}

.homepage .homepage-wrapper .section-galleries .galleries-wrapper > .row, .page-subscribe .homepage-wrapper .section-galleries .galleries-wrapper > .row {
  align-items: center;
  margin-bottom: 40px;
}

.homepage .homepage-wrapper .section-galleries .galleries-wrapper > .row .custom-title, .page-subscribe .homepage-wrapper .section-galleries .galleries-wrapper > .row .custom-title {
  margin-bottom: 0;
}

.homepage .homepage-wrapper .section-publications, .page-subscribe .homepage-wrapper .section-publications {
  padding: 40px 0;
}

.homepage .homepage-wrapper .section-publications .publications-wrapper > .row, .page-subscribe .homepage-wrapper .section-publications .publications-wrapper > .row {
  align-items: center;
  margin-bottom: 40px;
}

.homepage .homepage-wrapper .section-publications .publications-wrapper > .row .custom-title, .page-subscribe .homepage-wrapper .section-publications .publications-wrapper > .row .custom-title {
  margin-bottom: 0;
}

.homepage .homepage-wrapper .section-publications + .section-galleries, .page-subscribe .homepage-wrapper .section-publications + .section-galleries {
  border-top: 1px solid #eee;
}

.homepage .homepage-wrapper .section-countdown, .page-subscribe .homepage-wrapper .section-countdown {
  background-color: #000;
  padding: 60px 0;
  background-image: url(../img/bkg-countdown.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.homepage .homepage-wrapper .section-countdown .custom-title, .page-subscribe .homepage-wrapper .section-countdown .custom-title {
  text-align: center;
}

.homepage .homepage-wrapper .section-countdown .countdown-items, .page-subscribe .homepage-wrapper .section-countdown .countdown-items {
  display: flex;
}

.homepage .homepage-wrapper .section-countdown .countdown-items > div, .page-subscribe .homepage-wrapper .section-countdown .countdown-items > div {
  width: 100%;
  text-align: center;
}

.homepage .homepage-wrapper .section-countdown .countdown-items > div h1, .page-subscribe .homepage-wrapper .section-countdown .countdown-items > div h1 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 70px;
  line-height: 75px;
}

.homepage .homepage-wrapper .section-countdown .countdown-items > div span, .page-subscribe .homepage-wrapper .section-countdown .countdown-items > div span {
  font-weight: 600;
  text-transform: uppercase;
  color: #fbd502;
}

.homepage .homepage-wrapper .section-calendar, .page-subscribe .homepage-wrapper .section-calendar {
  background-color: #000;
  background-image: url(../img/bkg-countdown.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
  color: #fff;
}

.homepage .homepage-wrapper .section-calendar .table-responsive, .page-subscribe .homepage-wrapper .section-calendar .table-responsive {
  max-height: 500px;
  /* overflow: scroll; */
}

.homepage .homepage-wrapper .section-calendar .table, .page-subscribe .homepage-wrapper .section-calendar .table {
  border-collapse: collapse;
  position: relative;
  table-layout: fixed;
}

.homepage .homepage-wrapper .section-calendar .table thead th, .page-subscribe .homepage-wrapper .section-calendar .table thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0;
  background: transparent;
}

.homepage .homepage-wrapper .section-calendar .table thead th:first-child, .page-subscribe .homepage-wrapper .section-calendar .table thead th:first-child {
  left: 0;
  z-index: 1;
}

.homepage .homepage-wrapper .section-calendar .table tbody th, .page-subscribe .homepage-wrapper .section-calendar .table tbody th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  left: 0;
}

.homepage .homepage-wrapper .section-calendar .table td, .homepage .homepage-wrapper .section-calendar .table th, .page-subscribe .homepage-wrapper .section-calendar .table td, .page-subscribe .homepage-wrapper .section-calendar .table th {
  border: 1px solid #333;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

.homepage .homepage-wrapper .section-calendar .schedule-hour-events .schedule-event .schedule-name, .page-subscribe .homepage-wrapper .section-calendar .schedule-hour-events .schedule-event .schedule-name {
  white-space: pre-wrap;
}

.homepage .homepage-wrapper .section-calendar .schedule-hour-events .schedule-event:not(:last-child), .page-subscribe .homepage-wrapper .section-calendar .schedule-hour-events .schedule-event:not(:last-child) {
  margin-bottom: 10px;
}

.homepage .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button, .page-subscribe .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button {
  width: 100%;
  display: flex;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  padding: 10px 0;
  font-weight: 600;
}

.homepage .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button i, .page-subscribe .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button i {
  margin-left: auto;
}

.homepage .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button:not(.collapsed) i:before, .page-subscribe .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button:not(.collapsed) i:before {
  content: "\f068";
}

.homepage .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body, .page-subscribe .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body {
  font-size: 12px;
}

.homepage .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul, .page-subscribe .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.homepage .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul .calendar-event-row, .page-subscribe .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul .calendar-event-row {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.homepage .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul .calendar-event-row .event-name, .page-subscribe .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul .calendar-event-row .event-name {
  margin-right: auto;
}

.homepage .homepage-wrapper .section-gallery, .page-subscribe .homepage-wrapper .section-gallery {
  padding: 40px 0;
}

.homepage .homepage-wrapper .section-gallery .thumbnail, .page-subscribe .homepage-wrapper .section-gallery .thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.homepage .homepage-wrapper .section-gallery .thumbnail:after, .page-subscribe .homepage-wrapper .section-gallery .thumbnail:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.homepage .homepage-wrapper .section-gallery .thumbnail img, .page-subscribe .homepage-wrapper .section-gallery .thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
}

.homepage .homepage-wrapper .section-gallery .glide__slides, .page-subscribe .homepage-wrapper .section-gallery .glide__slides {
  margin-bottom: 0;
}

.homepage .homepage-wrapper .section-sponsors, .page-subscribe .homepage-wrapper .section-sponsors {
  padding: 40px 0;
}

.homepage .homepage-wrapper .section-sponsors .section-title, .page-subscribe .homepage-wrapper .section-sponsors .section-title {
  color: black;
}

.homepage .homepage-wrapper .section-sponsors .sponsors-list, .page-subscribe .homepage-wrapper .section-sponsors .sponsors-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.homepage .homepage-wrapper .section-sponsors .sponsors-list .sponsors-item, .page-subscribe .homepage-wrapper .section-sponsors .sponsors-list .sponsors-item {
  width: 20%;
  transition: all 0.3s ease;
}

.homepage .homepage-wrapper .section-sponsors .sponsors-list .sponsors-item > *, .page-subscribe .homepage-wrapper .section-sponsors .sponsors-list .sponsors-item > * {
  padding: 15px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.homepage .homepage-wrapper .section-sponsors .sponsors-list .sponsors-item > * .exhibitor-logo, .page-subscribe .homepage-wrapper .section-sponsors .sponsors-list .sponsors-item > * .exhibitor-logo {
  width: 100%;
  height: auto;
}

.homepage .homepage-wrapper .section-sponsors .sponsors-list .sponsors-item > * .exhibitor-logo:hover, .page-subscribe .homepage-wrapper .section-sponsors .sponsors-list .sponsors-item > * .exhibitor-logo:hover {
  transition: all .3s ease-in-out;
  -webkit-filter: grayscale(0%);
  filter: none;
}

.homepage .homepage-wrapper .section-map .map-wrapper, .page-subscribe .homepage-wrapper .section-map .map-wrapper {
  width: 100%;
  position: relative;
  background: #fff;
  height: 350px;
}

.homepage .homepage-wrapper .section-map .map-wrapper .map, .page-subscribe .homepage-wrapper .section-map .map-wrapper .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: unset !important;
}

.homepage .homepage-wrapper .footer, .page-subscribe .homepage-wrapper .footer {
  background-color: #ffe802;
}

.homepage .homepage-wrapper .footer .brand, .page-subscribe .homepage-wrapper .footer .brand {
  font-weight: 700;
  font-size: 22px;
}

.homepage .homepage-wrapper .footer .copyright, .page-subscribe .homepage-wrapper .footer .copyright {
  padding: 8px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: 500;
}

.homepage .homepage-wrapper .footer .social-media, .page-subscribe .homepage-wrapper .footer .social-media {
  width: 100%;
  justify-content: flex-end;
}

.homepage .homepage-wrapper .footer .social-media ul, .page-subscribe .homepage-wrapper .footer .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

.homepage .homepage-wrapper .footer .social-media ul li i, .page-subscribe .homepage-wrapper .footer .social-media ul li i {
  font-size: 18px;
}

.homepage .homepage-wrapper .footer .social-media ul li:not(:last-child), .page-subscribe .homepage-wrapper .footer .social-media ul li:not(:last-child) {
  margin-right: 40px;
}

.homepage .homepage-wrapper .footer .row, .page-subscribe .homepage-wrapper .footer .row {
  padding: 20px 0;
}

.homepage .homepage-wrapper .subscribe-banner, .page-subscribe .homepage-wrapper .subscribe-banner {
  position: fixed;
  bottom: 25px;
  left: 0;
  width: 100%;
  z-index: 4;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner {
  background-color: #fff;
  padding: 2rem 3rem;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  position: relative;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content {
  display: flex;
  align-items: center;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  line-height: 22px;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content small, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content small {
  display: block;
  color: #999;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .banner-close-button, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .banner-close-button {
  display: none;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button {
  margin-left: auto;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button {
  position: absolute;
  top: -10px;
  right: -10px;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button button, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button button {
  padding: 0;
  width: 35px;
  height: 35px;
  position: relative;
}

.homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button button > *, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button button > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991px) {
  .homepage .homepage-wrapper .section-carousel .banner-text h2, .page-subscribe .homepage-wrapper .section-carousel .banner-text h2 {
    font-size: 42px;
    line-height: 52px;
  }
  .homepage .homepage-wrapper .section-countdown h4, .page-subscribe .homepage-wrapper .section-countdown h4 {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
  }
  .homepage .homepage-wrapper .section-countdown .countdown-items > div h1, .page-subscribe .homepage-wrapper .section-countdown .countdown-items > div h1 {
    font-size: 54px;
    line-height: 60px;
  }
  .homepage .homepage-wrapper .subscribe-banner, .page-subscribe .homepage-wrapper .subscribe-banner {
    bottom: 0;
  }
  .homepage .homepage-wrapper .subscribe-banner .container, .page-subscribe .homepage-wrapper .subscribe-banner .container {
    max-width: unset;
    padding: 0;
  }
  .homepage .homepage-wrapper .subscribe-banner .banner-inner, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner {
    padding: 0;
  }
  .homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content {
    flex-direction: column;
  }
  .homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text {
    padding: 1rem;
    display: flex;
    align-items: center;
  }
  .homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content {
    font-size: 18px;
    text-align: center;
  }
  .homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .banner-close-button, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .banner-close-button {
    margin-left: 1rem;
    position: unset;
    display: flex;
  }
  .homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button {
    margin: 0;
    width: 100%;
  }
  .homepage .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button .btn, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button .btn {
    border-radius: 0;
    width: 100%;
  }
  .homepage .homepage-wrapper .subscribe-banner .banner-inner > .banner-close-button, .page-subscribe .homepage-wrapper .subscribe-banner .banner-inner > .banner-close-button {
    display: none;
  }
}

@media (max-width: 767px) {
  .homepage .homepage-wrapper .sections .section .section-title, .page-subscribe .homepage-wrapper .sections .section .section-title {
    font-size: 24px;
  }
  .homepage .homepage-wrapper .section-carousel .banner-text, .page-subscribe .homepage-wrapper .section-carousel .banner-text {
    max-width: unset;
  }
  .homepage .homepage-wrapper .section-carousel .banner-text h2, .page-subscribe .homepage-wrapper .section-carousel .banner-text h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .homepage .homepage-wrapper .section-carousel .banner-text p, .page-subscribe .homepage-wrapper .section-carousel .banner-text p {
    font-size: 14px;
    line-height: 22px;
  }
  .homepage .homepage-wrapper .section-publications .publications-wrapper .row, .page-subscribe .homepage-wrapper .section-publications .publications-wrapper .row {
    margin-bottom: 20px;
  }
  .homepage .homepage-wrapper .section-publications .publications-wrapper .custom-btn, .page-subscribe .homepage-wrapper .section-publications .publications-wrapper .custom-btn {
    padding: 8px 16px;
    font-size: 10px;
  }
  .homepage .homepage-wrapper .section-galleries .galleries-wrapper .row, .page-subscribe .homepage-wrapper .section-galleries .galleries-wrapper .row {
    margin-bottom: 20px;
  }
  .homepage .homepage-wrapper .section-galleries .galleries-wrapper .custom-btn, .page-subscribe .homepage-wrapper .section-galleries .galleries-wrapper .custom-btn {
    padding: 8px 16px;
    font-size: 10px;
  }
  .homepage .homepage-wrapper .section-countdown, .page-subscribe .homepage-wrapper .section-countdown {
    padding: 40px 0;
  }
  .homepage .homepage-wrapper .section-countdown .section-title, .page-subscribe .homepage-wrapper .section-countdown .section-title {
    margin-bottom: 30px !important;
    font-size: 20px !important;
  }
  .homepage .homepage-wrapper .section-countdown .countdown-items > div h1, .page-subscribe .homepage-wrapper .section-countdown .countdown-items > div h1 {
    font-size: 36px;
    line-height: 32px;
  }
  .homepage .homepage-wrapper .section-countdown .countdown-items > div span, .page-subscribe .homepage-wrapper .section-countdown .countdown-items > div span {
    font-size: 10px;
  }
  .homepage .homepage-wrapper .section-calendar, .page-subscribe .homepage-wrapper .section-calendar {
    padding: 40px 0;
  }
  .homepage .galleries-list, .page-subscribe .galleries-list {
    margin-bottom: 0;
  }
  .homepage .galleries-list > div, .page-subscribe .galleries-list > div {
    margin-bottom: 15px;
  }
  .homepage .galleries-list .gallery-card, .page-subscribe .galleries-list .gallery-card {
    display: block;
    position: relative;
  }
  .homepage .galleries-list .gallery-card .gallery-text, .page-subscribe .galleries-list .gallery-card .gallery-text {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
  }
  .homepage .galleries-list .gallery-card .gallery-text h4, .homepage .galleries-list .gallery-card .gallery-text p, .page-subscribe .galleries-list .gallery-card .gallery-text h4, .page-subscribe .galleries-list .gallery-card .gallery-text p {
    color: #fff;
  }
  .homepage .galleries-list .gallery-card .gallery-text h4, .page-subscribe .galleries-list .gallery-card .gallery-text h4 {
    font-size: 18px;
    margin-bottom: 0 0 4px;
  }
  .homepage .galleries-list .gallery-card .gallery-text p, .page-subscribe .galleries-list .gallery-card .gallery-text p {
    font-size: 12px;
    font-weight: 400;
  }
}

.page-subscribe {
  padding-bottom: 0 !important;
}

.page-subscribe .map-wrapper {
  margin-top: 2rem;
}

.page-subscribe .message {
  text-align: center;
  padding: 3rem 0;
  font-size: 18px;
  opacity: 0.5;
}

.page-subscribe.confirm {
  padding-bottom: 0 !important;
}

.page-subscribe.confirm .map-wrapper {
  margin-top: 2rem;
}

.page-subscribe.confirm .message {
  text-align: center;
  padding: 3rem 0;
  font-size: 18px;
  opacity: 0.5;
}

.page-subscribe.confirm .confirm-sub {
  margin-left: 10%;
  margin-right: 10%;
}

.page-subscribe.confirm .confirm-sub .icon-subscribe {
  font-size: 70px;
  opacity: 20%;
  font-weight: 600;
  display: flex;
  justify-content: center;
}

.page-subscribe.confirm .confirm-sub .sub-title {
  font-size: 35px;
}

.page-subscribe.confirm .confirm-sub .text-confirm {
  font-size: 18px;
}

.page-subscribe.confirm .confirm-sub .text-confirm .body-text {
  text-align: center;
}

.page-subscribe.confirm .confirm-sub .text-confirm .text-appreciate {
  text-align: center;
}

.page-subscribe.confirm .confirm-button {
  margin-top: 5% !important;
  display: flex;
  justify-content: center;
}

.page-subscribe.confirm .confirm-button.is-main {
  margin-top: 2% !important;
}

.background-image {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 0;
}

.homepage-test .section-banner img, .page-subscribe-test .section-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homepage-test .homepage-wrapper, .page-subscribe-test .homepage-wrapper {
  color: #000;
}

.homepage-test .homepage-wrapper .sections, .page-subscribe-test .homepage-wrapper .sections {
  overflow: hidden;
}

.homepage-test .homepage-wrapper .sections .section .section-title, .page-subscribe-test .homepage-wrapper .sections .section .section-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
}

.homepage-test .homepage-wrapper .section-carousel, .page-subscribe-test .homepage-wrapper .section-carousel {
  position: relative;
  background-color: #000;
}

.homepage-test .homepage-wrapper .section-carousel .glide, .page-subscribe-test .homepage-wrapper .section-carousel .glide {
  height: calc(100vh - 90px);
  position: relative;
}

.homepage-test .homepage-wrapper .section-carousel .glide .glide__track, .homepage-test .homepage-wrapper .section-carousel .glide .glide__slides, .homepage-test .homepage-wrapper .section-carousel .glide .glide__slide, .page-subscribe-test .homepage-wrapper .section-carousel .glide .glide__track, .page-subscribe-test .homepage-wrapper .section-carousel .glide .glide__slides, .page-subscribe-test .homepage-wrapper .section-carousel .glide .glide__slide {
  height: 100%;
}

.homepage-test .homepage-wrapper .section-carousel .glide .glide__slide, .page-subscribe-test .homepage-wrapper .section-carousel .glide .glide__slide {
  position: relative;
}

.homepage-test .homepage-wrapper .section-carousel .glide .glide__slide .container, .page-subscribe-test .homepage-wrapper .section-carousel .glide .glide__slide .container {
  height: 100%;
  display: flex;
  align-items: center;
}

.homepage-test .homepage-wrapper .section-carousel .glide-dots, .page-subscribe-test .homepage-wrapper .section-carousel .glide-dots {
  position: absolute;
}

.homepage-test .homepage-wrapper .section-carousel .glide-dots .glide-dot, .page-subscribe-test .homepage-wrapper .section-carousel .glide-dots .glide-dot {
  display: block;
  width: 20px;
  height: 20px;
  background-color: red;
}

.homepage-test .homepage-wrapper .section-carousel .banner-text, .page-subscribe-test .homepage-wrapper .section-carousel .banner-text {
  max-width: 585px;
  color: #fff;
}

.homepage-test .homepage-wrapper .section-carousel .banner-text h2, .page-subscribe-test .homepage-wrapper .section-carousel .banner-text h2 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6);
}

.homepage-test .homepage-wrapper .section-carousel .banner-text p, .page-subscribe-test .homepage-wrapper .section-carousel .banner-text p {
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.homepage-test .homepage-wrapper .section-about, .page-subscribe-test .homepage-wrapper .section-about {
  padding: 40px 0;
}

.homepage-test .homepage-wrapper .section-about .row, .page-subscribe-test .homepage-wrapper .section-about .row {
  align-items: center;
}

.homepage-test .homepage-wrapper .section-about .image-wrapper, .page-subscribe-test .homepage-wrapper .section-about .image-wrapper {
  margin-top: 20px;
}

.homepage-test .homepage-wrapper .section-about .image-wrapper a, .page-subscribe-test .homepage-wrapper .section-about .image-wrapper a {
  display: block;
  position: relative;
  cursor: pointer;
}

.homepage-test .homepage-wrapper .section-about .image-wrapper a:before, .page-subscribe-test .homepage-wrapper .section-about .image-wrapper a:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease-in-out;
}

.homepage-test .homepage-wrapper .section-about .image-wrapper a i, .page-subscribe-test .homepage-wrapper .section-about .image-wrapper a i {
  font-size: 8em;
  color: #fff;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
}

.homepage-test .homepage-wrapper .section-about .image-wrapper a img, .page-subscribe-test .homepage-wrapper .section-about .image-wrapper a img {
  width: 100%;
}

.homepage-test .homepage-wrapper .section-about .image-wrapper a:hover, .page-subscribe-test .homepage-wrapper .section-about .image-wrapper a:hover {
  opacity: 1;
}

.homepage-test .homepage-wrapper .section-about .image-wrapper a:hover:before, .page-subscribe-test .homepage-wrapper .section-about .image-wrapper a:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
}

.homepage-test .homepage-wrapper .section-about .image-wrapper a:hover i, .page-subscribe-test .homepage-wrapper .section-about .image-wrapper a:hover i {
  opacity: 1;
}

.homepage-test .homepage-wrapper .section-event-about, .page-subscribe-test .homepage-wrapper .section-event-about {
  padding: 0;
  margin-bottom: 40px;
}

.homepage-test .homepage-wrapper .section-galleries, .page-subscribe-test .homepage-wrapper .section-galleries {
  padding: 40px 0;
}

.homepage-test .homepage-wrapper .section-galleries .galleries-wrapper > .row, .page-subscribe-test .homepage-wrapper .section-galleries .galleries-wrapper > .row {
  align-items: center;
  margin-bottom: 40px;
}

.homepage-test .homepage-wrapper .section-galleries .galleries-wrapper > .row .custom-title, .page-subscribe-test .homepage-wrapper .section-galleries .galleries-wrapper > .row .custom-title {
  margin-bottom: 0;
}

.homepage-test .homepage-wrapper .section-publications, .page-subscribe-test .homepage-wrapper .section-publications {
  padding: 40px 0;
}

.homepage-test .homepage-wrapper .section-publications .publications-wrapper > .row, .page-subscribe-test .homepage-wrapper .section-publications .publications-wrapper > .row {
  align-items: center;
  margin-bottom: 40px;
}

.homepage-test .homepage-wrapper .section-publications .publications-wrapper > .row .custom-title, .page-subscribe-test .homepage-wrapper .section-publications .publications-wrapper > .row .custom-title {
  margin-bottom: 0;
}

.homepage-test .homepage-wrapper .section-publications + .section-galleries, .page-subscribe-test .homepage-wrapper .section-publications + .section-galleries {
  border-top: 1px solid #eee;
}

.homepage-test .homepage-wrapper .section-countdown, .page-subscribe-test .homepage-wrapper .section-countdown {
  background-color: #000;
  padding: 60px 0;
  background-image: url(../img/bkg-countdown.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.homepage-test .homepage-wrapper .section-countdown .custom-title, .page-subscribe-test .homepage-wrapper .section-countdown .custom-title {
  text-align: center;
}

.homepage-test .homepage-wrapper .section-countdown .countdown-items, .page-subscribe-test .homepage-wrapper .section-countdown .countdown-items {
  display: flex;
}

.homepage-test .homepage-wrapper .section-countdown .countdown-items > div, .page-subscribe-test .homepage-wrapper .section-countdown .countdown-items > div {
  width: 100%;
  text-align: center;
}

.homepage-test .homepage-wrapper .section-countdown .countdown-items > div h1, .page-subscribe-test .homepage-wrapper .section-countdown .countdown-items > div h1 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 70px;
  line-height: 75px;
}

.homepage-test .homepage-wrapper .section-countdown .countdown-items > div span, .page-subscribe-test .homepage-wrapper .section-countdown .countdown-items > div span {
  font-weight: 600;
  text-transform: uppercase;
  color: #fbd502;
}

.homepage-test .homepage-wrapper .section-calendar, .page-subscribe-test .homepage-wrapper .section-calendar {
  background-color: #000;
  background-image: url(../img/bkg-countdown.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
  color: #fff;
}

.homepage-test .homepage-wrapper .section-calendar .table-responsive, .page-subscribe-test .homepage-wrapper .section-calendar .table-responsive {
  max-height: 500px;
  /* overflow: scroll; */
}

.homepage-test .homepage-wrapper .section-calendar .table, .page-subscribe-test .homepage-wrapper .section-calendar .table {
  border-collapse: collapse;
  position: relative;
  table-layout: fixed;
}

.homepage-test .homepage-wrapper .section-calendar .table thead th, .page-subscribe-test .homepage-wrapper .section-calendar .table thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0;
  background: transparent;
}

.homepage-test .homepage-wrapper .section-calendar .table thead th:first-child, .page-subscribe-test .homepage-wrapper .section-calendar .table thead th:first-child {
  left: 0;
  z-index: 1;
}

.homepage-test .homepage-wrapper .section-calendar .table tbody th, .page-subscribe-test .homepage-wrapper .section-calendar .table tbody th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  left: 0;
}

.homepage-test .homepage-wrapper .section-calendar .table td, .homepage-test .homepage-wrapper .section-calendar .table th, .page-subscribe-test .homepage-wrapper .section-calendar .table td, .page-subscribe-test .homepage-wrapper .section-calendar .table th {
  border: 1px solid #333;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

.homepage-test .homepage-wrapper .section-calendar .schedule-hour-events .schedule-event .schedule-name, .page-subscribe-test .homepage-wrapper .section-calendar .schedule-hour-events .schedule-event .schedule-name {
  white-space: pre-wrap;
}

.homepage-test .homepage-wrapper .section-calendar .schedule-hour-events .schedule-event:not(:last-child), .page-subscribe-test .homepage-wrapper .section-calendar .schedule-hour-events .schedule-event:not(:last-child) {
  margin-bottom: 10px;
}

.homepage-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button, .page-subscribe-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button {
  width: 100%;
  display: flex;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  padding: 10px 0;
  font-weight: 600;
}

.homepage-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button i, .page-subscribe-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button i {
  margin-left: auto;
}

.homepage-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button:not(.collapsed) i:before, .page-subscribe-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-header button:not(.collapsed) i:before {
  content: "\f068";
}

.homepage-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body, .page-subscribe-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body {
  font-size: 12px;
}

.homepage-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul, .page-subscribe-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.homepage-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul .calendar-event-row, .page-subscribe-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul .calendar-event-row {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.homepage-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul .calendar-event-row .event-name, .page-subscribe-test .homepage-wrapper .section-calendar .accordion .calendar-group .calendar-group-body ul .calendar-event-row .event-name {
  margin-right: auto;
}

.homepage-test .homepage-wrapper .section-gallery, .page-subscribe-test .homepage-wrapper .section-gallery {
  padding: 40px 0;
}

.homepage-test .homepage-wrapper .section-gallery .thumbnail, .page-subscribe-test .homepage-wrapper .section-gallery .thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.homepage-test .homepage-wrapper .section-gallery .thumbnail:after, .page-subscribe-test .homepage-wrapper .section-gallery .thumbnail:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.homepage-test .homepage-wrapper .section-gallery .thumbnail img, .page-subscribe-test .homepage-wrapper .section-gallery .thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
}

.homepage-test .homepage-wrapper .section-gallery .glide__slides, .page-subscribe-test .homepage-wrapper .section-gallery .glide__slides {
  margin-bottom: 0;
}

.homepage-test .homepage-wrapper .section-sponsors, .page-subscribe-test .homepage-wrapper .section-sponsors {
  padding: 40px 0;
  background-color: #000;
}

.homepage-test .homepage-wrapper .section-sponsors .section-title, .page-subscribe-test .homepage-wrapper .section-sponsors .section-title {
  color: #fff;
}

.homepage-test .homepage-wrapper .section-sponsors .sponsors-list .swiper-slide, .page-subscribe-test .homepage-wrapper .section-sponsors .sponsors-list .swiper-slide {
  width: auto !important;
}

.homepage-test .homepage-wrapper .section-map .map-wrapper, .page-subscribe-test .homepage-wrapper .section-map .map-wrapper {
  width: 100%;
  position: relative;
  background: #fff;
  height: 350px;
}

.homepage-test .homepage-wrapper .section-map .map-wrapper .map, .page-subscribe-test .homepage-wrapper .section-map .map-wrapper .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: unset !important;
}

.homepage-test .homepage-wrapper .footer, .page-subscribe-test .homepage-wrapper .footer {
  background-color: #ffe802;
}

.homepage-test .homepage-wrapper .footer .brand, .page-subscribe-test .homepage-wrapper .footer .brand {
  font-weight: 700;
  font-size: 22px;
}

.homepage-test .homepage-wrapper .footer .copyright, .page-subscribe-test .homepage-wrapper .footer .copyright {
  padding: 8px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: 500;
}

.homepage-test .homepage-wrapper .footer .social-media, .page-subscribe-test .homepage-wrapper .footer .social-media {
  width: 100%;
  justify-content: flex-end;
}

.homepage-test .homepage-wrapper .footer .social-media ul, .page-subscribe-test .homepage-wrapper .footer .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

.homepage-test .homepage-wrapper .footer .social-media ul li i, .page-subscribe-test .homepage-wrapper .footer .social-media ul li i {
  font-size: 18px;
}

.homepage-test .homepage-wrapper .footer .social-media ul li:not(:last-child), .page-subscribe-test .homepage-wrapper .footer .social-media ul li:not(:last-child) {
  margin-right: 40px;
}

.homepage-test .homepage-wrapper .footer .row, .page-subscribe-test .homepage-wrapper .footer .row {
  padding: 20px 0;
}

.homepage-test .homepage-wrapper .subscribe-banner, .page-subscribe-test .homepage-wrapper .subscribe-banner {
  position: fixed;
  bottom: 25px;
  left: 0;
  width: 100%;
  z-index: 4;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner {
  background-color: #fff;
  padding: 2rem 3rem;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  position: relative;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content {
  display: flex;
  align-items: center;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  line-height: 22px;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content small, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content small {
  display: block;
  color: #999;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .banner-close-button, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .banner-close-button {
  display: none;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button {
  margin-left: auto;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button {
  position: absolute;
  top: -10px;
  right: -10px;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button button, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button button {
  padding: 0;
  width: 35px;
  height: 35px;
  position: relative;
}

.homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button button > *, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-close-button button > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991px) {
  .homepage-test .homepage-wrapper .section-carousel .banner-text h2, .page-subscribe-test .homepage-wrapper .section-carousel .banner-text h2 {
    font-size: 42px;
    line-height: 52px;
  }
  .homepage-test .homepage-wrapper .section-countdown h4, .page-subscribe-test .homepage-wrapper .section-countdown h4 {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
  }
  .homepage-test .homepage-wrapper .section-countdown .countdown-items > div h1, .page-subscribe-test .homepage-wrapper .section-countdown .countdown-items > div h1 {
    font-size: 54px;
    line-height: 60px;
  }
  .homepage-test .homepage-wrapper .subscribe-banner, .page-subscribe-test .homepage-wrapper .subscribe-banner {
    bottom: 0;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .container, .page-subscribe-test .homepage-wrapper .subscribe-banner .container {
    max-width: unset;
    padding: 0;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .banner-inner, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner {
    padding: 0;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content {
    flex-direction: column;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text {
    padding: 1rem;
    display: flex;
    align-items: center;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .text-content {
    font-size: 18px;
    text-align: center;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .banner-close-button, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .text .banner-close-button {
    margin-left: 1rem;
    position: unset;
    display: flex;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button {
    margin: 0;
    width: 100%;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button .btn, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner .banner-content .button .btn {
    border-radius: 0;
    width: 100%;
  }
  .homepage-test .homepage-wrapper .subscribe-banner .banner-inner > .banner-close-button, .page-subscribe-test .homepage-wrapper .subscribe-banner .banner-inner > .banner-close-button {
    display: none;
  }
}

@media (max-width: 767px) {
  .homepage-test .homepage-wrapper .sections .section .section-title, .page-subscribe-test .homepage-wrapper .sections .section .section-title {
    font-size: 24px;
  }
  .homepage-test .homepage-wrapper .section-carousel .banner-text, .page-subscribe-test .homepage-wrapper .section-carousel .banner-text {
    max-width: unset;
  }
  .homepage-test .homepage-wrapper .section-carousel .banner-text h2, .page-subscribe-test .homepage-wrapper .section-carousel .banner-text h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .homepage-test .homepage-wrapper .section-carousel .banner-text p, .page-subscribe-test .homepage-wrapper .section-carousel .banner-text p {
    font-size: 14px;
    line-height: 22px;
  }
  .homepage-test .homepage-wrapper .section-publications .publications-wrapper .row, .page-subscribe-test .homepage-wrapper .section-publications .publications-wrapper .row {
    margin-bottom: 20px;
  }
  .homepage-test .homepage-wrapper .section-publications .publications-wrapper .custom-btn, .page-subscribe-test .homepage-wrapper .section-publications .publications-wrapper .custom-btn {
    padding: 8px 16px;
    font-size: 10px;
  }
  .homepage-test .homepage-wrapper .section-galleries .galleries-wrapper .row, .page-subscribe-test .homepage-wrapper .section-galleries .galleries-wrapper .row {
    margin-bottom: 20px;
  }
  .homepage-test .homepage-wrapper .section-galleries .galleries-wrapper .custom-btn, .page-subscribe-test .homepage-wrapper .section-galleries .galleries-wrapper .custom-btn {
    padding: 8px 16px;
    font-size: 10px;
  }
  .homepage-test .homepage-wrapper .section-countdown, .page-subscribe-test .homepage-wrapper .section-countdown {
    padding: 40px 0;
  }
  .homepage-test .homepage-wrapper .section-countdown .section-title, .page-subscribe-test .homepage-wrapper .section-countdown .section-title {
    margin-bottom: 30px !important;
    font-size: 20px !important;
  }
  .homepage-test .homepage-wrapper .section-countdown .countdown-items > div h1, .page-subscribe-test .homepage-wrapper .section-countdown .countdown-items > div h1 {
    font-size: 36px;
    line-height: 32px;
  }
  .homepage-test .homepage-wrapper .section-countdown .countdown-items > div span, .page-subscribe-test .homepage-wrapper .section-countdown .countdown-items > div span {
    font-size: 10px;
  }
  .homepage-test .homepage-wrapper .section-calendar, .page-subscribe-test .homepage-wrapper .section-calendar {
    padding: 40px 0;
  }
  .homepage-test .galleries-list, .page-subscribe-test .galleries-list {
    margin-bottom: 0;
  }
  .homepage-test .galleries-list > div, .page-subscribe-test .galleries-list > div {
    margin-bottom: 15px;
  }
  .homepage-test .galleries-list .gallery-card, .page-subscribe-test .galleries-list .gallery-card {
    display: block;
    position: relative;
  }
  .homepage-test .galleries-list .gallery-card .gallery-text, .page-subscribe-test .galleries-list .gallery-card .gallery-text {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
  }
  .homepage-test .galleries-list .gallery-card .gallery-text h4, .homepage-test .galleries-list .gallery-card .gallery-text p, .page-subscribe-test .galleries-list .gallery-card .gallery-text h4, .page-subscribe-test .galleries-list .gallery-card .gallery-text p {
    color: #fff;
  }
  .homepage-test .galleries-list .gallery-card .gallery-text h4, .page-subscribe-test .galleries-list .gallery-card .gallery-text h4 {
    font-size: 18px;
    margin-bottom: 0 0 4px;
  }
  .homepage-test .galleries-list .gallery-card .gallery-text p, .page-subscribe-test .galleries-list .gallery-card .gallery-text p {
    font-size: 12px;
    font-weight: 400;
  }
}

.qrcode-reader-modal .modal-dialog {
  height: 100%;
  margin: 0 auto;
  padding: 1rem;
}

.qrcode-reader-modal .modal-dialog .modal-content {
  height: 100%;
}

.qrcode-reader-modal .modal-dialog .modal-content .modal-body {
  height: 100%;
  padding: 0;
}

.qrcode-reader-modal .modal-dialog .modal-content .modal-body .bootbox-body {
  height: 100%;
}

.qrcode-reader-modal .modal-dialog .modal-content .modal-body .bootbox-close-button {
  display: none;
}

.qrcode-reader-modal .qrcode-reader-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.qrcode-reader-modal .qrcode-reader-content .white-text {
  color: #fff;
  text-shadow: black 0.1em 0.1em 0.3em;
}

.qrcode-reader-modal .qrcode-reader-content .reader-header {
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  z-index: 4;
}

.qrcode-reader-modal .qrcode-reader-content .reader-header .header-texts .header-item {
  font-weight: 600;
  font-size: 16px;
}

.qrcode-reader-modal .qrcode-reader-content .reader-header .header-texts .header-item:nth-child(2) {
  font-size: 18px;
}

.qrcode-reader-modal .qrcode-reader-content .reader-header .buttons {
  margin-left: auto;
}

.qrcode-reader-modal .qrcode-reader-content .reader-header .buttons button {
  padding: 0;
  width: 30px;
  height: 30px;
  font-weight: 600;
}

.qrcode-reader-modal .qrcode-reader-content .reader-body {
  flex-grow: 1;
  overflow: hidden;
}

.qrcode-reader-modal .qrcode-reader-content .reader-body .reader-message {
  padding: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
  flex-direction: column;
}

.qrcode-reader-modal .qrcode-reader-content .reader-body .reader-message .message-texts {
  text-align: center;
}

.qrcode-reader-modal .qrcode-reader-content .reader-body .reader-message .message-texts p {
  font-size: 18px;
  line-height: 20px;
}

.qrcode-reader-modal .qrcode-reader-content .reader-body .reader-message .message-texts p small {
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
}

.qrcode-reader-modal .qrcode-reader-content .reader-body .reader-message .message-texts .code {
  display: block;
  font-size: 40px;
  line-height: 40px;
  margin: 10px 0;
}

.qrcode-reader-modal .qrcode-reader-content .reader-body .stream-content video, .qrcode-reader-modal .qrcode-reader-content .reader-body .stream-content canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.qrcode-reader-modal .qrcode-reader-content .reader-body .stream-content canvas {
  /* display: none; */
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer {
  z-index: 4;
  padding: 9px 16px 16px;
  background: rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer.focused {
  background-color: rgba(0, 0, 0, 0.7);
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer #qrcode-code-error ul {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  padding: 0;
  list-style: none;
  color: #dc3545;
  text-align: center;
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer #qrcode-code-error ul li {
  margin: 4px 0;
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer form {
  width: 100%;
  display: flex;
  align-items: flex-end;
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer form input {
  width: 100%;
  border-radius: 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  font-weight: 600;
  text-align: center;
  height: 40px;
  box-shadow: none !important;
  outline: none !important;
  font-size: 20px;
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer form input::placeholder {
  color: #fff;
  font-size: 16px;
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer form .buttons button {
  margin-left: 1rem;
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer form .buttons .btn-input-type {
  padding: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.qrcode-reader-modal .qrcode-reader-content .reader-footer form .buttons .btn-input-type i {
  font-size: 20px;
}

.qrcode-reader-modal .qrcode-reader-content .buttons {
  display: flex;
}

.qrcode-reader-modal .qrcode-reader-content .buttons button {
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  outline: none !important;
  box-shadow: none !important;
}

.qrcode-reader-modal .qrcode-reader-content .buttons button:not(:first-child) {
  margin-left: 1rem;
}

@media (max-width: 991px) {
  .qrcode-reader-modal {
    /* .qrcode-reader-content {
	
		} */
  }
  .qrcode-reader-modal .modal-dialog {
    padding: 0;
    max-width: unset;
  }
  .qrcode-reader-modal .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
  }
}

@media (max-width: 767px) {
  .qrcode-reader-modal .qrcode-reader-content .buttons button {
    font-size: 14px;
  }
  .qrcode-reader-modal .qrcode-reader-content .reader-header {
    align-items: center;
  }
  .qrcode-reader-modal .qrcode-reader-content .reader-header .header-texts .header-item {
    font-size: 20px;
  }
  .qrcode-reader-modal .qrcode-reader-content .reader-header .buttons button {
    width: 42px;
    height: 42px;
  }
  .qrcode-reader-modal .qrcode-reader-content .reader-footer form .buttons .btn-input-type {
    width: 70px;
    height: 70px;
  }
  .qrcode-reader-modal .qrcode-reader-content .reader-footer form .buttons .btn-input-type i {
    font-size: 22px;
  }
}

.page.admin.exhibitor .image-thumb {
  width: 200px;
}

.page.admin.exhibitor .image-thumb .photo-selector .thumbnail img.image-preview {
  width: 200px;
  height: 100px;
}

body.site-layout, body.force-site-layout {
  background: none;
}

body.site-layout .wrapper main, body.force-site-layout .wrapper main {
  background: none;
  padding: 0;
}

body.site-layout .wrapper main .alert, body.force-site-layout .wrapper main .alert {
  margin: 0 0 5px;
}

body.site-layout .page, body.force-site-layout .page {
  padding: 40px 0;
}

body.site-layout .page .pagination-wrapper, body.force-site-layout .page .pagination-wrapper {
  margin: 0;
}

body.site-layout .page .pagination-wrapper .pagination, body.force-site-layout .page .pagination-wrapper .pagination {
  justify-content: center;
}

body.site-layout {
  font-weight: 300;
}

body.site-layout .pagination-wrapper {
  margin-top: 30px !important;
}

body.site-layout .pagination-wrapper .pagination .page-item .page-link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 575px) {
  body.site-layout .navbar .navbar-nav {
    display: flex;
  }
  body.site-layout .navbar .navbar-nav .nav-link {
    height: 40px;
    margin: 0 0 20px !important;
  }
}

@media (max-width: 767px) {
  body.site-layout .container, body.site-layout .container-sm, body.force-site-layoyt .container, body.force-site-layoyt .container-sm {
    max-width: unset;
  }
  body.site-layout .page, body.force-site-layoyt .page {
    padding: 20px 0;
  }
}

body .navbar {
  width: 100%;
  min-height: 90px;
  background: #fff;
  padding: 0 20px;
  align-items: center;
  transition: all 0.6s ease;
}

body .navbar .navbar-nav {
  display: flex;
}

body .navbar .navbar-nav .panel-expositor .btn-panel {
  background-color: #fadc08;
  color: black !important;
}

body .navbar .navbar-nav .nav-link {
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 600;
  line-height: 34px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  border-radius: 4px;
}

body .navbar .navbar-nav .nav-link:hover {
  opacity: 0.5;
}

body .navbar .navbar-toggler {
  outline: none;
}

body .navbar .navbar-brand {
  height: 64px;
  padding: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
}

body .navbar .navbar-brand img {
  width: auto;
  height: 100%;
}

body .navbar .navbar-nav .nav-link, body .navbar .navbar-brand, body .navbar .navbar-toggler {
  transition: all 0.6s ease;
  color: #000;
}

body .navbar.nv-fixed {
  position: fixed;
  z-index: 3;
}

body .navbar.nv-transparent {
  background-color: #fff;
}

body .navbar.nv-hidden {
  transform: translateY(-90px);
}

body .navbar.nv-shadow:not(.nv-transparent) {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

body .navbar:not(.nv-transparent) .nav-link.active {
  background-color: #f1f1f1;
}

body .custom-title {
  margin-bottom: 40px;
}

body .custom-title .title {
  font-size: 40px;
  line-height: 1.125em;
  font-weight: 700;
  margin: 0;
}

body .custom-title .title small {
  display: block;
  font-size: 16px;
  letter-spacing: .15em;
  line-height: 1.3em;
  opacity: 0.6;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #888;
}

body .breadcrumb-container {
  background-color: #000;
  height: 140px;
  display: flex;
  align-items: center;
}

body .breadcrumb-container .breadcrumb-list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

body .breadcrumb-container .breadcrumb-list li, body .breadcrumb-container .breadcrumb-list li a {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
}

body .breadcrumb-container .breadcrumb-list li:not(:last-child) {
  margin-right: 10px;
}

body .breadcrumb-container .breadcrumb-list li:not(:last-child):after {
  content: ">";
  margin-left: 10px;
}

body .breadcrumb-container .breadcrumb-list li:last-child, body .breadcrumb-container .breadcrumb-list li:last-child a {
  color: #fbd502;
}

body .breadcrumb-container .container {
  display: flex;
  align-items: center;
}

body .breadcrumb-container .container .breadcrumb-list {
  margin-right: auto;
}

body .breadcrumb-container .container .text-share {
  color: #FFF;
}

body .breadcrumb-container .container .breadcrumb-right form input {
  border-radius: 0;
  background: none;
  border: none;
  border-bottom: 1px solid #333;
  outline: none !important;
  box-shadow: none !important;
  text-align: right;
  color: #fbd502;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  padding-left: 0;
}

body .breadcrumb-container .container .breadcrumb-right form input::placeholder {
  color: #fbd502;
  opacity: 0.5;
}

body .breadcrumb-container .container .breadcrumb-right form .search-input {
  position: relative;
}

body .breadcrumb-container .container .breadcrumb-right form .search-input:after {
  position: absolute;
  top: 0;
  right: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f002";
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  color: #fbd502;
  opacity: 0.5;
}

body .breadcrumb-container .container .breadcrumb-right form .search-input input {
  padding-right: 45px;
}

body .wrapper footer {
  background-color: #111;
  display: flex;
  flex-direction: column;
}

body .wrapper footer .footer-columns {
  padding: 20px 0;
}

body .wrapper footer .footer-columns > * {
  display: flex;
  align-items: center;
}

body .wrapper footer .footer-columns .brand-link {
  height: 90px;
  padding: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
}

body .wrapper footer .footer-columns .brand-link img {
  max-width: 130px;
}

body .wrapper footer .footer-columns .social-media-list ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

body .wrapper footer .footer-columns .social-media-list ul .whatsapp-fixed {
  transition: all 0.3s ease;
  z-index: 5;
}

body .wrapper footer .footer-columns .social-media-list ul .whatsapp-fixed .btn-fixed {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  background-color: #29a628;
  position: fixed;
  bottom: 22px;
  right: 22px;
  width: 60px;
  height: 60px;
  font-size: 32px;
}

body .wrapper footer .footer-columns .social-media-list ul .whatsapp-fixed .btn-fixed:hover {
  opacity: 1;
  background-color: #258f24;
}

body .wrapper footer .footer-columns .social-media-list ul li {
  font-size: 20px;
}

body .wrapper footer .footer-columns .social-media-list ul li a {
  width: 54px;
  height: 54px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 24px;
}

body .wrapper footer .footer-columns .social-media-list ul li:not(:last-child) {
  margin-right: 10px;
}

body .wrapper footer .copyright {
  width: 100%;
  background: #fbd502;
  padding: 10px 0;
}

body .wrapper footer .copyright .container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

body .wrapper footer .copyright .container p {
  margin: 0;
  color: #000;
}

body .wrapper footer .copyright .container p a {
  color: #000;
  font-weight: 600;
}

body.admin .navbar {
  min-height: 80px;
}

body.admin .navbar .navbar-brand {
  height: 60px;
  margin-right: 3rem;
}

@media (max-width: 767px) {
  body .navbar .navbar-brand {
    height: 90px !important;
    padding: 15px 0 !important;
  }
  body .navbar .navbar-brand img {
    max-width: 110px !important;
  }
  body .navbar .navbar-collapse {
    border-top: 1px solid #ddd;
    padding: 15px 0;
  }
  body .btn-fixed {
    box-shadow: 1px 2px 3px #000;
    bottom: 42px;
    right: 22px;
  }
  body .custom-title {
    margin-bottom: 20px;
  }
  body .custom-title .title {
    font-size: 26px;
    line-height: unset;
  }
  body .breadcrumb-container {
    height: unset;
    padding: 40px 0;
  }
  body .breadcrumb-container .container {
    flex-direction: column;
    align-items: flex-start;
  }
  body .breadcrumb-container .container .breadcrumb-right {
    margin-top: 10px;
    width: 100%;
  }
  body .breadcrumb-container .container .breadcrumb-right form input {
    text-align: left;
  }
}

.see-terms {
  text-decoration: underline;
  cursor: pointer;
}

.user-term-modal h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

.user-term-modal h3, .user-term-modal h4 {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 600;
}

.user-term-modal h3 {
  text-decoration: underline;
}

.user-term-modal p {
  text-align: justify;
}

.user-term-modal b {
  font-weight: 600;
}

.page.admin.event.subscription .card .card-body .table-subscription-summary {
  font-size: 30px;
}

.page.admin.event.subscription .card .card-body .text-danger {
  color: red;
}

.page-subscribe.confirm .confirm-video {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.page-subscribe.confirm .confirm-video iframe {
  border-radius: 15px;
}

.page-subscribe.confirm .confirm-sub {
  text-align: center;
}

.page-subscribe.confirm .comunity-button {
  display: flex;
  justify-content: center;
}

.page-subscribe.confirm .comunity-button .custom-btn {
  display: flex;
  background-color: #25d366 !important;
  gap: 30px;
  align-items: center;
}

.page-subscribe.confirm .comunity-button .custom-btn i {
  font-size: 25px;
}

.page-subscribe-master .btn {
  font-weight: 600;
  padding: 12px 24px;
  font-size: 16px;
}

.page-subscribe-master .btn.btn-secondary {
  background-color: #FFDC09;
  color: #000;
}

.page-subscribe-master .x-bold {
  font-weight: 700;
}

.page-subscribe-master .secondary-color {
  color: #FFDC09;
}

.page-subscribe-master section.banner {
  height: 600px;
}

.page-subscribe-master section.banner .bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.page-subscribe-master section.banner .bg-image > img {
  width: 100%;
  height: auto;
  position: absolute;
  left: -50%;
  transform: translate(50%, 0);
  filter: blur(2px);
}

.page-subscribe-master section.banner .bg-image::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  display: block;
}

.page-subscribe-master section.banner .bg-image::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(255, 220, 60, 0.2);
  z-index: 1;
  display: block;
}

.page-subscribe-master section.banner .banner-content {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-subscribe-master section.banner .banner-content .banner-info img {
  max-width: 280px;
  height: auto;
}

.page-subscribe-master section.banner .banner-content .banner-info h2 {
  font-weight: 600;
  color: #fff;
}

.page-subscribe-master section.banner .banner-content .banner-video {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.page-subscribe-master section.banner .banner-content .banner-video > div {
  width: 100%;
}

.page-subscribe-master section.banner .banner-content .banner-video > div > div {
  width: 100%;
  padding-bottom: 65%;
  position: relative;
}

.page-subscribe-master section.banner .banner-content .banner-video > div > div > iframe {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.page-subscribe-master section.date {
  background-color: #FFDC09;
  padding: 30px 0;
}

.page-subscribe-master section.date .date-content {
  display: flex;
  align-items: center;
}

.page-subscribe-master section.date .date-content .info {
  flex-grow: 1;
}

.page-subscribe-master section.date .date-content .info h1 {
  font-weight: 700;
  font-size: 36px;
  margin: 0;
}

.page-subscribe-master section.date .date-content .info > h3 {
  font-size: 20px;
  margin-top: 4px;
  font-weight: 300;
}

.page-subscribe-master section.date .date-content .info > div {
  font-weight: 400;
  font-size: 16px;
}

.page-subscribe-master section.date .date-content .section-countdown {
  display: flex;
  justify-content: right;
}

.page-subscribe-master section.date .date-content .section-countdown .countdown {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  width: 400px;
}

.page-subscribe-master section.date .date-content .section-countdown .countdown > label {
  display: block;
  font-weight: 600;
}

.page-subscribe-master section.date .date-content .section-countdown .countdown .countdown-items {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-subscribe-master section.date .date-content .section-countdown .countdown .countdown-items > div h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 0 2px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  line-height: 60px;
  margin-bottom: 0;
  width: 60px;
  height: 70px;
}

.page-subscribe-master section.date .date-content .section-countdown .countdown .countdown-items > div span {
  margin-top: 4px;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  display: block;
  font-weight: 600;
}

.page-subscribe-master section.about, .page-subscribe-master section.structure {
  background-color: #000;
  color: #fff;
  padding: 60px 0;
  text-align: center;
}

.page-subscribe-master section.about .items, .page-subscribe-master section.structure .items {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-subscribe-master section.about .items ul, .page-subscribe-master section.structure .items ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
}

.page-subscribe-master section.about .items ul li, .page-subscribe-master section.structure .items ul li {
  width: 260px;
}

.page-subscribe-master section.about .items ul li h1, .page-subscribe-master section.structure .items ul li h1 {
  color: #FFDC09;
  font-weight: 700;
  font-size: 60px;
}

.page-subscribe-master section.about .items ul li label, .page-subscribe-master section.structure .items ul li label {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

.page-subscribe-master section.about.structure, .page-subscribe-master section.structure.structure {
  background-color: #fff;
  color: #000;
}

.page-subscribe-master section.about.structure .items ul li h1, .page-subscribe-master section.structure.structure .items ul li h1 {
  font-size: 80px;
}

.page-subscribe-master section.about.structure .items ul li label, .page-subscribe-master section.structure.structure .items ul li label {
  font-size: 16px;
}

.page-subscribe-master .location {
  background-color: #FFDC09;
}

.page-subscribe-master .location .location-content {
  padding: 30px 0;
  display: flex;
  align-items: center;
}

.page-subscribe-master .location .location-content .location-title {
  flex-grow: 1;
}

.page-subscribe-master .location .location-content .location-title h2 {
  font-weight: 700;
  margin: 0;
}

.page-subscribe-master .location .location-content .location-title div {
  font-weight: 400;
}

.page-subscribe-master .location .location-content .location-logo img {
  height: 60px;
  width: auto;
}

.page-subscribe-master .form {
  background-color: #fff;
  padding: 45px 0;
  text-align: center;
}

.page-subscribe-master .form .form-title h3 {
  font-weight: 600;
}

.page-subscribe-master .form .form-title h3 b {
  font-weight: 700;
}

.page-subscribe-master .form .form-title h6 {
  font-weight: 400;
  color: #333;
}

.page-subscribe-master .form .form-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.page-subscribe-master .form .form-wrapper form {
  max-width: 600px;
}

.page-subscribe-master .form .form-wrapper form input, .page-subscribe-master .form .form-wrapper form select {
  border-color: #000;
  font-weight: 500;
}

.page-subscribe-master .form .form-wrapper form input::placeholder, .page-subscribe-master .form .form-wrapper form select::placeholder {
  color: #666;
}

.page-subscribe-master .form .form-wrapper form .btn {
  width: 100%;
}

.page-subscribe-master .form .form-wrapper form .warning-text, .page-subscribe-master .form .form-wrapper form .note {
  font-weight: 500;
  font-size: 12px;
}

.page-subscribe-master .form .form-wrapper form .parsley-required {
  text-align: left;
  color: red;
}

@media (max-width: 1199px) {
  .page-subscribe-master section.banner .bg-image > img {
    height: 100%;
    width: auto;
    left: 0;
    top: -50%;
    transform: translate(0, 50%);
  }
}

@media (max-width: 991px) {
  .page-subscribe-master section.banner {
    height: auto;
  }
  .page-subscribe-master section.banner .banner-content {
    padding: 45px 0;
    position: relative;
  }
  .page-subscribe-master section.banner .banner-content .banner-info {
    text-align: center;
  }
  .page-subscribe-master section.banner .banner-content .banner-video {
    margin-top: 30px;
    justify-content: center;
  }
  .page-subscribe-master section.date .date-content {
    flex-direction: column;
  }
  .page-subscribe-master section.date .date-content .info h1 {
    font-size: 28px;
  }
  .page-subscribe-master section.date .date-content .section-countdown {
    margin-top: 20px;
  }
  .page-subscribe-master section.date .date-content .section-countdown .countdown {
    align-items: center;
  }
  .page-subscribe-master section.about .items ul li, .page-subscribe-master section.structure .items ul li {
    width: 180px;
  }
}

@media (max-width: 767px) {
  .page-subscribe-master h2 {
    font-size: 1.6rem;
  }
  .page-subscribe-master h3 {
    font-size: 1.4rem;
  }
  .page-subscribe-master section.banner .banner-content .banner-info .logo img {
    max-width: 220px;
  }
  .page-subscribe-master section.banner .banner-content .banner-video > div {
    width: 100%;
  }
  .page-subscribe-master section.about, .page-subscribe-master section.structure {
    padding: 30px 0;
  }
  .page-subscribe-master section.about .items ul, .page-subscribe-master section.structure .items ul {
    flex-direction: column;
  }
  .page-subscribe-master section.about .items ul li, .page-subscribe-master section.structure .items ul li {
    width: unset;
  }
  .page-subscribe-master section.about .items ul li h1, .page-subscribe-master section.structure .items ul li h1 {
    font-size: 44px;
    line-height: 36px;
    margin-bottom: 5px;
  }
  .page-subscribe-master section.about .items ul li:not(:last-child), .page-subscribe-master section.structure .items ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .page-subscribe-master section.location .location-content {
    flex-direction: column;
    text-align: center;
  }
  .page-subscribe-master section.location .location-content .location-logo {
    margin-top: 15px;
  }
  .page-subscribe-master section.form {
    padding: 30px 0;
  }
  .page-subscribe-master section.date .container .date-content .info {
    text-align: center;
  }
  .page-subscribe-master section.date .container .date-content .section-countdown .countdown {
    width: 100%;
  }
}

.page-accreditation form .form-control {
  font-size: 16px;
  color: #252525;
  border-color: #ccc;
}

.page-accreditation .numpad-container {
  padding-left: 80px;
}

.page-accreditation .numpad-container .numpad {
  width: fit-content;
  grid-template-columns: repeat(3, auto);
  gap: 10px;
  display: grid;
}

.page-accreditation .numpad-container .numpad > button {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  font-size: 24px;
  font-weight: 600;
}

.page-accreditation .numpad-container .numpad > button + button {
  margin: 0;
}

@media (max-width: 767px) {
  .page-accreditation .numpad-container, .page-accreditation .show-numpad {
    display: none;
  }
}