@charset "UTF-8";
/*
* © repyx.com
* „Unique pixels!”
*
* w.: http://www.repyx.com
*/
.repyx-modal {
  position: fixed;
  width: 85%;
  left: 7.5%;
  z-index: 999;
  opacity: 0;
  top: -50px;
  display: none !important;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--repyx-modal-bg);
  background-repeat: repeat;
  background-clip: border-box;
  --tw-border-opacity: .125;
  border: 1px solid rgba(var(--color-black), var(--tw-border-opacity));
  border-radius: 0.25rem;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.repyx-modal-size .repyx-modal-content [class*=repyx-modal-header-] {
  border-radius: 3px;
  padding: 15px;
  margin: 0 15px;
  position: relative !important;
}
.repyx-modal-size .repyx-modal-effect {
  border: none;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header {
  position: relative;
  display: flex;
  margin-top: -20px;
  --tw-box-shadow-opacity-base: .14;
  --tw-box-shadow-opacity-accent: .4;
  box-shadow: 0 4px 20px 0 rgba(var(--color-black), var(--tw-box-shadow-opacity-base)), 0 7px 10px -5px rgba(var(--color-red), var(--tw-box-shadow-opacity-accent));
  background: linear-gradient(60deg, var(--modal-header-base-color), var(--modal-header-accent-color));
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .modal-heading {
  width: 25%;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .modal-heading h3 {
  color: var(--repyx-modal-heading);
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0px;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search {
  width: 45%;
  /* FF 4-18 */
  /* FF 19+ */
  /* IE 10+ */
  /* FF 4-18 */
  /* FF 19+ */
  /* IE 10+ */
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .wrap-input100 {
  border-bottom: 1px solid var(--fsearch-wrap-input10-br);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form {
  margin-left: 0px;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100 {
  height: 40px;
  font-family: "Noto Serif", serif;
  transition: all 0.3s ease;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input-group-search svg {
  font-size: 1.4rem;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100::-webkit-input-placeholder {
  color: var(--fsearch-input100-placeholder);
  text-transform: uppercase;
  font-weight: bold;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100:-moz-placeholder {
  color: var(--fsearch-input100-placeholder);
  text-transform: uppercase;
  font-weight: bold;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100::-moz-placeholder {
  color: var(--fsearch-input100-placeholder);
  text-transform: uppercase;
  font-weight: bold;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100:-ms-input-placeholder {
  color: var(--fsearch-input100-placeholder);
  text-transform: uppercase;
  font-weight: bold;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100:focus::-webkit-input-placeholder {
  color: transparent;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100:focus:-moz-placeholder {
  color: transparent;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100:focus::-moz-placeholder {
  color: transparent;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .input100:focus:-ms-input-placeholder {
  color: transparent;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .close-holder {
  width: 30%;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .repyx-modal-filter-btn {
  display: inline-block;
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  margin-left: auto;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .repyx-modal-filter-btn svg {
  color: var(--repyx-modal-filter-btn-svg);
  font-size: 150%;
  transition: all 0.8s ease-in-out;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .repyx-modal-filter-btn:hover svg {
  color: var(--repyx-modal-filter-btn-svg-hvr);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header input.form-control {
  background-color: transparent;
  border: 1px solid var(--modal-input-brd);
  color: var(--repyx-modal-input);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .form-control::-moz-placeholder {
  color: var(--repyx-modal-input-placeholder);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .form-control:-ms-input-placeholder {
  color: var(--repyx-modal-input-placeholder);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-header .form-control::placeholder {
  color: var(--repyx-modal-input-placeholder);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body {
  padding: 1rem 1rem;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-switch.form-check .form-check-input {
  width: 60px;
  height: 34px;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-switch.form-check .form-check-input:focus {
  background-image: url("../img/form/focus.svg");
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-check {
  position: relative;
  color: var(--formcheck);
  border-color: var(--formcheck-br);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-check .form-check-input {
  float: none;
  margin-left: 0;
  background-color: var(--formcheck-input-bg);
  border: 1px solid var(--formcheck-input-br);
  width: 34px;
  height: 34px;
  margin-top: 0px;
  margin: 0 10px;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-check .form-check-input[type=radio] {
  width: 33px;
  height: 33px;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-check .form-check-input:checked {
  background-color: var(--formcheck-input-bg-checked);
  border-color: var(--formcheck-input-br-checked);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-check .form-check-input:focus {
  box-shadow: none;
  outline: none;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-check:after {
  content: "";
  border-color: inherit;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 15px;
  right: 0;
  bottom: 0;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content label.form-check-label {
  color: var(--form-check-label);
  border-color: var(--form-check-label-br);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
  flex-grow: 1;
  flex-basis: 10%;
  transition: all 0.8s ease-in-out;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content label.form-check-label:hover {
  cursor: pointer;
  color: var(--form-check-label-hvr);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content label.form-check-label:active {
  color: var(--form-check-label-actv);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-switch, .repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .form-check {
  padding-left: 0px;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body {
  padding-right: 15px;
  overflow: auto;
  height: 100%;
  position: relative;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body #selected-tbl {
  border-spacing: 0 7px;
  border-collapse: separate;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body .intro-y {
  background-color: var(--td-bg-modal);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body .intro-y:hover {
  --tw-shadow:0 2px 6px -1px rgba(0, 0, 0, 0.4),0 2px 2px -1px rgba(0, 0, 0, 0.2);
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  z-index: 25;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body .intro-y td:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body .intro-y td:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  text-align: right;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(var(--cl-black), 0.3);
  background-color: var(--modal-scrollbar-track-bg);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body::-webkit-scrollbar {
  width: 10px;
  background-color: var(--modal-scrollbar-bg);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-result-body::-webkit-scrollbar-thumb {
  background-color: var(--modal-scrollbar-thumb);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content table {
  width: 100%;
  text-align: left;
  text-indent: 0;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content table td {
  font-size: 1rem;
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content table td p {
  margin-bottom: 0px;
  color: var(--basic);
  font-size: 1rem;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .close-btn {
  cursor: pointer;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .close-btn svg {
  color: var(--modal-close-btn-svg);
  transition: all 0.4s ease-out;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .close-btn svg:hover {
  color: var(--modal-close-btn-svg-hvr);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-label {
  font-size: 0.85rem;
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-label .category {
  padding: 5px;
  background-color: rgba(var(--search-label-category-bg), 0.85);
  color: var(--white);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-label .category:hover {
  background-color: rgba(var(--search-label-category-bg), 1);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-label .type {
  padding: 5px;
  background-color: rgba(var(--search-label-type-bg), 0.85);
  color: var(--white);
}
.repyx-modal-size .repyx-modal-effect .repyx-modal-body .modal-search-results-content .search-label .type:hover {
  background-color: rgba(var(--search-label-type-bg), 1);
}
.repyx-modal-size .repyx-modal-effect h3 {
  color: var(--modal-h3);
}

.repyx-modal-open {
  top: 5% !important;
  display: flex !important;
  opacity: 1;
}

.repyx-modal-holder.repyx-modal-holder-open {
  display: block;
  opacity: 1;
}

.repyx-modal-holder {
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.repyx-modal-holder .repyx-modal-close {
  background-color: transparent;
  padding: 0px 0px 0px 15px;
  border: none;
  outline: none;
  box-shadow: none;
  margin-left: auto;
}
.repyx-modal-holder .repyx-modal-close svg {
  color: var(--repyx-modal-close-svg);
  font-size: 2.6rem;
  transition: all 0.8s ease-in-out;
}
.repyx-modal-holder .repyx-modal-close svg:hover {
  color: var(--repyx-modal-close-svg-hvr);
}

.repyx-modal-holder.mutasd {
  position: fixed;
  visibility: visible;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}

#repyx_modal_shadow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.85);
}

@media (max-width: 767.98px) {
  .repyx-modal {
    left: 2.5%;
    width: 95%;
  }

  .repyx-modal-header {
    flex-direction: column !important;
  }
  .repyx-modal-header .close-holder {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 30px;
  }
  .repyx-modal-header .repyx-modal-close svg {
    font-size: 2.2rem;
  }

  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .modal-heading {
    width: 100%;
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search {
    width: 100%;
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form {
    margin-bottom: 0px;
    /* FF 4-18 */
    /* FF 19+ */
    /* IE 10+ */
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form .input100 {
    padding: 0px;
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form .input100::-webkit-input-placeholder {
    color: var(--msf-input-placeholder);
    text-transform: uppercase;
    font-weight: normal;
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form .input100:-moz-placeholder {
    color: var(--msf-input-placeholder);
    text-transform: uppercase;
    font-weight: normal;
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form .input100::-moz-placeholder {
    color: var(--msf-input-placeholder);
    text-transform: uppercase;
    font-weight: normal;
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form .input100:-ms-input-placeholder {
    color: var(--msf-input-placeholder);
    text-transform: uppercase;
    font-weight: normal;
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form .input-group-search {
    margin-left: -25px;
  }
  .repyx-modal-size .repyx-modal-effect .repyx-modal-header .filter-search .login100-form .row {
    margin-left: 0px;
    margin-left: 0px;
  }

  .repyx-modal-size .repyx-modal-effect .repyx-modal-body .search-results-content .search-result-body {
    height: 72vh;
  }

  .repyx-modal-size .repyx-modal-effect .repyx-modal-body .search-results-content .search-result-body::-webkit-scrollbar {
    width: 5px;
  }
}
:root {
  --animate-delay: 0.5s;
  --color-white: 255, 255, 255;
  --cl-pink: 246, 125, 161;
  --cl-black: 0, 0, 0;
  --cl-dark-gray: 33, 33, 33;
  --cl-light: 248, 249, 250;
  --cl-darken-white: 243, 243, 243;
  --cl-dismiss: 214, 0, 0;
  --cl-brown: 65, 51, 33;
  --logo-txt: #f5f5f5;
  --modal-header-base-color: #616161;
  --modal-header-accent-color: #292828;
  --mm-color-background: #413321;
  --repyx-listitem_btn-bg:#03020100;
  --repyx-listitem-br-b: #1e1810;
  --repyx-divider-bg: #f3f3f3;
  --repyx-navbar-btn-bg:#382d1d;
  --repyx-navbar-btn-bg-hvr:#4d3d26;
  --repyx-navbar-btn-hvr-svg-cl: #fff;
  --repyx-counter-holder-bg:#382d1d;
  --repyx-counter-holder-bg-hvr:#33291a;
  --repyx-counter-holder-hvr: #ff0000;
  --main-slider-bg: #413321;
  --swiper-slide-bg: #fff;
  --swiper-slide-title-cl: #fff;
  --swiper-slide-title-ts: #000;
  --swiper-slide-subtitle-ts:#000;
  --swiper-pagination-bullet-active-bg: #faebd7;
  --swiper-button-next-prev-bg: #F67DA1;
  --swiper-slide-link-cl:#fff;
  --swiper-slide-link-ts: #000;
  --section-announcement_bar_repyx-br-b:#e3e3e3;
  --h-input-group-search-cl: #fff;
  --h-input-group-search-hvr-cl: #f67da1;
  --h-input-group-search-svg-cl: #000;
  --h-input-group-search-svg-hvr-cl: #000;
  --h-focus-input100-before-bg: #fff;
  --h-focus-input100-after-cl: #fff;
  --wrap-input100:#4f4e4e;
  --input100-placeholder:#000;
  --nav-opener-span-before-after-bg: #fff;
  --nav-btn-light:#212529;
  --nav-btn-light-br: #f8f9fa;
  --nav-btn-light-bg: #f8f9fa;
  --search-sidebar-input-br: #e6e6e6;
  --search-sidebar-svg-cl: #000;
  --sidebar-categories-archives-ul-li-cl:#868686;
  --sidebar-categories-archives-ul-li-current-cl: #cb8161;
  --recent-post-content-item-br: #e6e6e6;
  --search-dropdown-br-cl:lightgrey;
  --search-result-hvr-bg: #656565;
  --search-result-hvr-br: #fff;
  --search-result-br: #C0C0C0;
  --search-result-a-cl: #000;
  --header-bg:#191919;
  --header-svg: #fff;
  --space-unit: 1em;
  --space-xxs: calc(0.375*var(--space-unit));
  --search-border: #5c5c5c;
  --dropdown-hover-menu-dropdown-item-text-cl:#fff;
  --dropdown-hover-menu-cl: #fff;
  --dropdown-item-sep-bg: #c0c0c0;
  --login-menu-bg:#191919;
  --dropbtn-lang:#fff;
  --dropdown-content-lang-bg:#191919;
  --dropdown-content-lang-a: #000;
  --dropdown-content-lang-a-hvr:#252525;
  --menu-bars:#ffc882;
  --mmenu-mm-toggle-bg:#614e36;
  --mmenu-mm-toggle-checked-bg:#b38d5b;
  --mm-searchfield-placeholder-cl: 232, 184, 122;
  --repyx-modal-bg:#212121;
  --repyx-modal-heading: #fff;
  --repyx-modal-filter-btn-svg: #fff;
  --repyx-modal-filter-btn-svg-hvr:#90ee90;
  --repyx-modal-input: #fff;
  --repyx-modal-input-placeholder: #ecd713;
  --fsearch-wrap-input10-br: #ffdcaf;
  --fsearch-input100-placeholder:#fff;
  --formcheck:#ffd299;
  --formcheck-br: #805d30;
  --formcheck-input-bg:#614e36;
  --formcheck-input-br:#805d30;
  --formcheck-input-bg-checked:#805d30;
  --formcheck-input-br-checked:#805d30;
  --form-check-label:#ffdcaf;
  --form-check-label-br:#805d30;
  --form-check-label-hvr: #28a745;
  --form-check-label-actv: #28a745;
  --modal-scrollbar-track-bg:#F5F5F5;
  --modal-scrollbar-bg:#F5F5F5;
  --modal-scrollbar-thumb:#b37220;
  --modal-close-btn-svg: #4B473F;
  --modal-close-btn-svg-hvr: #E13128;
  --repyx-modal-close-svg:#d60000;
  --repyx-modal-close-svg-hvr:#e60000;
  --search-label-category-bg: #4B473F;
  --search-label-type-bg: #E13128;
  --modal-h3: #faebd7;
  --msf-input-placeholder:#fff;
  --scbar-thumb: #212121;
  --scbar-thumb-hvr: #29684f;
  --body-bg:whitesmoke;
  --general-content-bg: whitesmoke;
  --a-link: #29684f;
  --a-link-hvr: #36916c;
  --heading-decor: whitesmoke;
  --contact-bg:#212121;
  --info-block-bg: #fff;
  --info-block-txt: #747474;
  --info-block-a: #212121;
  --info-block-h2: #212121;
  --icon-location: red;
  --contact-form-block-bg:#212121;
  --contact-info-bg:#0c0c0c;
  --contact-list-title: #fff;
  --contact-list-a:#a1a1a1;
  --contact-input-br: whitesmoke;
  --contact-input-focus: #fff;
  --contact-input-focus-br: #fff;
  --social-block-bg: #fff;
  --social-block-title: #747474;
  --title-separator-br:#e7e6e6;
  --post-title: #fff;
  --post-title-bg-line-gr-1: #e1d2b7;
  --post-title-bg-line-gr-2: #c58a52;
  --post-title-bg-line-gr-3: #c58a52;
  --bg-line-bg: #dea860;
  --time: #fff;
  --gradient-color:#c58a52;
  --gradient-color-1:#e1d2b7;
  --gradient-color-2:#c58a52;
  --anchor-link:#000;
  --scroll-down-arrows: #fff;
  --content-txt:#212121;
  --post-content-h3: #212121;
  --info-holder-bg: #fff;
  --post-initale-cl-1:#e1d2b7;
  --post-initale-cl-2:#c58a52;
  --social-networks-a: #fff;
  --social-networks-bg: #212121;
  --animation-link-more: #080806;
  --animation-link-more-hvr:#1a1a13;
  --animation-link-more-before-bg:#ece9e1;
  --share-block-title: #747474;
  --hide-bg: #232321;
  --accordion-filter-btn-bg:#212121;
  --accordion-filter-btn-cl:whitesmoke;
  --accordion-filter-btn-after-br: whitesmoke;
  --sidebar-blog-sidebar-title-cl: #000;
  --entry-meta-head-cl:#9b9b9b;
  --entry-author-hvr-cl: #cb8161;
  --entry-author-after-bg: #dedede;
  --entry-date-time-cl: #9b9b9b;
  --entry-title-a-cl:#000;
  --read-more-cl:#000;
  --read-more-br:#000;
  --read-more-hvr-bg:#cb8161;
  --read-more-hvr-cl:#fff;
  --read-more-hvr-br: #cb8161;
  --audio-icon-svg-cl: #f7e6c3;
  --tag-cloud-a-cl: #868686;
  --tag-cloud-a-br: #e5e5e5;
  --tag-cloud-a-hvr-br: #fff;
  --tag-cloud-a-hvr-cl: #cb8161;
  --tag-cloud-a-before-bg: #efefef;
  --tag-cloud-a-hvr-before-bg: #cb8161;
  --tg-a-cl: #9b9b9b;
  --tg-a-bg: #f5f5f5;
  --parent-relationship-cl: #8d8170;
  --card-content-bg: whitesmoke;
  --card-title-cl: #212121;
  --table-holder-bg: #e1d1b5;
  --table-thead-bg:#212121;
  --table-thead-cl: #fff;
  --table-thead-th-br-b:#bd9562;
  --table-tr-td-cl: #000;
  --table-f-td-odd-bg:#785d3a;
  --table-f-td-even-bg:#9c794b;
  --table-s-td-odd-bg: #f5f5f5;
  --table-s-td-even-bg:#e7e7e7;
  --table-f-td-cl: #fff;
  --tbl-td-br-cl: #d5d5d5;
  --btn:#fff;
  --btn-bg: #198754;
  --btn-bg-hvr:#1d9e62;
  --btn-decor-span-br:#f5f5f5;
  --btn-decor-span-after-br:#f5f5f5;
  --btn-decor-span-after:#f5f5f5;
  --btn-decor-fa-star:#f5f5f5;
  --btn-decor-hvr: #fff;
  --btn-decor-hvr-br:#fff;
  --alert-cl:#191919;
  --alert-bg: #f5f5f5;
  --alert-br-cl: #f5f5f5;
  --alert-br-t-cl: #191919;
  --tselectbrhvr:#413321;
  --ts-dropdown-option-hvr-bg:#d7aa70;
  --ts-input-fcs-cl: #008000;
  --ts-select-handle-cl: #ffc882;
  --ts-select-handle-hvr-cl:#303438;
  --ts-select-handle-hvr-bg:#dc4650;
  --filter-btn-cl: #212121;
  --filter-btn-br-cl: #ced4da;
  --filter-btn-bg: #fff;
  --filter-btn-bg-hvr: #212121;
  --filter-btn-cl-hvr: #fff;
  --filter-btn-br-hvr: #000;
  --pink: #f67da1;
  --pink-acc:#fd6391;
  --bermuda: #77d7b9;
  --black:#000;
  --black-acc:#584949;
  --white:#fff;
  --silver: #c0c0c0;
  --green: #28a745;
  --acc-green:#268b3e;
  --acc-green-darken:#134e21;
  --footer-txt: #A6A6A6;
  --danger: #f77982;
  --gray: #212529;
  --yellow: #ecd713;
  --red: #d60000;
  --red-lighten: #e60000;
  --blue: #0e5597;
  --antique: #faebd7;
  --default-label-bg:#fff4e6;
  --default-label-cl:#413321;
  --pagination-current-bg: #212122;
  --pagination-current-cl: #fff;
  --pagination-holder-a-hvr-bg: #212122;
  --pagination-holder-current-a-hvr-bg: #29292b;
  --pagination-holder-a-hvr-cl: #fff;
  --secondary-menu-bg: #413321;
  --secondary-menu-cl: #ffc882;
  --secondary-menu-header-bg:#52412b;
  --secondary-menu-header-cl: #ffc882;
  --secondary-menu-header-h3: #ffc882;
  --user-logo-cl:#ffc882;
  --secondary-menu-a-cl: #fff;
  --secondary-menu-a-hvr-cl: #ffc882;
  --secondary-menu-sub-bg: #52412b;
  --secondary-menu-sub-sub-bg: #52412b;
  --secondary-menu-sub-hvr-cl: #ffc882;
  --secondary-menu-sub-hvr-bg: #493a26;
  --secondary-menu-br-th-1: #52412b;
  --secondary-menu-close-btn:#fc3b31;
  --secondary-menu-close-btn-hvr:#e13128;
  --login-tab-link-actv-bg: #dad9d9;
  --login-tab-link-actv-cl: #fff;
  --login-tab-link-hvr-cl: #fff;
  --login-tab-link-hvr-bg: #646464;
  --login-tab-link-hvr-br: #119d5c;
  --login-tab-link-bg: #4f4e4e;
  --login-tab-link-cl: #fff;
  --login-tab-link-br: #4f4e4e;
  --login-tab-link-act-bg: #212121;
  --login-tab-link-act-br: #ff0000;
  --login-reset-email-bg: #212121;
  --login-title-reset-bg: #4f4e4e;
  --login-title-reset-cl: #fff;
  --login-cl: #4f4e4e;
  --login-input-req-cl: #119d5c;
  --login-input100-cl: #4f4e4e;
  --login-focus-input100-icon-cl: whitesmoke;
  --login-check-label-a-cl: #898989;
  --login-check-label-a-hvr-cl: #757474;
  --login-label-cl: #817f7f;
  --login-btn-repyx-bg: #198754;
  --login-btn-repyx-cl: #fff;
  --login-btn-repyx-hvr-bg: #119d5c;
  --login-btn-repyx-hvr-cl:#fff;
  --login-forgot-password-text-cl:#817f7f;
  --login-forgot-password-text-hvr-cl:#ff0000;
  --cl-f-links: 132,132,136;
  --footer-container-bg: #191919;
  --list-link-footer-li-a-cl: #29684F;
  --footer-follow-li-a-cl: #29684F;
  --footer-follow-li-a-hvr-cl: #d60000;
  --copy-list-li-cl: #29684F;
  --copy-list-li-a-cl: #29684F;
  --copy-list-li-a-hvr-cl: #d60000;
  --subscribe-cl: #fff;
  --subscribe-bg: #614d33;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(var(--cl-black), 0);
}

body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--body-txt);
  text-align: left;
  background-color: var(--body-bg);
  position: relative;
}

[x-cloak] {
  display: none !important;
}

* {
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", sans-serif;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h3, .h3 {
  font-size: 1.375rem;
  line-height: 1.535714;
}

h4, .h4 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 0.875rem;
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

table {
  border-collapse: collapse;
}

th {
  text-align: inherit;
}

.table th, .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid var(--table-th-td-br-t);
}

img {
  vertical-align: middle;
  border-style: none;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

input[type=radio], input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

a {
  color: var(--link);
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: var(--link-hvr);
  text-decoration: none;
}

@media (min-width: 768px) {
  .about-section p {
    margin-bottom: 1.875rem;
  }

  .about-section .text-block {
    max-width: 41.875rem;
    line-height: 1.8;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .about-section {
    font-size: 1.25rem;
  }

  .h3, h3 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1400px) {
  .about-section {
    padding: 12.1875rem 0;
  }
}
@media (min-width: 1440px) {
  .left-sidebar-blog .container {
    max-width: 1440px;
  }
}
@media (min-width: 767.98px) {
  ::-webkit-scrollbar {
    width: 12px;
  }
}
::-webkit-scrollbar-thumb {
  background: var(--scbar-thumb);
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}

.wrapper {
  overflow: hidden;
}

.container {
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.flex-1 {
  flex: 1 1 0%;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }

  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
}
@media (min-width: 640px) {
  .sm\:flex {
    display: flex;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 930px;
  }

  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 992px) {
  .col-1, .col-2, .col-3, .col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    position: relative;
    padding-right: 25px;
    padding-left: 25px;
  }

  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1170px;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}
@media (min-width: 1500px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -25px;
    margin-left: -25px;
  }
}
@media (min-width: 1840px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1346px;
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.p-1 {
  padding: 0.25rem !important;
}

.pl-3, .px-3 {
  padding-left: 1rem !important;
}

.pr-3, .px-3 {
  padding-right: 1rem !important;
}

.m-0 {
  margin: 0 !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mr-3, .mx-3 {
  margin-right: 1rem !important;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}

.ml-3, .mx-3 {
  margin-left: 1rem !important;
}

.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}

@media (max-width: 767px) {
  .mr-3, .mx-3 {
    margin-right: 0.45rem !important;
  }
}
.d-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-column {
  flex-direction: column !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

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

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

.text-nowrap {
  white-space: nowrap !important;
}

.text-wrap {
  white-space: normal !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

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

.mb-40 {
  margin-bottom: 40px;
}

.w-30 {
  max-width: 35px;
}

@media (min-width: 576px) {
  .flex-sm-column {
    flex-direction: column !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.btn {
  transition: color 0.3s linear, border-color 0.3s linear, background 0.3s linear;
  font-family: proxima-nova, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  white-space: normal;
  padding: 1.25rem 0.9375rem;
  position: relative;
  outline: none;
  box-shadow: none;
  border: none;
}

.btn.btn-decor {
  min-width: 12.375rem;
  color: var(--btn);
  padding: 0.625rem;
  background: var(--btn-bg);
  border: none;
  outline: none;
  box-shadow: none;
  transition: all 0.4s ease-out;
}
.btn.btn-decor:hover {
  background: var(--btn-bg-hvr);
}

.btn.btn-decor span {
  transition: border-color 0.3s linear;
  display: block;
  padding: 1.25rem 0.9375rem;
  border-top: 2px solid var(--btn-decor-span-br);
  border-bottom: 2px solid var(--btn-decor-span-br);
  position: relative;
}

.btn.btn-decor span:before {
  bottom: 0;
}

.btn.btn-decor span:after, .btn.btn-decor span:before {
  transition: border-color 0.3s linear;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1.375rem;
  border-width: 0 2px;
  border-style: solid;
  border-color: var(--btn-decor-span-after-br);
  color: var(--btn-decor-span-after);
}

.btn.btn-decor span:after {
  top: 0;
}

.btn.btn-decor .fa-star:first-child {
  left: -0.25rem;
}

.btn.btn-decor .fa-star:nth-child(2) {
  right: -0.25rem;
}

.btn.btn-decor .fa-star {
  transition: color 0.4s linear, transform 0.4s linear;
  width: 0.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  font-size: 0.625rem;
  color: var(--btn-decor-fa-star);
}

.btn.btn-decor.btn-decor-white:hover span,
.btn.btn-decor:hover span {
  border-color: var(--btn-decor-hvr-br);
}

.btn.btn-decor.btn-decor-white:hover span:after,
.btn.btn-decor.btn-decor-white:hover span:before,
.btn.btn-decor:hover span:after,
.btn.btn-decor:hover span:before {
  border-color: var(--btn-decor-hvr-br);
}

.btn.btn-decor.btn-decor-white:hover .fa-star,
.btn.btn-decor:hover .fa-star {
  transform: translateY(-50%) rotate(360deg);
  color: var(--btn-decor-hvr);
}

.btn-reset {
  background: none;
  padding: 0;
  font-size: inherit;
  line-height: 1;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: none;
}

@media (min-width: 992px) {
  .category-section .btn-blog-holder .btn, .blog-section .btn-blog-holder .btn {
    margin: 2.125rem 0;
  }
}
@media (max-width: 767.98px) {
  .btn.btn-decor span {
    padding: 0.65rem 0.9375rem;
  }
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px;
}
.navbar a img {
  height: 70px;
  width: auto;
  box-sizing: border-box;
}
.navbar a.navbar-brand {
  color: var(--logo-txt);
  font-size: 1.8rem;
}

.navbar-brand {
  height: 100%;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
}

.logo-text h3 {
  font-size: 1.2rem;
  color: var(--rp-logo-h3);
  margin-bottom: 3px;
  font-weight: 400;
  font-family: "Lobster", cursive;
}
.logo-text p {
  font-size: 0.815rem;
  color: var(--rp-logo-p);
  margin-bottom: 0px;
}

.header {
  background: var(--header-bg);
  width: 100% !important;
  box-shadow: rgba(var(--cl-black), 0.19) 0px 10px 20px, rgba(var(--cl-black), 0.23) 0px 6px 6px;
}
.header svg {
  color: var(--header-svg);
  transition: all 0.4s ease-out;
}
.header svg:hover {
  color: var(--antique);
}

.scroll-down .header {
  transform: translate3d(0, -100%, 0);
}

.header-navbar-top-right-filter svg, .header-navbar-top-right-login svg {
  font-size: 1.7rem;
}

.header-navbar-top-right {
  flex-wrap: wrap;
}

.header-navbar-top-right-item {
  width: auto;
  box-sizing: border-box;
}

.dropdown-hover-menu {
  background: var(--login-menu-bg);
  position: relative;
  padding: 0;
  min-width: 20rem;
  margin: 2px 0 0;
  color: var(--dropdown-hover-menu-cl);
  font-size: inherit;
  text-align: left;
  z-index: 1902;
  list-style: none;
  background-clip: padding-box;
  border: 0;
  box-shadow: rgba(var(--cl-black), 0.19) 0px 10px 20px, rgba(var(--cl-black), 0.23) 0px 6px 6px;
}
.dropdown-hover-menu svg {
  font-size: 1rem;
}

.dropdown-hover-menu .dropdown-item {
  padding: 0.5rem 1rem;
  color: var(--dropdown-hover-menu-dropdown-item-text-cl);
  width: 100%;
  display: block;
  clear: both;
  font-weight: inherit;
  white-space: normal;
  background-color: var(--login-menu-bg);
}

.dropdown-hover-menu .login-nav-item {
  transition: all 0.4s ease-out;
}

.dropdown-hover-menu .login-nav-item:hover .dropdown-item {
  display: block;
  width: 100%;
  background-color: #5a482f;
}

.dropdown-hover-menu .dropdown-item.separator {
  height: 2px;
  background-color: var(--dropdown-item-sep-bg);
  padding: 0;
  margin: 0;
}

.login-dropdown.dropdown-hover-menu:before {
  content: "";
  width: 80px;
  height: 3px;
  background-color: red;
  display: block;
  margin-left: auto;
  margin-top: -3px;
}

.btn-check:focus + .btn, .btn:focus {
  outline: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  .header-navbar-top-right-nav-btn .nav-opener {
    height: 30px;
    width: 40px;
  }
}
@media (min-width: 992px) {
  #header-section {
    transition: background 0.3s linear, opacity 0.7s linear, visibility 0.7s linear, transform 0.2s linear;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    margin-left: var(--rp-sidebar-expanded-size);
    width: calc(100% - var(--rp-sidebar-expanded-size));
  }

  #header .container-fluid {
    justify-content: space-between;
    position: relative;
  }

  .header-navbar-top-left {
    max-width: 320px;
    flex: 0 0 320px;
    display: none !important;
  }

  .header-navbar-top-center-left {
    flex: 1;
  }

  .header-navbar-top-center-right {
    max-width: 60px;
    flex: 0 0 60px;
    display: none !important;
  }

  .header-navbar-top-empty {
    flex: 0 0 33%;
  }

  .header-navbar-top-right {
    flex: none;
    margin-left: 100px;
  }

  .dropright .dropdown-hover-menu {
    right: 0;
    left: auto;
  }

  .dropright {
    position: relative;
  }

  .dropdown:hover .dropdown-hover-menu {
    display: block;
    visibility: visible;
    opacity: 1;
  }

  .dropright .dropdown-hover-menu {
    right: 0;
    left: auto;
  }

  .dropdown-hover-menu {
    position: absolute;
    top: 100%;
    right: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s 0s linear;
    min-width: 17rem;
    box-shadow: rgba(var(--cl-black), 0.19) 0px 10px 20px, rgba(var(--cl-black), 0.23) 0px 6px 6px;
  }
}
@media (min-width: 1200px) {
  #header .container-fluid {
    padding: 0 1.875rem;
  }
}
@media (min-width: 1400px) {
  #header .container-fluid {
    padding: 0 3.75rem;
  }
}
@media (max-width: 991.98px) {
  #header-section {
    transition: background 0.3s linear, opacity 0.7s linear, visibility 0.7s linear, transform 0.2s linear;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    margin-left: var(--rp-sidebar-default-size);
    width: calc(100% - var(--rp-sidebar-default-size));
  }

  #hamburger {
    margin-left: -10px;
  }

  .navbar a img {
    position: relative;
    height: 56px;
  }

  header > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .form-horizontal .input-group {
    width: 100%;
  }

  .header-navbar-top-empty {
    display: none;
    order: 4;
  }

  .header-navbar-top-left {
    order: 1;
    margin-right: 0;
    flex-basis: 60px;
  }

  .header-navbar-top-center-right {
    order: 2;
    margin-right: 0;
    flex: 1 0 35px;
    display: none !important;
  }

  .header-navbar-top-center-left {
    flex-basis: calc(100% - 150px);
    order: 2;
  }

  .header-navbar-top-right {
    order: 3;
    flex-basis: 90px;
  }

  .header .navbar {
    padding: 0px 20px;
  }

  .login100-form {
    width: 100%;
  }

  .dropdown-lang {
    margin-right: 10px;
  }

  .input100 {
    height: 40px !important;
  }

  .dropdown-hover-menu {
    position: absolute;
    min-width: 10rem;
    right: 0;
    top: 100%;
    display: none;
    opacity: 0;
    visibility: hidden;
  }

  .dropdown:hover .dropdown-hover-menu {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 767.98px) {
  .header-navbar-top-center-left {
    width: 100%;
  }
  .header-navbar-top-center-left .login100-form {
    margin-left: 0px;
  }
  .header-navbar-top-center-left .login100-form .input100 {
    padding: 0px 0px 0px 15px;
  }
  .header-navbar-top-center-left .login100-form .input-group-search {
    margin-left: -3px !important;
  }
  .header-navbar-top-center-left .login100-form .row {
    margin-left: 0px;
    margin-left: 0px;
  }
}
.input-group-search {
  display: flex;
  align-items: center;
  margin-left: 0px !important;
  z-index: 99;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  color: var(--h-input-group-search-cl);
  font-size: 1.6rem;
  transition: color 0.8s ease-out;
  position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
}

.input-group-search:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.input-group-search:hover {
  color: var(--h-input-group-search-hvr-cl);
}

.input-group-search svg {
  transition: color 0.8s ease-out;
  color: var(--h-input-group-search-svg-cl);
  font-size: 1.4rem;
}

.input-group-search svg:hover {
  color: var(--h-input-group-search-svg-hvr-cl);
}

.login100-form {
  width: 100%;
}

.wrap-input100 {
  width: 100%;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  transition: width 0.4s ease-in-out;
}

.input100 {
  font-family: sans-serif;
  font-size: 16px;
  color: black;
  line-height: 1.2;
  outline: none;
  display: block;
  width: 100%;
  height: 45px;
  background: lightgrey;
  padding: 0px 0px 0px 20px;
  transition: all 0.3s ease;
  border: 2px solid white;
  border-radius: 4px;
}
.input100:focus {
  background-color: white;
  color: black;
  border: 2px solid lightgray;
}

.login_center_container .focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.login_center_container .focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.4s;
  background: var(--h-focus-input100-before-bg);
}
.login_center_container .focus-input100::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: var(--h-focus-input100-after-cl);
  line-height: 30px;
  display: block;
  width: 100%;
  position: absolute;
  top: 6px;
  left: 0px;
  padding-left: 5px;
  transition: all 0.4s;
}

.input100::-webkit-input-placeholder {
  color: var(--input100-placeholder);
}

.input100:-moz-placeholder {
  color: var(--input100-placeholder);
}

/* FF 4-18 */
.input100::-moz-placeholder {
  color: var(--input100-placeholder);
}

/* FF 19+ */
.input100:-ms-input-placeholder {
  color: var(--input100-placeholder);
}

/* IE 10+ */
.input100:focus::-webkit-input-placeholder {
  color: transparent;
}

.input100:focus:-moz-placeholder {
  color: transparent;
}

/* FF 4-18 */
.input100:focus::-moz-placeholder {
  color: transparent;
}

/* FF 19+ */
.input100:focus:-ms-input-placeholder {
  color: transparent;
}

/* IE 10+ */
.input100:focus + .focus-input100::after {
  top: -22px;
  font-size: 18px;
}

.input100:focus + .focus-input100::before {
  width: 100%;
}

.has-val.input100 + .focus-input100::after {
  top: -22px;
  font-size: 18px;
}

.has-val.input100 + .focus-input100::before {
  width: 100%;
}

.has-val.input100 {
  padding-left: 5px;
}

.search-results-content {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  right: 0;
  max-height: 400px;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.9);
  border-left: 1px solid var(--search-dropdown-br-cl);
  border-right: 1px solid var(--search-dropdown-br-cl);
  border-bottom: 1px solid var(--search-dropdown-br-cl);
  box-shadow: 0px 2px var(--search-dropdown-br-cl);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 15px;
}
.search-results-content a {
  color: var(--search-result-a-cl);
  transition: all 0.4s;
}
.search-results-content a:hover {
  color: #fff;
}
.search-results-content .image-fit > img {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  width: 3rem;
  height: 3rem;
}
.search-results-content .rounded-full {
  border-radius: 9999px;
}
.search-results-content .image-fit {
  position: relative;
}
.search-results-content .flex-none {
  flex: none;
}
.search-results-content .relative {
  position: relative;
  padding: 10px 15px;
  display: block;
  transition: all 0.4s;
  border-radius: 10px;
  border: 1px solid transparent;
}
.search-results-content .relative:hover {
  background-color: var(--search-result-hvr-bg);
  border: 1px solid var(--search-result-hvr-br);
}
.search-results-content .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-results-content .font-medium {
  font-weight: 500;
}
.search-results-content .search-label {
  font-size: 0.85rem;
}
.search-results-content .search-label .category {
  padding: 5px;
  background-color: #c0c0c0;
  color: #212121;
}
.search-results-content .search-label .type {
  padding: 5px;
  background-color: rgba(239, 28, 28, 0.85);
  color: var(--white);
}
.search-results-content .search-label .type:hover {
  background-color: #ef1c1c;
}
.search-results-content .search-desc {
  color: #f7c48a;
}
.search-results-content .search-desc a {
  color: #f7c48a;
  font-size: 0.85rem;
  transition: all 0.4s;
}
.search-results-content .search-desc a:hover {
  color: #ffd4a2;
}

@media (min-width: 1090px) {
  .login100-form {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .wrap-input100 {
    width: 50%;
    margin-left: auto;
  }
  .wrap-input100:focus-within {
    width: 100%;
  }
}
@media (max-width: 1089.98px) {
  .login100-form {
    width: 100%;
  }
}
#repyx_lang {
  padding: 1.25rem 0.9375rem;
}

.dropbtn-lang {
  background-color: transparent;
  color: var(--dropbtn-lang);
  font-size: 5px;
  border: none;
  text-align: left;
}
.dropbtn-lang:hover {
  cursor: pointer;
}

.dropdown-lang {
  position: relative;
  display: inline-block;
  z-index: 999;
}
.dropdown-lang .dropbtn-lang img {
  width: 30px;
  height: 30px;
}

.dropdown-content-lang {
  display: none;
  position: absolute;
  background-color: var(--dropdown-content-lang-bg);
  width: 40px;
  padding: 5px;
  box-shadow: 0px 8px 16px 0px rgba(var(--cl-black), 0.2);
  z-index: 1;
  left: -5px;
}

.dropdown-content-lang a {
  color: var(--dropdown-content-lang-a);
  text-decoration: none;
  display: block;
}
.dropdown-content-lang a:hover {
  background-color: var(--dropdown-content-lang-a-hvr);
}
.dropdown-content-lang a:first-of-type {
  margin-bottom: 8px;
}
.dropdown-content-lang a img {
  width: 30px;
  height: auto;
  opacity: 0.95;
}
.dropdown-content-lang a img:hover {
  opacity: 1;
}

.dropdown-lang:hover .dropdown-content-lang {
  display: block;
}

.dropdown-lang:hover .dropbtn-lang {
  background-color: transparent;
}

@media (max-width: 991.98px) {
  #repyx_lang {
    padding-right: 0px;
  }
}
.repyx-burger {
  --mb-button-size:50px;
  --mb-bar-width:0.6;
  --mb-bar-height:4px;
  --mb-bar-spacing:8px;
  --mb-cross-timeout:0.4s;
  background: 0 0;
  border: none;
  border-radius: 0;
  color: white;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  height: var(--mb-button-size);
  padding: 0 0 0 var(--mb-button-size);
  margin: 0 10px 0 0;
  line-height: var(--mb-button-size);
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  cursor: pointer;
}

.repyx-burger:hover {
  color: white;
}

.repyx-burger b {
  display: block;
  position: absolute;
  left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
  width: calc(var(--mb-button-size) * var(--mb-bar-width));
  height: var(--mb-bar-height);
  border-radius: calc(var(--mb-bar-height)/ 2);
  background: currentColor;
  color: inherit;
  opacity: 1;
}

.repyx-burger b:nth-of-type(1) {
  bottom: calc(50% + var(--mb-bar-spacing));
  transition: bottom 0.2s ease, transform 0.2s ease;
}

.repyx-burger b:nth-of-type(2) {
  top: calc(50% - (var(--mb-bar-height)/ 2));
  transition: opacity 0.2s ease;
}

.repyx-burger b:nth-of-type(3) {
  top: calc(50% + var(--mb-bar-spacing));
  transition: top 0.2s ease, transform 0.2s ease;
}

.repyx-burger span:not(:empty) {
  padding-right: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
}

.repyx-wrapper_opened .repyx-burger b:nth-of-type(1) {
  bottom: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(45deg);
}

.repyx-wrapper_opened .repyx-burger b:nth-of-type(2) {
  opacity: 0;
}

.repyx-wrapper_opened .repyx-burger b:nth-of-type(3) {
  top: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(-45deg);
}

.repyx-burger--collapse b:nth-of-type(1) {
  transition: bottom 0.2s ease, margin 0.2s ease, transform 0.2s ease;
  transition-delay: 0.2s, 0s, 0s;
}

.repyx-burger--collapse b:nth-of-type(2) {
  transition: top 0.2s ease, opacity 0s ease;
  transition-delay: 0.3s, 0.3s;
}

.repyx-burger--collapse b:nth-of-type(3) {
  transition: top 0.2s ease, transform 0.2s ease;
}

.repyx-wrapper_opened .repyx-burger--collapse b:nth-of-type(1) {
  bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
  margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));
  transform: rotate(45deg);
  transition-delay: calc(var(--mb-cross-timeout) + .1s), calc(var(--mb-cross-timeout) + .3s), calc(var(--mb-cross-timeout) + .3s);
}

.repyx-wrapper_opened .repyx-burger--collapse b:nth-of-type(2) {
  top: calc(50% + var(--mb-bar-spacing));
  opacity: 0;
  transition-delay: calc(var(--mb-cross-timeout) + 0s), calc(var(--mb-cross-timeout) + .2s);
}

.repyx-wrapper_opened .repyx-burger--collapse b:nth-of-type(3) {
  top: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(-45deg);
  transition-delay: calc(var(--mb-cross-timeout) + .3s), calc(var(--mb-cross-timeout) + .3s);
}

.repyx-burger--spin b:nth-of-type(1) {
  transition-delay: 0.2s, 0s;
}

.repyx-burger--spin b:nth-of-type(2) {
  transition-duration: 0s;
  transition-delay: 0.2s;
}

.repyx-burger--spin b:nth-of-type(3) {
  transition-delay: 0.2s, 0s;
}

.repyx-wrapper_opened .repyx-burger--spin b:nth-of-type(1) {
  transform: rotate(135deg);
  transition-delay: calc(var(--mb-cross-timeout) + 0s), calc(var(--mb-cross-timeout) + .2s);
}

.repyx-wrapper_opened .repyx-burger--spin b:nth-of-type(2) {
  transition-delay: calc(var(--mb-cross-timeout) + 0s);
}

.repyx-wrapper_opened .repyx-burger--spin b:nth-of-type(3) {
  transform: rotate(225deg);
  transition-delay: calc(var(--mb-cross-timeout) + 0s), calc(var(--mb-cross-timeout) + .2s);
}

.repyx-burger--squeeze b:nth-of-type(1) {
  transition-delay: 0.1s, 0s;
}

.repyx-burger--squeeze b:nth-of-type(2) {
  transition-delay: 0.1s;
}

.repyx-burger--squeeze b:nth-of-type(3) {
  transition-delay: 0.1s, 0s;
}

.repyx-wrapper_opened .repyx-burger--squeeze b:nth-of-type(1) {
  transition-delay: calc(var(--mb-cross-timeout) + 0s), calc(var(--mb-cross-timeout) + .1s);
}

.repyx-wrapper_opened .repyx-burger--squeeze b:nth-of-type(2) {
  transition-delay: calc(var(--mb-cross-timeout) + 0s);
}

.repyx-wrapper_opened .repyx-burger--squeeze b:nth-of-type(3) {
  transition-delay: calc(var(--mb-cross-timeout) + 0s), calc(var(--mb-cross-timeout) + .1s);
}

.repyx-burger--tornado b:nth-of-type(1) {
  transition: bottom 0.2s ease, transform 0.2s ease;
  transition-delay: 0.2s;
}

.repyx-burger--tornado b:nth-of-type(2) {
  transition: opacity 0s ease, transform 0.2s ease;
  transition-delay: 0.1s, 0.1s;
}

.repyx-burger--tornado b:nth-of-type(3) {
  transition: top 0.2s ease, transform 0.2s ease;
  transition-delay: 0s;
}

.repyx-wrapper_opened .repyx-burger--tornado b:nth-of-type(1) {
  transform: rotate(-135deg);
  transition-delay: calc(var(--mb-cross-timeout) + 0s);
}

.repyx-wrapper_opened .repyx-burger--tornado b:nth-of-type(2) {
  opacity: 0;
  transform: rotate(-135deg);
  transition-delay: calc(var(--mb-cross-timeout) + .4s), calc(var(--mb-cross-timeout) + .1s);
}

.repyx-wrapper_opened .repyx-burger--tornado b:nth-of-type(3) {
  transform: rotate(-225deg);
  transition-delay: calc(var(--mb-cross-timeout) + .2s);
}

@media (min-width: 992px) {
  .repyx-burger {
    display: none;
  }
}
.repyx-sidebar-style-01 {
  --rp-color-text:#c0c0c0;
  --rp-logo-h3:#faebd7;
  --rp-logo-p: #c0c0c0;
  --rp-color-text-hvr: #fff;
  --rp-color-text-hvr-bg: #252525;
  --sidebar-bg: #191919;
  --rp-listitem-size: 50px;
  --rp-line-height: 26px;
  --rp-color-text-dimmed:rgba(192, 192, 192, 0.5);
  --rp-color-button: rgba( 232, 184, 122, 0.4 );
  --rp-color-border: #c0c0c0;
  --rp-color-background-highlight: rgba( 232, 184, 122, 0.08 );
  --rp-sidebar-expanded-size: 350px;
  --rp-sidebar-default-size: 0px;
  --rp-sidebar-font-size: 1.225rem;
  background-color: #191919;
}

.repyx-slideout {
  position: relative;
  transition: transform 0.4s ease;
  z-index: 1;
  background-color: var(--white);
}

.repyx-sidebar-menu {
  font-size: var(--rp-sidebar-font-size);
  width: var(--rp-sidebar-expanded-size);
  height: 100vh;
  position: fixed;
  display: flex !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: var(--sidebar-bg);
  flex-direction: column;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.repyx-navbar-logo-holder {
  margin-bottom: 30px;
  padding: 10px 0px;
}
.repyx-navbar-logo-holder .navbar-brand {
  margin-right: 0px;
}
.repyx-navbar-logo-holder .repyx-navbar-logo {
  margin-right: 15px;
  margin-left: 15px;
}

.repyx-navbar-top {
  flex-shrink: 0;
}

.repyx-navbar_sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}

.repyx-navbar-title {
  flex: 1 1 50%;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.repyx-navbar-title > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.repyx-listview {
  list-style-type: none;
  padding: 0;
  margin: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Legacy Firefox syntax (version 61 and below) */
.repyx-listview::-moz-selection, .repyx-navbar-title::-moz-selection {
  background-color: transparent;
}

.repyx-listview::selection, .repyx-navbar-title::selection {
  background-color: transparent;
}

.fade-in {
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
          animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}

@-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.repyx-listitem a {
  align-items: center;
}
.repyx-listitem a svg {
  margin-right: 15px;
}
.repyx-listitem a button {
  background-color: transparent;
  border: none;
  color: var(--rp-color-text);
}

.repyx-listitem_text:has(.kapcsolat) {
  margin-top: 30px;
}

.repyx-listitem_text:has(.kapcsolat), .repyx-listitem_text:has(.tajhazhalozat), .repyx-listitem_text.bejelentkezes {
  padding: 10px 15px;
}

.repyx-listitem, .repyx-divider {
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex-grow: 1;
  flex-basis: 10%;
  position: relative;
}

.repyx-listitem_text {
  display: block;
  width: 100%;
  color: var(--rp-color-text);
  padding: 8px 15px;
  border-radius: 10px;
  width: 80%;
  margin: 0px auto;
}
.repyx-listitem_text:hover {
  color: var(--rp-color-text-hvr);
  background-color: var(--rp-color-text-hvr-bg);
}

.repyx-listitem_btn {
  background: var(--repyx-listitem_btn-bg);
  border-color: inherit;
  width: auto;
  padding-right: 50px;
  position: relative;
}

.repyx-counter-holder {
  background-color: var(--repyx-counter-holder-bg);
  cursor: pointer;
  padding: calc((var(--rp-listitem-size) - var(--rp-line-height))/ 2);
  transition: all 0.6s ease-out;
}
.repyx-counter-holder:hover {
  background-color: var(--repyx-counter-holder-bg-hvr);
}

.repyx-counter-holder:hover .repyx-counter {
  color: var(--repyx-counter-holder-hvr);
}
.repyx-counter-holder:hover .repyx-next-btn svg {
  color: var(--repyx-counter-holder-hvr);
}

.repyx-divider {
  position: relative;
  min-height: 20px;
  padding: 4.3px;
  background: var(--repyx-divider-bg);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-height: var(--rp-line-height);
  padding: calc(((var(--rp-listitem-size) * .65) - var(--rp-line-height)) * .5);
  padding-right: 10px;
  padding-left: 20px;
  font-size: 75%;
  text-transform: uppercase;
  background: var(--rp-color-background);
  opacity: 1;
  transition: opacity 0.4s ease;
}
.repyx-divider span {
  color: var(--rp-color-text);
}

.repyx-divider:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--rp-color-background-highlight);
}

.repyx-counter {
  color: var(--rp-color-text-dimmed);
}

.repyx-next-btn {
  padding: 0px 0px 0px 15px;
}
.repyx-next-btn svg {
  color: var(--rp-color-text-dimmed);
}

.repyx-prev-btn {
  padding: 0px;
  transition: all 0.6s ease-out;
}
.repyx-prev-btn svg {
  color: var(--rp-color-text-dimmed);
}

.repyx-navbar-btn {
  flex-grow: 0;
  background-color: var(--repyx-navbar-btn-bg);
  cursor: pointer;
  transition: all 0.6s ease-out;
}
.repyx-navbar-btn:hover {
  background-color: var(--repyx-navbar-btn-bg-hvr);
}

.repyx-navbar-btn:hover .repyx-prev-btn svg {
  color: var(--repyx-navbar-btn-hvr-svg-cl);
}

.repyx-panels {
  position: relative;
  height: 100%;
  flex-grow: 1;
  overflow: hidden;
  z-index: 2;
}

.repyx-panel::-webkit-scrollbar {
  width: 5px !important;
}

.repyx-panels > .repyx-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.repyx-navbar-bottom {
  flex-shrink: 0;
}
.repyx-navbar-bottom .repyx-navbar:first-child {
  border-top: 1px solid var(--rp-color-border);
}

.repyx-navbar-bottom a {
  color: var(--rp-color-text-dimmed);
  transition: all 0.6s ease-out;
}
.repyx-navbar-bottom a:hover {
  color: var(--rp-color-text-hvr);
}

.repyx-navbar {
  display: flex;
  align-items: center;
  color: var(--rp-color-text-dimmed);
  text-align: center;
  background-color: var(--sidebar-bg);
}

.repyx-navbar > * {
  --webkit-box-flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  text-decoration: none;
  color: inherit;
}

.repyx-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  overflow-y: auto;
  box-sizing: border-box;
  width: 100%;
  transition: transform 0.4s ease;
}

.repyx-navbar-bg {
  position: absolute;
  bottom: 20px;
  z-index: auto;
  box-shadow: inset 0px 0px 80px 60px #191919;
  box-shadow: inset 0px 0px 35px 60px #191919;
}
.repyx-navbar-bg img {
  position: relative;
  filter: grayscale(100%) brightness(33%);
  z-index: -1;
}

@media (min-width: 992px) {
  .left-sideout {
    width: calc(100% - var(--rp-sidebar-expanded-size));
    margin-left: var(--rp-sidebar-expanded-size);
    position: relative;
  }
}
@media (max-width: 991.98px) {
  .repyx-sidebar-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 80vw;
    height: 100%;
    margin: 0 0 0 -80vw;
    transition: all 200ms ease-in;
  }

  .repyx-navbar-bg {
    display: none;
  }

  .repyx-sidebar-menu.repyx-active {
    position: fixed;
    top: 0;
    left: 0;
    width: 80vw;
    height: 100%;
    margin: 0;
    transition: all 200ms ease-in;
    z-index: 3;
  }

  .container-repyx.repyx-active {
    transform: translate3d(80vw, 0, 0);
  }
}
@media (min-width: 1200px) {
  .repyx-navbar-logo a {
    color: var(--logo-txt);
    font-size: 1.8rem;
  }
}
@media (min-device-width: 375.98px) and (max-device-width: 967.98px) and (orientation: landscape) {
  .repyx-sidebar-menu {
    width: 40vw;
    margin: 0 0 0 -40vw;
  }

  .repyx-sidebar-menu.repyx-active {
    width: 40vw;
  }

  .container-repyx.repyx-active {
    transform: translate3d(40vw, 0, 0);
  }
}
.login_form_container {
  padding-top: 20px;
  padding-bottom: 40px;
  position: relative;
}
.login_form_container .container {
  z-index: 10;
}

.login_center_container {
  width: 40%;
  margin: 0px auto;
  box-shadow: 0px 10px 10px 0px rgba(var(--cl-black), 0.14);
  -moz-box-shadow: 0px 10px 10px 0px rgba(var(--cl-black), 0.14);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(var(--cl-black), 0.14);
  opacity: 1;
  margin-top: 0px;
  z-index: 2;
  position: relative;
}
.login_center_container .wrap-input100 {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.login_center_container .repyx-listitem_text {
  color: var(--rp-color-text) !important;
}
.login_center_container .nav-tabs a {
  width: 50%;
}
.login_center_container .nav-pills .nav-link.active, .login_center_container .nav-pills .show > .nav-link {
  border-radius: 0px;
  background-color: var(--login-tab-link-actv-bg);
  font-size: 16px;
  color: var(--login-tab-link-actv-cl);
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  margin-right: 0px;
  cursor: default;
}
.login_center_container .nav-pills .nav-link:hover {
  color: var(--login-tab-link-hvr-cl);
  background-color: var(--login-tab-link-hvr-bg);
  border-top: 4px solid var(--login-tab-link-hvr-br);
}
.login_center_container .nav-pills .nav-link {
  border-radius: 0px;
  background-color: var(--login-tab-link-bg);
  font-weight: 800;
  font-size: 16px;
  color: var(--login-tab-link-cl);
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  margin-right: 0px;
  transition: all 0.5s linear;
  border-top: 4px solid var(--login-tab-link-br);
}
.login_center_container .nav-pills .nav-link.active {
  background-color: var(--login-tab-link-act-bg);
  border-top: 4px solid var(--login-tab-link-act-br);
}
.login_center_container .nav-pills .nav-item {
  width: 50%;
}
.login_center_container .nav-pills .nav-item.pass {
  width: 100%;
}
.login_center_container .tab-content, .login_center_container .reset_email {
  background: var(--login-reset-email-bg);
  padding-top: 20px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1rem;
}
.login_center_container .title_heading_reset {
  background-color: var(--login-title-reset-bg);
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 1.4em;
  color: var(--login-title-reset-cl);
  margin: 0px;
  text-transform: capitalize;
}
.login_center_container .title_heading_reset i {
  margin-right: 15px;
}
.login_center_container .form-horizontal {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  font-size: 12px !important;
  color: var(--login-cl);
  /*Outer box of the fake checkbox*/
  /*Checkmark of the fake checkbox*/
  /*Hide the checkmark by default*/
  /*Unhide on the checked state*/
  /*Adding focus styles on the outer-box of the fake checkbox*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
}
.login_center_container .form-horizontal input[type=text]:focus, .login_center_container .form-horizontal input[type=tel]:focus, .login_center_container .form-horizontal textarea:focus, .login_center_container .form-horizontal input[type=password]:focus, .login_center_container .form-horizontal input[type=email]:focus {
  border: transparent !important;
  background-color: transparent !important;
}
.login_center_container .form-horizontal input:required:invalid, .login_center_container .form-horizontal input:focus:invalid {
  color: var(--white);
}
.login_center_container .form-horizontal input:required:valid {
  color: var(--login-input-req-cl);
}
.login_center_container .form-horizontal .input100 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: var(--login-input100-cl);
  line-height: 1.2;
  display: block;
  width: 100%;
  height: 45px;
  background: transparent;
  padding: 0 5px 0 38px;
}
.login_center_container .form-horizontal .input100:focus {
  padding-left: 5px;
}
.login_center_container .form-horizontal .focus-input100::after {
  font-family: "FontAwesome";
  font-size: 18px;
  color: var(--login-focus-input100-icon-cl);
  line-height: 30px;
  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 6px;
  left: 0px;
  padding-left: 5px;
  transition: all 0.4s;
}
.login_center_container .form-horizontal .input100:focus + .focus-input100::after {
  top: -22px;
  font-size: 18px;
}
.login_center_container .form-horizontal .checkbox {
  margin-top: -10px;
  padding-left: 5px;
}
.login_center_container .form-horizontal .checkbox input[type=checkbox] {
  opacity: 0;
  margin-top: -20px;
}
.login_center_container .form-horizontal .checkbox label {
  position: relative;
  display: inline-block;
  font-size: 14px;
  min-width: 300px;
  /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
  padding-left: 25px;
}
.login_center_container .form-horizontal .checkbox label a {
  color: var(--login-check-label-a-cl);
  transition: 0.2s color linear;
}
.login_center_container .form-horizontal .checkbox label a:hover {
  color: var(--login-check-label-a-hvr-cl);
  text-decoration: none;
}
.login_center_container .form-horizontal .checkbox label::before,
.login_center_container .form-horizontal .checkbox label::after {
  position: absolute;
  content: "";
  /*Needed for the line-height to take effect*/
  display: inline-block;
}
.login_center_container .form-horizontal .checkbox label::before {
  height: 16px;
  width: 16px;
  box-shadow: none;
  outline: none;
  border: 1px solid;
  left: 0px;
  /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
  *to vertically center it.
  */
  top: 2px;
}
.login_center_container .form-horizontal .checkbox label::before:focus {
  box-shadow: none;
  outline: none;
}
.login_center_container .form-horizontal .checkbox label::after {
  height: 5px;
  width: 9px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 4px;
  top: 7px;
}
.login_center_container .form-horizontal .checkbox input[type=checkbox] + label::after {
  content: none;
}
.login_center_container .form-horizontal .checkbox input[type=checkbox]:checked + label::after {
  content: "";
}
.login_center_container .form-horizontal .checkbox input[type=checkbox]:focus + label::before {
  outline: #b9a26b auto 5px;
}
.login_center_container .form-horizontal input {
  outline: none;
  border: none;
}
.login_center_container .form-horizontal textarea {
  outline: none;
  border: none;
}
.login_center_container .form-horizontal textarea:focus, .login_center_container .form-horizontal input:focus {
  border-color: transparent !important;
}
.login_center_container .form-horizontal input:focus::-webkit-input-placeholder {
  color: transparent;
}
.login_center_container .form-horizontal input:focus:-moz-placeholder {
  color: transparent;
}
.login_center_container .form-horizontal input:focus::-moz-placeholder {
  color: transparent;
}
.login_center_container .form-horizontal input:focus:-ms-input-placeholder {
  color: transparent;
}
.login_center_container .form-horizontal textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.login_center_container .form-horizontal textarea:focus:-moz-placeholder {
  color: transparent;
}
.login_center_container .form-horizontal textarea:focus::-moz-placeholder {
  color: transparent;
}
.login_center_container .form-horizontal textarea:focus:-ms-input-placeholder {
  color: transparent;
}
.login_center_container .form-horizontal input::-webkit-input-placeholder {
  color: var(--rp-color-text);
}
.login_center_container .form-horizontal input:-moz-placeholder {
  color: var(--rp-color-text);
}
.login_center_container .form-horizontal input::-moz-placeholder {
  color: var(--rp-color-text);
}
.login_center_container .form-horizontal input:-ms-input-placeholder {
  color: var(--rp-color-text);
}
.login_center_container .form-horizontal textarea::-webkit-input-placeholder {
  color: var(--rp-color-text);
}
.login_center_container .form-horizontal textarea:-moz-placeholder {
  color: var(--rp-color-text);
}
.login_center_container .form-horizontal textarea::-moz-placeholder {
  color: var(--rp-color-text);
}
.login_center_container .form-horizontal textarea:-ms-input-placeholder {
  color: var(--rp-color-text);
}
.login_center_container .form-horizontal label {
  margin: 0;
  display: block;
  color: var(--login-label-cl);
}
.login_center_container .form-horizontal button {
  outline: none !important;
  border: none;
  background: transparent;
}
.login_center_container .form-horizontal button:hover {
  cursor: pointer;
}
.login_center_container .form-horizontal iframe {
  border: none !important;
}
.login_center_container .form-horizontal button {
  border-radius: 0px;
  font-size: 14px;
  display: block;
  width: 100%;
  margin-top: 30px;
}
.login_center_container .form-horizontal button span {
  margin-left: 5px;
}
.login_center_container .form-horizontal .btn-repyx {
  background-color: var(--login-btn-repyx-bg);
  color: var(--login-btn-repyx-cl);
  border: transparent;
  height: 50px;
  transition: all 0.5s linear;
}
.login_center_container .form-horizontal .btn-repyx:hover {
  background-color: var(--login-btn-repyx-hvr-bg);
  color: var(--login-btn-repyx-hvr-cl);
}
.login_center_container .form-horizontal label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
.login_center_container .form-horizontal input#remember_me {
  vertical-align: text-bottom;
  margin-right: 5px;
}
.login_center_container .form-horizontal p.remember_me_text {
  font-size: 12px;
}
.login_center_container .form-horizontal a.forgot_password_text {
  color: var(--login-forgot-password-text-cl);
  font-size: 1rem;
  transition: color 0.5s linear;
  text-align: center;
  margin-top: 50px;
  display: block;
}
.login_center_container .form-horizontal a.forgot_password_text:hover {
  color: var(--login-forgot-password-text-hvr-cl);
  text-decoration: none;
}

@media (max-width: 979.98px) {
  .login_center_container {
    width: 100%;
  }
  .main-title {
    padding: 0 25px !important;
  }
}
.main-slider {
  background-color: var(--main-slider-bg);
}
.main-slider .shader {
  position: absolute;
  top: 55%;
  bottom: -1px;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(var(--cl-black), 0.6), rgba(var(--cl-black), 0.9));
  z-index: 2;
}
.main-slider .swiper {
  width: 100%;
  height: 100%;
}
.main-slider .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
}
.main-slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: var(--swiper-slide-bg);
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 0px);
  background-image: url("../img/main_slider/bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-slider .swiper-slide .swiper-slide-data {
  height: 100%;
  position: relative;
}
.main-slider .swiper-slide .slider-information {
  position: absolute;
  bottom: 30px;
  left: 0px;
  right: 0px;
  text-align: left;
  -webkit-animation: fadein 3s linear 1 normal forwards;
  z-index: 3;
}
.main-slider .swiper-slide .title {
  /*margin-top: 30%;*/
  margin-top: 0px;
  font-family: "Noto Serif", serif;
  font-size: 2.3rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.1;
  letter-spacing: 0.1em;
  text-shadow: 1px 2px 3px var(--swiper-slide-title-ts);
  position: relative;
  z-index: 99;
  color: var(--swiper-slide-title-cl);
  padding: 0px 80px;
  -webkit-backface-visibility: hidden;
}
.main-slider .swiper-slide .subtitle {
  font-size: 1.3rem;
  text-shadow: 1px 2px 3px var(--swiper-slide-subtitle-ts);
  position: relative;
  z-index: 99;
  color: rgb(var(--cl-darken-white));
  padding: 0px 80px;
  margin-top: 15px;
  -webkit-backface-visibility: hidden;
}
.main-slider .swiper-slide .slider_link {
  padding: 0px 80px;
  margin-top: 40px;
  z-index: 3;
  position: relative;
  -webkit-backface-visibility: hidden;
}
.main-slider .swiper-slide a {
  font-family: Georgia, serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1rem;
  line-height: 40px;
  background-color: rgba(var(--color-white), 0.2);
  border: 3px solid var(--antique);
  color: var(--swiper-slide-link-cl);
  padding: 20px 25px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(var(-cl-black), 0.03);
  transition: all 0.3s ease-in-out;
  margin-top: 20px;
  text-shadow: 1px 2px 3px var(--swiper-slide-link-ts);
  -webkit-backface-visibility: hidden;
}
.main-slider .swiper-slide a:hover {
  text-decoration: none;
  background-color: rgba(var(-cl-black), 0.4);
}
.main-slider .swiper-slide .text {
  font-size: 14px;
  max-width: 400px;
  line-height: 1.3;
  -webkit-backface-visibility: hidden;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.main-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-slider .swiper-slide {
  width: 80%;
}
.main-slider .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: var(--white);
}
.main-slider .swiper-pagination-bullet-active {
  background-color: var(--swiper-pagination-bullet-active-bg);
}
.main-slider .swiper-button-next, .main-slider .swiper-button-prev {
  color: var(--white);
}

@media (max-width: 767.98px) {
  .main-slider .swiper-slide .slider_link {
    padding: 0px;
  }

  .main-slider .swiper-slide a {
    display: block;
    padding: 5px 25px;
    margin: 0px auto 30px auto;
    width: calc(100% - 50px);
    text-align: center;
  }

  .main-slider .swiper-slide .title {
    font-size: 2rem;
  }

  .main-slider .swiper-slide .subtitle {
    font-size: 1.1rem;
  }

  .main-slider .swiper-slide .title, .main-slider .swiper-slide .subtitle {
    padding: 0 25px;
  }
}
.title-heading-center {
  padding: 0;
  text-align: center;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.0125em;
  font-style: normal;
}

.title-separator {
  display: flex;
  align-items: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  margin-bottom: 30px;
  width: 100%;
  max-width: 100px;
  clear: both;
  position: relative;
  z-index: 11;
  display: none;
}
.title-separator .title-separator-border {
  flex-grow: 2;
  border: 0 solid var(--title-separator-br);
  border-bottom-style: solid;
  border-top-style: solid;
}

.title-heading-center {
  margin-bottom: 30px;
}

.cat-post {
  margin-bottom: 3.25rem;
}

.card .menu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.card .menu-content::before, .card .menu-content::after {
  content: "";
  display: table;
}
.card .menu-content::after {
  clear: both;
}
.card .menu-content li {
  display: inline-block;
}
.card .menu-content a {
  color: var(--white);
}
.card .menu-content span {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 10px;
  font-weight: 700;
  font-family: "Open Sans";
  transform: translate(-50%, 0);
}
.card .wrapper {
  background-color: var(--white);
  min-height: 340px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 19px 38px rgba(var(--cl-black), 0.3), 0 15px 12px rgba(var(--cl-black), 0.2);
}
.card .wrapper:hover .data {
  transform: translateY(0);
}
.card .data {
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(calc(20px + 1em));
  transition: transform 0.3s;
}
.card .data .content {
  padding: 1em;
  position: relative;
  z-index: 1;
  min-height: 180px;
}
.card .data .content hr {
  display: none;
}
.card .category-label {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 10px !important;
  display: inline-block;
}
.card .title {
  font-family: "Noto Serif", serif;
  font-size: 1.45rem;
  min-height: 86.5px;
  display: block;
  display: flex;
  align-items: center;
}
.card .title a {
  display: block;
}
.card .text {
  height: 70px;
  margin: 0;
}
.card .readmore-btn {
  display: block;
  width: 100px;
  margin: 2em auto 1em;
  text-align: center;
  font-size: 13px;
  color: var(--black);
  line-height: 1;
  position: relative;
  font-weight: 700;
}
.card .readmore-btn::after {
  content: "→";
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
.card .readmore-btn:hover::after {
  transform: translate(5px, -50%);
  opacity: 1;
}

.card-intro .data-intro {
  padding: 1em 1em 0 1em;
  text-align: center;
  background-color: rgba(255, 239, 219, 0.75);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.card-intro .data-intro h1.title {
  color: var(--card-title-cl);
  display: flex;
  align-items: center;
}

.card-theme .date {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--bermuda);
  color: var(--white);
  padding: 0.8em;
}
.card-theme .date span {
  display: block;
  text-align: center;
}
.card-theme .date .day {
  font-weight: 700;
  font-size: 24px;
  text-shadow: 2px 3px 2px rgba(var(--cl-black), 0.18);
}
.card-theme .date .month {
  text-transform: uppercase;
}
.card-theme .date .month,
.card-theme .date .year {
  font-size: 12px;
}
.card-theme .parent_relationship {
  margin-bottom: 12px;
  display: inline-block;
  margin-right: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--parent-relationship-cl);
}
.card-theme .bermuda {
  background-color: var(--bermuda);
  color: var(--white);
}
.card-theme .br-bermuda {
  border-left: 5px solid var(--bermuda);
}
.card-theme .bg-bermuda {
  background-color: var(--bermuda);
  color: var(--white);
}
.card-theme .bg-default {
  background-color: var(--default-label-bg);
  color: var(--default-label-cl);
}
.card-theme .red {
  background-color: var(--red);
  color: var(--white);
}
.card-theme .br-red {
  border-left: 5px solid var(--red);
}
.card-theme .bg-red {
  background-color: var(--red);
  color: var(--white);
}
.card-theme .green {
  background-color: var(--green);
  color: var(--white);
}
.card-theme .br-green {
  border-left: 5px solid var(--green);
}
.card-theme .bg-green {
  background-color: var(--green);
  color: var(--white);
}
.card-theme .yellow {
  background-color: var(--yellow);
  color: var(--black);
}
.card-theme .br-yellow {
  border-left: 5px solid var(--yellow);
}
.card-theme .bg-yellow {
  background-color: var(--yellow);
  color: var(--black);
}
.card-theme .blue {
  background-color: var(--blue);
  color: var(--white);
}
.card-theme .br-blue {
  border-left: 5px solid var(--blue);
}
.card-theme .bg-blue {
  background-color: var(--blue);
  color: var(--white);
}
.card-theme .content {
  background-color: var(--card-content-bg);
  box-shadow: 0 5px 30px 10px rgba(var(--cl-black), 0.3);
}
.card-theme .title {
  color: var(--card-title-cl);
}
.card-theme .menu-button {
  position: absolute;
  z-index: 999;
  top: 16px;
  right: 16px;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
.card-theme .menu-button span {
  width: 5px;
  height: 5px;
  background-color: rgba(var(--cl-black), 50%);
  color: rgba(var(--cl-black), 50%);
  position: relative;
  display: inline-block;
  border-radius: 50%;
}
.card-theme .menu-button span::after, .card-theme .menu-button span::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: currentColor;
  position: absolute;
  border-radius: 50%;
}
.card-theme .menu-button span::before {
  left: -10px;
}
.card-theme .menu-button span::after {
  right: -10px;
}
.card-theme .menu-content {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  transition: transform 0.3s;
  transform: translateY(0);
}
.card-theme .menu-content li {
  width: 33.333333%;
  float: left;
  background-color: var(--bermuda);
  height: 60px;
  position: relative;
}
.card-theme .menu-content a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.card-theme .menu-content span {
  top: -10px;
}

.card-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
}
.post-media-positioner .lightgallery .bg-img {
  background-size: contain;
}
.img-holder:hover .card-overlay {
  opacity: 1;
}

.card-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
}
.card-details h3 {
  font-size: 22px;
  color: var(--white);
}
.card-details svg {
  color: var(--white);
  font-size: 50px;
}
.img-holder:hover .card-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.post-content .card-details h3 {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
}

.post-content .card-details svg {
  color: #f7c482;
  font-weight: 500;
  font-size: 3.6rem;
}

.zoom-icon {
  margin-bottom: 1.5rem;
}

.fadeIn-bottom {
  top: 80%;
}

.blog-section .card .data {
  transform: translateY(calc(70px + 1em));
}
.blog-section .card .text {
  min-height: 60px;
  margin: 0;
}

.bg-antique {
  background-color: var(--antique);
}

/*Masonry - Sima megy*/
.masonry-container {
  width: 100%;
  margin: 0px auto;
  columns: 3;
  column-gap: 2rem;
  padding: 2rem 0;
}

.masonry-container a {
    width: 33%;
}

/* .masonry-container {
  display: flex;
  flex-flow: column wrap;
  align-content: space-between;
  gap: 1rem;
}
.masonry-container a {
  width: 33%;
}

.masonry-container a:nth-child(3n+1) { order: 1; }
.masonry-container a:nth-child(3n+2) { order: 2; }
.masonry-container a:nth-child(3n)   { order: 3; }

.masonry-container::before,
.masonry-container::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  height: 100%;
  order: 2;
} */

.box {
  width: 100%;
  background-color: var(--WHITE);
  margin-bottom: 2.25rem;
  break-inside: avoid;
  box-shadow: 0 19px 38px rgba(var(--cl-black), 0.3), 0 15px 12px rgba(var(--cl-black), 0.2);
  transition: all 400ms ease 0s;
}
.box img {
  width: 100%;
  object-fit: cover;
  transition: 0.4s ease;
  margin: 0;
  padding: 0;
}
.box:hover {
  transform: scale(1.025);
}
.col-sm-12, .col-md-4 {
  padding-left: 0;
}
@media  screen and (max-width: 1200px) {
  .masonry-container {
    columns: 2;
  }
}
@media  screen and (max-width: 767.98px) {
  .masonry-container {
    columns: 1;
  }
}
.map-img {
  height: 428px;
}
.film-tar {
  height: 241px;
}
/*Masonry END*/

/*GRID*/
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
.grid-list-card {
  width: 100%;
  background-color: var(--WHITE);
  break-inside: avoid;
  box-shadow: 0 19px 38px rgba(var(--cl-black), 0.3), 0 15px 12px rgba(var(--cl-black), 0.2);
  transition: all 400ms ease 0s;
}
.grid-list-card:hover {
  transform: scale(1.025);
}
.grid-box {
  background: var(--white);
}
.grid-list-card img {
  width: 100%;
/*   height: 236px; */
  object-fit: cover;
  transition: 0.4s ease;
  margin: 0;
  padding: 0;
}
.grid-box .box-title {
  margin: 0;
}
/* @media  screen and (max-width: 1840px) {
  .grid-container {
    grid-template-columns: 1fr 1fr;
  }
} */
@media  screen and (max-width: 1200px) {
    .grid-container {
      grid-template-columns: 1fr 1fr;
    }
  }
/* @media  screen and (max-width: 770px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
} */

@media  screen and (max-width: 767px) {
    .grid-container {
      grid-template-columns: 1fr;
    }
  }
/*GRID END*/

/*Map Button*/
.main-title {
  display: flex;
  justify-content: space-between;
  padding: 0 105px;
  margin-bottom: 2rem;
}
.map-box-title {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 5px;
  align-items: center;
  background: var(--white);
  padding: 5px 10px;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
  color: #212529;
  transition: 0.4s;
  cursor: pointer;
}
.main-title .title-heading-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 46px;
}
.map-title {
  font-size: 32px;
  margin: 0;
}
.map-box-title svg {
  color: #212529;
  font-size: 22px;
  transition: 0.4s;
}
.map-box-title:hover {
  background: var(--black);
  color: var(--white);
  transform: scale(1.1);
}
.map-box-title:hover svg {
  color: var(--white);
}
/*Map Button END*/

.card-link {
  cursor: pointer;
}

.card-link:hover .card-theme-2 {
  transform: scale(1.025);
}

.card-link:hover .card-theme-2 .card-content-title {
  background-color: #ededed;
}

.card-theme-2 {
  width: 400px;
  display: flex;
  box-shadow: 0 19px 38px rgba(var(--cl-black), 0.3), 0 15px 12px rgba(var(--cl-black), 0.2);
  transition: all 0.4s ease-out;
}
.card-theme-2 .card-img-holder {
  min-height: 230px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 10px 0px;
  background-position: center !important;
  background-color: whitesmoke !important;
  background-size: 100% auto;
}
.card-theme-2 .card-content-title, .box-title {
  display: flex;
  align-items: center;
  background-color: whitesmoke;
  height: 70px;
  width: 100%;
  padding: 0px 15px;
  margin-top: 4px;
  -webkit-font-smoothing: antialiased;
  transition: all 0.4s ease-out;
}
.card-theme-2 .card-content-title h2, .box-title h2 {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  display: flex;
  margin: 0px;
}

.post-intro {
  color: var(--post-title);
  position: relative;
}
.post-intro .bg-line {
  height: 30rem;
}
.post-intro .post-intro .bg-line:after {
  height: 5rem;
  background-image: linear-gradient(78deg, var(--post-title-bg-line-gr-1) 0, var(--post-title-bg-line-gr-2) 15%, var(--post-title-bg-line-gr-3) 100%);
}
.post-intro .post-intro .bg-line:after {
  height: 2rem;
}

.black-txt {
  color: var(--black);
}

.viewport.in-viewport .fade-effect, .viewport.in-viewport .fade-in-left, .viewport.in-viewport .move-effect {
  opacity: 1;
  visibility: visible;
}

.post-intro.in-viewport .title-block.fade-in-left {
  transition: transform 0.7s ease-out, opacity 0.7s ease-out, visibility 0.7s ease-out, transform 0.7s ease-out !important;
}

.bg-line {
  height: 31.25rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: var(--bg-line-bg);
  background-image: url(../img/bg-01-small.png);
  background-repeat: repeat;
}

.bg-line:after {
  content: "";
  height: 5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(78deg, var(--post-title-bg-line-gr-1) 0, var(--post-title-bg-line-gr-2) 100%);
}

.post-intro .container-fluid {
  white-space: nowrap;
  text-align: center;
  position: relative;
  padding: 0 0 6.25rem;
}

.post-intro.in-viewport .title-block.fade-in-left {
  transition: transform 0.7s ease-out, opacity 0.7s ease-out, visibility 0.7s ease-out, transform 0.7s ease-out !important;
}

.post-intro .title-block.fade-in-left {
  transition: none !important;
}

.viewport.in-viewport .fade-effect, .viewport.in-viewport .fade-in-left, .viewport.in-viewport .move-effect {
  opacity: 1;
  visibility: visible;
}

.viewport .fade-in-left {
  transition: transform 0.7s linear, opacity 0.7s linear, visibility 0.7s linear;
  transform: translate3d(-25%, 0, 0);
}

.viewport.in-viewport .fade-in-left {
  transform: translate3d(0, 0, 0);
}

.post-intro .title-block {
  padding: 6.25rem 0.9375rem 6.25rem 3.125rem;
}

.post-intro .container-fluid > * {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  max-width: 99%;
}

.post-intro .container-fluid > * {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  max-width: 99%;
}

.post-intro .blog-info {
  font-size: 0.6875rem;
  text-transform: uppercase;
}

.post-intro .time {
  padding: 0 1.25rem 0 0;
  font-weight: 400;
  letter-spacing: 0.1875rem;
  color: var(--time);
}

.post-intro .author, .post-intro .time {
  display: inline-block;
  vertical-align: middle;
}

.post-intro .author {
  font-family: proxima-nova, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  letter-spacing: 1.83px;
}

.post-intro .author, .post-intro .time {
  display: inline-block;
  vertical-align: middle;
}

.gradient-color {
  transition: opacity 0.3s linear;
  background: linear-gradient(to right, var(--gradient-color-1) 0, var(--gradient-color-2) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--gradient-color);
}

.post-intro .title-block .heading-decor {
  max-width: 80%;
}

.post-intro .container-fluid:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  min-height: 20rem;
}

.post-intro .anchor-link {
  display: block;
  line-height: 0;
  position: absolute;
  color: var(--anchor-link);
  bottom: 0;
  left: 1.0625rem;
  z-index: 3;
}

#scroll-down a {
  padding-top: 80px;
}

#scroll-down a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 3px solid var(--scroll-down-arrows);
  border-bottom: 3px solid var(--scroll-down-arrows);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}

#scroll-down a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

#scroll-down a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

#scroll-down a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.post-content .bg-img {
  width: 82%;
  margin: -6.25rem 0 0 18%;
  z-index: 2;
  position: relative;
}

.bg-img, .video-holder {
  min-height: 15.625rem;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.audio-holder {
  min-height: 68px;
}

.embed-responsive-item {
  width: 100%;
  min-height: 28rem;
}

.post-content, .page-content-section {
  line-height: 1.823529;
  color: var(--content-txt);
  position: relative;
  font-size: 1.2rem;
}

.title-block .heading-decor {
  line-height: 1.357142;
}

.heading-decor {
  position: relative;
}

.title-block {
  padding: 0 0.9375rem 0 3.125rem;
}

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

.post-content h3 {
  color: var(--post-content-h3);
}

.post-content .info-holder {
  position: relative;
  padding: 1.25rem 0 0;
  background: var(--info-holder-bg);
}

.post-content .container {
  max-width: 45rem;
  padding-bottom: 1.875rem;
}

.post-content .text-block h3 + p span {
  float: left;
  font-size: 3.875rem;
  font-weight: 500;
  line-height: 3.125rem;
  margin: 0.3125rem 0.625rem 0 0;
  background: linear-gradient(to right, var(--post-initale-cl-1) 0, var(--post-initale-cl-2) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.social-networks li {
  padding: 0 0.875rem 0.625rem;
}

.social-networks a {
  transition: color 0.3s linear, background 0.3s linear;
  height: 2.5rem;
  width: 2.5rem;
  display: block;
  font-size: 0.9375rem;
  color: var(--social-networks-a);
  margin: 0 auto;
  background: var(--social-networks-bg);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.animation-link:before {
  transition: width 0.5s;
  width: 100%;
}

.animation-link:before, .link-more:before {
  content: "";
  position: absolute;
  left: 0;
  height: 0.75rem;
  background: var(--animation-link-more-before-bg);
  z-index: -1;
  bottom: 0;
}

.animation-link {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
}

.animation-link, .link-more {
  font-family: freight-text-pro, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size: 1.125rem;
  padding: 0 0.625rem;
  color: var(--animation-link-more);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.animation-link:hover:before {
  width: 0;
  left: auto;
  right: 0;
}

.animation-link:before {
  transition: width 0.5s;
  width: 100%;
}

.animation-link:hover, .link-more:hover {
  color: var(--animation-link-more-hvr);
}

.link-more:hover:before {
  right: 0;
}

.link-more:before {
  transition: right 0.3s linear;
  right: 100%;
}

.container-require-info {
  width: 80%;
  margin: 0px auto;
  display: block;
}

.audio-positioner {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

.bg-img .img-player-center {
  width: 100%;
  height: 570px;
  margin: 0px auto;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}

.jquery-trackswitch img {
  max-height: 220px;
}
table.required-info-tbl a {
  text-decoration: underline;
  color: blue;
}
table.required-info-tbl {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  box-shadow: 0px 10px 10px 0px rgba(var(--cl-black), 0.3);
  -moz-box-shadow: 0px 10px 10px 0px rgba(var(--cl-black), 0.3);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(var(--cl-black), 0.3);
}
table.required-info-tbl thead > tr > th, table.required-info-tbl tbody > tr > th, table.required-info-tbl tfoot > tr > th, table.required-info-tbl thead > tr > td, table.required-info-tbl tbody > tr > td, table.required-info-tbl tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
table.required-info-tbl thead > tr > th, table.required-info-tbl tbody > tr > th, table.required-info-tbl tfoot > tr > th, table.required-info-tbl thead > tr > td, table.required-info-tbl tbody > tr > td, table.required-info-tbl tfoot > tr > td {
  vertical-align: middle;
}

table.required-info-tbl tbody tr:first-child td {
  padding-top: 20px;
}
table.required-info-tbl tbody tr td:first-child {
  width: 25%;
}

table.required-info-tbl thead tr {
  background-color: var(--table-thead-bg);
  color: var(--table-thead-cl);
}

table.required-info-tbl thead tr th {
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.825rem;
  font-weight: 400;
}

table.required-info-tbl tbody tr td {
  color: var(--table-tr-td-cl);
  text-align: left;
  border: 1px solid var(--tbl-td-br-cl);
  vertical-align: middle;
  padding: 10px 15px;
  font-size: 1.325rem;
}
table.required-info-tbl tbody tr:not(.extender):nth-child(odd) td {
  background-color: var(--table-s-td-odd-bg);
}

table.required-info-tbl tbody tr:not(.extender):nth-child(even) td {
  background-color: var(--table-s-td-even-bg);
}

.post {
  padding-top: 140px;
  padding-bottom: 45px;
}
.post .title {
  font-size: 2rem;
  font-family: Cambria;
}
.post .post-media-positioner {
  display: block;
  width: 70%;
  height: auto;
  margin: 0px auto;
}

.filter-section .form-label {
  margin-bottom: 0px;
  margin-right: 0.8rem;
  max-width: 215px;
  flex-shrink: 0;
  font-size: 1rem;
}
.filter-section .form-select {
  width: 165px;
}
.filter-section .form-select option {
  line-height: 1.4rem;
}
.filter-section .form-select::-webkit-scrollbar-thumb {
  background: #dddddd;
  width: 7px;
}
.filter-section .form-select:focus {
  border-color: #212121;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(33, 33, 33, 0.25);
}
.filter-section .tail-select {
  width: 260px;
}
.filter-section .tail-select.active .select-label, .filter-section .tail-select.idle .select-label, .filter-section .tail-select:hover .select-label {
  box-shadow: 0 1px 1px 1px rgba(var(--cl-black), 0.1), 0 0 1px 1px var(--tselectbrhvr);
  -webkit-box-shadow: 0 1px 1px 1px rgba(var(--cl-black), 0.1), 0 0 1px 1px var(--tselectbrhvr);
}
.filter-section .tail-select .select-dropdown ul li.dropdown-option.hover, .filter-section .tail-select .select-dropdown ul li.dropdown-option:hover {
  background-color: var(--ts-dropdown-option-hvr-bg);
}
.filter-section .tail-select input[type=text]:focus {
  color: var(--ts-input-fcs-cl);
}
.filter-section .tail-select-container .select-handle {
  color: var(--ts-select-handle-cl);
  background-color: var(--tselectbrhvr);
}
.filter-section .tail-select-container .select-handle:hover {
  color: var(--ts-select-handle-hvr-cl);
  background-color: var(--ts-select-handle-hvr-bg);
}
.filter-section .tail-select .select-label:after {
  border-top: 5px solid var(--tselectbrhvr);
}

.filter-restore {
  display: none;
}

.filter-btn {
  display: flex;
  color: var(--filter-btn-cl);
  position: relative;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 22px;
  border: 1px solid var(--filter-btn-br-cl);
  padding: 5px 15px;
  letter-spacing: 3px;
  transition: all 0.3s ease;
  background-color: var(--filter-btn-bg);
  border-radius: 3px;
  display: block;
  height: 38px;
}
.filter-btn svg {
  font-size: 1rem;
}
.filter-btn:hover {
  background: var(--filter-btn-bg-hvr);
  color: var(--filter-btn-cl-hvr);
  border-color: var(--filter-btn-br-hvr);
}

.rp-filter-btn-box {
  padding: 0px 25px 0px 25px;
  margin: 0px 0px 15px 0px;
}

.accordion-filter-btn {
  background-color: var(--accordion-filter-btn-bg);
  transition: all 0.2s ease-in-out;
  border: 0;
  display: flex;
  flex-direction: column;
  box-shadow: none;
  flex-wrap: wrap;
  color: var(--accordion-filter-btn-cl);
  font-weight: 500;
  font-size: 0.875rem;
  position: relative;
  padding: 0;
  text-transform: uppercase;
  outline: 0;
  padding: 25px 25px 19px;
  margin: 20px 25px;
  cursor: pointer;
}
.accordion-filter-btn:after {
  content: "";
  position: absolute;
  transition: transform 0.25s ease-out;
  display: block;
  border: solid var(--accordion-filter-btn-after-br);
  border-width: 0 1px 1px 0;
  content: " ";
  height: 9px;
  width: 9px;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
  display: inline-block;
  top: 2px;
  right: 19px;
  left: auto;
}
.accordion-filter-btn .active:after {
  transform: rotate(225deg);
  top: 12px;
}

.w-full {
  width: 100%;
}

.filter-accordion-btn-holder {
  display: none;
}

@media (max-width: 991.98px) {
  .post .title {
    margin-top: 20px;
  }
  .filter-accordion-btn-holder {
    display: block;
  }

  .filter-btn {
    display: block;
    font-size: 0.85rem;
    width: 100%;
    display: block !important;
    margin-top: 20px;
    background-color: #d60000;
    color: whitesmoke;
    border-radius: 0.25rem;
    text-align: center;
    transition: all 0.4s ease-out;
  }
  .filter-btn:hover {
    background-color: #d60000;
    color: #fff;
  }
  .filter-btn svg {
    text-align: center;
  }

  .filter-restore {
    display: block;
  }

  .filter-restore-icon {
    display: none;
  }

  .filter-section .form-label {
    min-width: 70px;
  }
}
@media (max-width: 769.98px) {
  .filter-section {
    justify-content: start !important;
  }
  .filter-section .form-label {
    margin-bottom: 0px;
    margin-right: 0.8rem;
    min-width: 70px;
    max-width: 100%;
    font-size: 1rem;
  }

  #scroll-down {
    display: none;
  }
}
@media (max-width: 568px) {
  .filter-item {
    margin-bottom: 15px !important;
    margin-right: 0px !important;
    width: 100%;
  }
  .filter-item label {
    display: block;
    text-align: center;
    justify-content: left;
    padding: 5px 0px;
  }

  .tail-select {
    width: 100%;
  }
}
@media (min-width: 557px) and (max-width: 991.98px) {
  .filter-item {
    margin-bottom: 15px !important;
    margin-right: 0px !important;
    width: 100% !important;
  }

  .filter-section .form-select {
    width: 100%;
  }

  .tail-select {
    width: 100%;
  }
}
.blog-section .col-12 {
  flex: 0 0 auto;
  max-width: 100%;
}

.blog-category-bg .page-title {
  margin: 0px;
  font-size: 20px;
  padding-top: 155px;
  padding-bottom: 90px;
  background: var(--white);
  background-position: 50%;
  text-align: center;
  position: relative;
}
.blog-category-bg .page-title .back-to-shop {
  display: none;
  font-size: 0;
  cursor: pointer;
  color: var(--black);
  margin-right: 10px;
}
.blog-category-bg .page-title .content-title-heading {
  display: inline-flex;
  position: relative;
  align-items: center;
}
.blog-category-bg .page-title h1 {
  text-transform: capitalize;
  margin-top: 0;
  font-size: 60px;
  text-align: center;
}
.blog-category-bg .content-title-bg {
  background-color: rgba(var(--color-white), 0.65);
  padding: 20px 0px;
}
.blog-category-bg .breadcrumb {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin: 0;
  color: var(--black);
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  justify-content: center;
  background: transparent;
}
.blog-category-bg .breadcrumb a {
  color: rgba(var(--cl-black), 0.8);
  position: relative;
}
.blog-category-bg .breadcrumb .delimiter svg {
  color: rgba(var(--cl-black), 0.8);
  margin: 0 8px;
}

.sidebar-blog .sidebar-title {
  margin: 0;
  border: 0;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  color: var(--sidebar-blog-sidebar-title-cl);
  padding: 0 0 10px;
  background: transparent;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 15px;
  position: relative;
  border: 0;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
  border: 0;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}

.sidebar .container {
  padding: 0;
}

.search-sidebar .form-content {
  position: relative;
  overflow: hidden;
}

.search-sidebar .form-content input[type=text] {
  line-height: 45px;
  height: 45px;
  border: 1px solid var(--search-sidebar-input-br);
  padding: 0 70px 0 15px;
  width: 100%;
}

.sidebar > .search-sidebar #searchsubmit {
  font-size: 0;
  height: 45px;
  transform: rotateY(180deg);
  background: transparent;
  padding: 0 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.search-sidebar .form-content #searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 10px;
}

.search-sidebar {
  margin-bottom: 50px;
}
.search-sidebar svg {
  font-size: 18px;
  line-height: 45px;
  color: var(--search-sidebar-svg-cl);
}

.sidebar-categories, .archives {
  margin-bottom: 45px;
}
.sidebar-categories ul, .archives ul {
  margin: 0;
  overflow: hidden;
  margin-top: -5px;
  background: transparent;
  padding: 0;
  border: none;
  padding-left: 0 !important;
}
.sidebar-categories ul li, .archives ul li {
  display: flex;
  font-size: 14px;
  padding: 5px 0 !important;
  position: relative;
  margin-left: -5px;
  list-style: none;
  color: var(--sidebar-categories-archives-ul-li-cl);
  align-items: center;
}
.sidebar-categories ul li svg, .archives ul li svg {
  display: flex;
  font-size: 18px;
  margin-right: 5px;
  margin-top: -2px;
}
.sidebar-categories ul li:first-child, .archives ul li:first-child {
  padding-top: 0 !important;
}
.sidebar-categories ul li.current-cat, .archives ul li.current-cat {
  color: var(--sidebar-categories-archives-ul-li-current-cl);
}

.recent-post-content {
  margin-bottom: 50px;
}
.recent-post-content .item > * {
  display: table-cell;
  vertical-align: top;
}
.recent-post-content .item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--recent-post-content-item-br);
}
.recent-post-content .item img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.recent-post-content .item .post-thumbnail {
  width: 70px;
  position: relative;
}
.recent-post-content .item .post-content {
  position: relative;
  top: 3px;
  padding-left: 20px;
  line-height: 1.75;
}
.recent-post-content .item .post-content span.entry-date time {
  color: var(--entry-date-time-cl);
  font-size: 12px;
}
.recent-post-content .item .post-content h2.entry-title {
  margin-top: 0;
  line-height: 1;
  text-transform: capitalize;
  font-size: 16px;
}
.recent-post-content .item .post-content h2.entry-title a {
  color: var(--entry-title-a-cl);
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  margin-bottom: 3px;
}

.sidebar > .sidebar-element.cloud-tag .tagcloud a {
  color: var(--tag-cloud-a-cl);
  border: 1px solid var(--tag-cloud-a-br);
  overflow: hidden;
  background: transparent;
  padding: 10px 20px;
  text-transform: capitalize;
  position: relative;
}
.sidebar > .sidebar-element.cloud-tag .tagcloud a:hover {
  border-color: var(--tag-cloud-a-hvr-br);
  color: var(--tag-cloud-a-hvr-cl);
}
.sidebar > .sidebar-element.cloud-tag .tagcloud a:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 0;
  width: 100%;
  background: var(--tag-cloud-a-before-bg);
  z-index: -1;
  transition: all 0.3s ease;
}
.sidebar > .sidebar-element.cloud-tag .tagcloud a:hover:before {
  height: 100%;
  background: var(--tag-cloud-a-hvr-before-bg);
}

.tagcloud a {
  z-index: 1;
  font-size: 13px !important;
  color: var(--tg-a-cl);
  margin: 0 6px 10px 0;
  padding: 5px 25px;
  background: var(--tg-a-bg);
  text-transform: capitalize;
  border: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-weight: 400;
  z-index: 0;
  line-height: 18px;
}

.cate-post-content .post {
  margin-bottom: 55px;
}

.cate-post-content.col-lg-12.col-md-12 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.post img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

.post .post-content {
  font-family: Cambria;
  margin-top: 30px;
  width: 100%;
  padding: 50px;
}
.post .post-content .entry-meta-head {
  display: flex;
  margin-bottom: 19px;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  color: var(--entry-meta-head-cl);
  font-weight: 400;
}
.post .post-content .entry-meta-head svg {
  margin-right: 7px;
}
.post .post-content .entry-meta-head .entry-author {
  display: flex;
  align-items: center;
}
.post .post-content .entry-meta-head .entry-author a {
  transition: all 0.3s ease;
}
.post .post-content .entry-meta-head .entry-author a:hover {
  color: var(--entry-author-hvr-cl);
}
.post .post-content .entry-meta-head .entry-author:after {
  content: "";
  width: 1px;
  height: 18px;
  margin: 0 15px;
  display: inline-block;
  background: var(--entry-author-after-bg);
}
.post .post-content .post-excerpt {
  margin-bottom: 25px;
  word-break: break-word;
  font-size: 14px;
}
.post .post-content .read-more {
  display: inline-block;
  color: var(--read-more-cl);
  position: relative;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 40px;
  border: 1px solid var(--read-more-br);
  padding: 0 30px;
  letter-spacing: 3px;
  transition: all 0.3s ease;
}
.post .post-content .read-more:hover {
  background: var(--read-more-hvr-bg);
  color: var(--read-more-hvr-cl);
  border-color: var(--read-more-hvr-br);
}

.entry-title {
  font-size: 35px;
  line-height: 1.3;
  width: 100%;
  margin: -5px 0 5px;
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .post-intro .title-block {
    width: 82%;
    margin: 0 0 0 18%;
  }
}
@media (max-width: 576px) {
  .post .post-content {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .bg-line {
    height: 62.5rem;
  }

  .post-intro .title-block {
    padding: 6.25rem 0.9375rem 6.25rem 6.25rem;
  }

  .post-intro .title-block {
    padding: 6.25rem 0.9375rem 6.25rem 6.25rem;
    margin-top: 65px;
  }

  .title-block {
    padding: 0 0.9375rem 0 7.375rem;
  }

  .post-intro .container-fluid:after {
    min-height: calc(100vh - 12.5rem);
  }

  .post-intro .anchor-link {
    bottom: -2.5rem;
    font-size: 6.25rem;
  }

  .post-intro .anchor-link {
    bottom: 37.5rem;
    font-size: 6.25rem;
    left: 8%;
  }

  .post-content .bg-img {
    margin: -12.5rem 0 0 18%;
  }

  .post-content .bg-img {
    margin: -26.5rem 0 0 18%;
  }

  .bg-img {
    min-height: 25rem;
  }

  .post-content .info-holder {
    padding-top: 1.875rem;
  }

  .post-content .container {
    padding: 0 2.5rem 1.875rem;
  }

  .post-content .share-block {
    transition: opacity 0.3s linear, visibility 0.3s linear, top 0.3s linear, transform 0.3s linear;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: absolute;
    top: 2rem;
    left: 0.3125rem;
    z-index: 4;
    transform: translateY(0);
  }

  .share-block .title {
    display: block;
    font-family: proxima-nova, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    text-align: center;
    color: var(--share-block-title);
    margin: 0 0 0.3125rem;
  }

  .share-block .social-networks {
    margin: 0;
    padding: 0;
  }

  .social-networks {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 -0.625rem;
  }

  .share-block .social-networks li {
    display: block;
    padding: 0 0 0.625rem;
    margin: 0;
  }

  .social-networks li {
    padding: 0 0.625rem 1.25rem;
    padding: 0 0.625rem 0;
  }

  .share-block .social-networks a {
    width: 2.5rem;
    height: 2.5rem;
  }

  .share-block .social-networks .hide {
    transition: max-width 0.3s linear;
    max-width: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    padding: 0;
    left: 100%;
    margin-left: -1.25rem;
    height: 2.5rem;
    background: var(-hide-bg);
    border-radius: 0 1.25rem 1.25rem 0;
    z-index: 1;
  }

  .share-block .social-networks a .svg-inline--fa {
    vertical-align: bottom !important;
  }

  .share-block .social-networks a svg:before {
    width: 0.9375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    vertical-align: bottom;
  }

  .post-content h3 {
    max-width: 41.25rem;
  }
}
@media (min-width: 992px) {
  .post-intro .container-fluid {
    padding: 0 0 12.5rem;
    text-align: center;
  }

  .post-intro .title-block {
    max-width: 53.4375rem;
    width: 100%;
    margin-left: 18%;
  }

  .post-intro .title-block {
    max-width: calc(100% - 3.25rem);
    width: calc(100% - 3.25rem);
    margin-left: 18%;
  }

  .post-intro .title-block .heading-decor {
    font-size: 2rem;
  }

  .post-intro .blog-info {
    margin: 0 0 0.9375rem;
  }

  .h1, h1 {
    font-size: 2.8125rem;
  }

  .h1, h1 {
    font-size: 2.3125rem;
  }

  .post-intro .anchor-link {
    left: 8.5%;
  }

  .post-content .bg-img {
    min-height: 25rem;
    margin: -12.5rem 0 0 18%;
  }

  .post-content .bg-img {
    min-height: 25rem;
    margin: -34.5rem 0 0 18%;
  }

  .embed-responsive-item {
    width: 100%;
    min-height: 25rem;
  }

  .bg-img {
    min-height: 39.9375rem;
  }

  .post-content {
    font-size: 1.0625rem;
  }

  .post-content .info-holder {
    padding-top: 3.125rem;
  }

  .post-content .container {
    padding-bottom: 3.125rem;
  }

  .post-content .share-block {
    top: 3.625rem;
    left: 6.8% !important;
  }

  .share-block .title {
    margin-bottom: 0.9375rem;
  }

  .share-block .social-networks li {
    padding: 0 0 1.25rem;
  }

  .post-content .animation-link {
    font-size: 1.75rem;
  }

  .post-content h3 {
    margin-bottom: 1.75rem;
  }

  .accordion-filter-btn {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1160px) {
  .row.blog-holder {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1200px) {
  .bg-line {
    height: 83.125rem;
  }

  .bg-line:after {
    height: 10.875rem;
  }

  .post-intro .bg-line:after {
    height: 11.125rem;
  }

  .post-intro .bg-line:after {
    height: 4.125rem;
  }

  .post-intro .title-block {
    margin-left: 0;
    padding: 8.5rem 0 10.625rem 7.375rem;
  }

  .post-intro .title-block {
    margin-left: 3.25rem;
    margin-right: 20rem;
    margin-top: 60px;
    padding: 3.5rem 0 3.625rem 7.375rem;
  }

  .post-intro .anchor-link {
    left: 9%;
    bottom: 24rem;
  }

  .post-intro .anchor-link {
    bottom: 37.5rem;
  }

  .post-content .bg-img {
    min-height: 35.6875rem;
    margin: -23.5rem 0 0 18%;
  }

  .post-content .bg-img {
    min-height: 35.6875rem;
    margin: -42rem 0 0 18%;
  }

  .embed-responsive-item {
    width: 100%;
    /* min-height: 35.6875rem; */
    min-height: 40.6875rem;
  }

  .post-content .info-holder {
    padding-top: 5rem;
  }

  .post-content .container {
    padding-bottom: 6.25rem;
  }

  .post-content .share-block {
    top: 5.5rem;
    left: 7.7% !important;
  }

  .social-networks {
    margin: 0 -0.9375rem;
  }

  .cate-post-content.left:not(.col-xl-12):not(.col-lg-12) {
    padding-left: 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1380px) {
  .post-content .bg-img {
    min-height: 35.6875rem;
    margin: -38rem 0 0 18%;
  }
}
@media (min-width: 1400px) {
  .post-content .container {
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 1499.98px) {
  .post-heading-holder {
    flex-direction: column;
  }

  .post-intro .title-block .heading-decor {
    max-width: 100%;
    margin-bottom: 20px;
    margin-right: 0px !important;
  }
}
@media (max-width: 991.98px) {
  .flex-column {
    flex-direction: column !important;
  }

  .cat-post {
    margin-bottom: 1.25rem;
  }

  body:not(.home) .blog-section, body:not(.home) .category-section, body:not(.home) .page-section {
    padding: 6.25rem 0 0 !important;
  }
}
@media (max-width: 767.98px) {
  .post {
    padding-top: 160px;
  }

  .post .post-media-positioner {
    width: 90%;
  }

  .audio-holder {
    min-height: 140px;
  }

  ul.social-networks {
    margin: 10px 0px 0px 0px !important;
    display: flex;
    justify-content: center;
    padding-left: 0px;
  }
  ul.social-networks li {
    list-style-type: none;
  }
  ul.social-networks a {
    line-height: 2.5rem;
  }
  ul.social-networks .hide {
    display: none;
  }
  ul.social-networks .svg-inline--fa {
    vertical-align: sub;
  }

  .viewport .fade-in-left {
    transition: transform 0.7s linear, opacity 0.7s linear, visibility 0.7s linear;
    transform: translate3d(0, 0, 0);
  }

  .viewport.in-viewport .fade-in-left {
    transform: translate3d(0, 0, 0) !important;
  }

  .post-intro .anchor-link {
    position: absolute;
    left: calc(50% - 0px);
    top: 320px;
  }

  .post-intro .anchor-link {
    position: absolute;
    left: 8%;
    top: 320px;
  }

  .post-intro .bg-line {
    height: 40rem;
  }

  .category-label {
    display: inline-block;
    margin-bottom: 0px !important;
  }

  .parent_relationship {
    display: block;
    margin-bottom: 8px;
    font-size: 0.8rem;
  }

  .dropdown-content-lang {
    width: 45px;
  }

  .post-content .bg-img {
    width: 100%;
    margin: 0px;
    z-index: 2;
    position: relative;
  }

  .post-content .bg-img {
    margin-top: -2rem;
  }

  .cat-post:first-of-type {
    margin-top: 0px;
  }

  .cat-post:last-of-type {
    margin-bottom: 1.375rem;
  }

  .bg-line:after {
    display: none;
  }

  .post-intro .title-block {
    margin-top: 6.85rem;
  }

  .post-intro .title-block {
    margin-top: 3.6rem;
  }

  .post-intro .container-fluid {
    padding: 0px;
  }

  .post-content p, .page-content-section p {
    font-size: 1rem;
  }

  .card .title {
    font-size: 1.4rem;
  }

  .filter-section .form-select {
    width: 100%;
  }
}
@media (min-width: 767.98px) and (max-width: 1135.98px) {
  .blog-holder .col-md-4 {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .card .title {
    font-size: 1.2rem;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1510px) and (orientation: landscape) {
  .blog-holder .col-md-4 {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-device-width: 991.98px) and (max-device-width: 1054px) and (orientation: portrait) {
  .blog-holder .col-md-4 {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.hello {
  opacity: 1 !important;
}

.full {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.full .content {
  background-color: rgba(var(--cl-black), 0.75) !important;
  height: 100%;
  width: 100%;
  display: grid;
}

.full .content img {
  left: 50%;
  transform: translate3d(0, 0, 0);
  -webkit-animation: zoomin 1s ease;
          animation: zoomin 1s ease;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.byebye {
  opacity: 0;
}

.byebye:hover {
  transform: scale(0.2) !important;
}

.gallery {
  margin-top: 45px;
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 8px;
}

.gallery img {
  max-width: 100%;
  box-shadow: rgba(var(--cl-black), 0.25) 0px 14px 28px, rgba(var(--cl-black), 0.22) 0px 10px 10px;
  transition: all 1.5s ease;
}

.gallery img:hover {
  box-shadow: rgba(var(--cl-black), 0.45) 0px 14px 28px, rgba(27, 18, 18, 0.42) 0px 10px 10px;
}

.gallery .content {
  padding: 4px;
}

.gallery .gallery-item {
  transition: grid-row-start 300ms linear;
  transition: grid-row-start 300ms linear, -ms-grid-row 300ms linear;
  transition: transform 300ms ease;
  transition: all 0.5s ease;
  cursor: pointer;
}

.gallery .gallery-item:hover {
  transform: scale(1.025);
}

@media (max-width: 600px) {
  .gallery {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}
@media (max-width: 400px) {
  .gallery {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
}
@-webkit-keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
@keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
.marker {
  background-image: url("../img/icons/marker.svg");
  background-size: cover;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}

.mapboxgl-popup {
  max-width: 200px;
}

.mapboxgl-popup-content {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  background-color: #2e2417;
  color: white;
}
.mapboxgl-popup-content h3 {
  color: #ffc882;
  font-size: 1.2rem;
}
.mapboxgl-popup-content a {
  outline: none;
  color: #0dcaf0;
  text-decoration: underline;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: #2e2417;
}

.mapboxgl-popup-close-button {
  top: 5px;
  right: 5px;
  color: red;
  font-size: 2rem;
}

#repyx_shadow.repyx-active {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.main-page-section .video-holder {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding-top: 70px;
}
.main-page-section .alert-success {
  color: var(--alert-cl);
  background-color: var(--alert-bg);
  border-color: var(--alert-br-cl);
  border-top: 10px solid var(--alert-br-t-cl);
}
.main-page-section .alert {
  margin-bottom: 0px;
  padding: 2rem 1rem;
  font-size: 2rem;
  border-radius: 0px;
  text-align: center;
}
.main-page-section .alert svg {
  margin-right: 15px;
  color: #d60000;
}

.main-page-content-section {
  background-color: #fff;
  background-image: url(../img/main-section_background-n.webp);
  background-position: top left;
  background-size: cover;
  background-repeat: repeat-y;
  box-shadow: inset 0px 0px 20px 40px #ffffff;
  background-attachment: fixed;
  margin-top: -5px;
  filter: saturate(50%);
}
.main-page-content-section h2 {
  color: #000;
  margin-bottom: 15px;
  font-size: 2rem;
}
.main-page-content-section p {
  color: #212121;
  font-size: 1.325rem;
  margin-bottom: 1.4rem;
}
.main-page-content-section .intro-box-main {
  background-color: whitesmoke;
  box-shadow: rgba(0, 0, 0, 0.26) 0px 3px 6px 6px, rgba(0, 0, 0, 0.43) 0px 3px 6px;
  padding: 20px 60px;
}
.main-page-content-section .main-intro-box {
  padding: 60px 0px;
  width: 85%;
  margin: 0px auto;
  display: block;
}
.main-page-content-section .intro-image {
  position: relative;
  background-position: center center;
  background-size: cover;
}
.main-page-content-section .image-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  background-color: transparent;
  background-image: linear-gradient(270deg, #00000000 50%, #413321 100%);
  opacity: 1;
}

.category-section, .blog-section {
  min-height: calc(100vh - 179px);
}

.about-section {
  padding: 3rem 0;
  padding: 7.65rem 0 0.9375rem;
}

.about-section h1 {
  line-height: 1.2;
  margin: 0 0 1rem;
}

.about-section p {
  margin: 0 0 1.5625rem;
}

.logo-holder svg {
  font-size: 2.6rem;
  color: var(--red);
}

.bg-img {
  position: relative;
  z-index: 1;
}

.bg-img, .video-holder, .user-bg {
  min-height: 15.625rem;
  height: auto;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
}

.user-bg {
  min-height: 13.625rem;
  height: 16rem;
  background: var(--bg-line-bg);
  background-image: url(../img/bg-01-small.png);
  background-repeat: repeat;
}

.bg-white {
  background-color: var(--general-content-bg) !important;
}

.page-section {
  padding: 5.65rem 0 0.9375rem;
}

.page-content-interior {
  position: relative;
  padding: 7.1875rem 0 4.875rem;
  margin-top: -5.375rem;
  margin: -2.8125rem auto 0;
  background-color: var(--white);
  z-index: 2;
}
.page-content-interior .embed-responsive-item {
  width: 100%;
  min-height: 24.6875rem;
}
.page-content-interior h2 {
  position: relative;
  text-align: center;
  margin-bottom: 1.875rem;
  z-index: 1;
  font-family: "Noto Serif", serif;
}
.page-content-interior img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 2.0625rem 0px;
}
.page-content-interior a {
  color: var(--a-link);
  font-weight: 700;
}
.page-content-interior a:hover {
  color: var(--a-link-hvr);
}

.page-content-section {
  background-color: var(--white);
}
.page-content-section .container {
  max-width: 44.6875rem;
}

.contact-section {
  padding: 6.25rem 0 0;
  color: var(--white);
  background-color: var(--contact-bg);
  background-image: url(../img/bg-01-small.png);
  background-repeat: repeat;
}

.title-block .subtitle {
  margin: 0 0 1.125rem;
  font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
}

.subtitle {
  display: block;
  font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
}

.contact-section .title-block .heading-decor {
  max-width: 33.75rem;
}

.title-block .heading-decor {
  line-height: 1.357142;
}

.heading-decor {
  position: relative;
}

.heading-decor:before {
  content: "";
  position: absolute;
  height: 2px;
  top: 1.25rem;
  width: 2.5rem;
  left: calc(-2.5rem - 1.25rem);
  background: var(--heading-decor);
  z-index: 2;
}

.viewport.in-viewport .move-effect {
  transform: translate(0);
}

.viewport.in-viewport .move-effect {
  opacity: 1;
  visibility: visible;
}

.contact-section .form-block h3 {
  max-width: 37.5rem;
}

.map-block {
  padding: 0.9375rem 0;
  position: relative;
  background-size: cover;
  background-position: 70% 100%;
  background-repeat: no-repeat;
  height: 650px;
}

.map-shade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--cl-black), 0.4);
  z-index: 2;
}

.map-block .info-block {
  position: relative;
  max-width: 33.75rem;
  color: var(--info-block-txt);
  background: var(--info-block-bg);
  padding: 0.9375rem;
  width: calc(100% - 40%);
  margin-top: 3.25rem;
  box-shadow: rgba(var(--cl-black), 0.19) 0px 10px 20px, rgba(var(--cl-black), 0.23) 0px 6px 6px;
  z-index: 3;
}
.map-block .info-block h2 {
  color: var(--info-block-h2);
}
.map-block .info-block a {
  color: var(--info-block-a);
  text-decoration: underline;
}
.map-block .info-block .text-block {
  position: relative;
  padding: 0 0 0 1.25rem;
}
.map-block .info-block .text-block .icon-location {
  font-size: 0.9375rem;
  position: absolute;
  top: 0rem;
  left: 0;
  color: var(--icon-location);
}

.map-block .container > * {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  max-width: 99%;
}

.map-block .container {
  white-space: nowrap;
  text-align: center;
  text-align: left;
  max-width: 60.25rem;
}

.social-networks a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contact-section .form-block {
  background-color: var(--contact-form-block-bg);
  position: relative;
}

.contact-section .social-block {
  background: var(--social-block-bg);
  padding: 0.9375rem;
}

.contact-section .social-block .title {
  color: var(--social-block-title);
}

ul.social-networks {
  display: flex;
  justify-content: center;
  padding-left: 0px;
}

.contact-info {
  padding: 0.9375rem;
  background: var(--contact-info-bg);
}
.contact-info ul {
  list-style-type: none;
  padding-left: 15px;
  margin-bottom: 0px;
}

.contact-info .contact-list li {
  margin-bottom: 0.625rem;
}

.contact-info .contact-list .title {
  display: block;
  color: var(--contact-list-title);
  font-weight: 400;
}

.contact-info .contact-list a {
  color: var(--contact-list-a);
  word-break: break-all;
}

.contact-form-content .form-control {
  background-color: transparent;
  border: 1px solid var(--contact-input-br);
  background-color: transparent;
  border-left: transparent;
  border-right: transparent;
  border-top: transparent;
  border-radius: 0;
}
.contact-form-content .form-control:focus {
  color: var(--contact-input-focus);
  background-color: transparent;
  border-color: var(--contact-input-focus-br);
  border-left: transparent;
  border-right: transparent;
  border-top: transparent;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}
.contact-form-content textarea.form-control {
  height: 120px;
  resize: none;
}

.contact-section .title-block {
  margin-bottom: 3.125rem;
}

.contact-section .container-fluid {
  padding: 0;
}

.category-section, .blog-section {
  padding: 7.65rem 0 0.9375rem;
}

@media (min-width: 576px) {
  .contact-section .form-block {
    padding: 1.875rem 1.25rem;
  }
}
@media (min-width: 768px) {
  .contact-section {
    padding-top: 9.375rem;
  }

  .title-block .heading-decor:before {
    width: 5.9375rem;
  }

  .contact-info {
    width: 40%;
    margin: 0 0 0 1.25rem;
  }

  .contact-section .social-block {
    padding: 0.9375rem;
    background: var(--social-block-bg);
  }

  .contact-section .social-block .title {
    display: inline-block;
    vertical-align: top;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--social-block-title);
    margin: 0 0 0.9375rem;
  }
}
@media (min-width: 992px) {
  .page-content-interior {
    margin-top: -5.375rem;
    max-width: 62rem;
    padding: 3.125rem 0;
  }
  .page-content-interior h2 {
    margin-bottom: 3.125rem;
  }
  .page-content-interior p {
    margin-bottom: 2.0625rem;
  }

  .user-content-interior {
    max-width: 72rem;
  }
  .no-img-post-show{
    min-height: 20.9375rem;
  }
  .bg-img {
    min-height: 39.9375rem;
  }

  .user-bg {
    min-height: 13.625rem;
  }

  .viewport.in-viewport .fade-in-left .heading-decor:before {
    width: 5.625rem;
  }

  .title-block .heading-decor:before {
    top: 1.2rem;
  }

  .page-content-interior {
    padding: 7.1875rem 0 4.875rem;
  }

  .heading-decor:before {
    width: 5.625rem;
    top: 1.5rem;
    left: calc(-5.625rem - 1.25rem);
  }

  .contact-section .form-block {
    padding: 3.125rem;
    z-index: 2;
  }

  .contact-section .social-block {
    width: 100%;
    padding: 2.5rem 3.125rem;
    padding: 20px 3.125rem;
  }

  .contact-section .form-block h3 {
    margin-bottom: 2.875rem;
  }

  .map-block {
    background-position: 80% 0;
  }

  .contact-section .title-block {
    max-width: 53.6875rem;
    margin: 0 0 3.125rem 15.875rem;
  }

  .map-block .info-block {
    padding: 3.125rem;
  }

  .map-block .info-block h2 {
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-block {
    padding: 5.3125rem 2rem 5rem 7.5rem;
  }

  .contact-section .form-holder {
    max-width: 43rem;
    width: 100%;
  }

  .contact-info {
    padding: 0.9375rem 1.5625rem;
  }

  .contact-section .social-block {
    padding: 2rem 3.125rem 1.8rem;
  }

  .map-block {
    background-position: 90% 0;
  }

  .map-block .info-block {
    padding: 3.125rem 7.625rem;
    margin-top: 12.375rem;
  }

  .contact-section .title-block {
    margin: 0 auto 5.25rem;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991.98px) and (orientation: landscape) {
  .social-networks {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .contact-section {
    padding-top: 12.375rem;
  }

  body:not(.home) .blog-section, body:not(.home) .category-section {
    padding: 6.25rem 0 0 !important;
  }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .main-page-content-section .col.intro-box {
    width: 100% !important;
    flex-basis: unset;
  }
}
@media (min-width: 992px) and (max-width: 1350px) {
  .form-block {
    flex-direction: column;
  }

  .contact-info {
    width: 100%;
    margin: 30px 0px 0px 0px;
  }
}
@media (min-width: 1350px) {
  .rp-lg-flex.d-lg-flex {
    display: flex !important;
  }
}
@media (max-width: 991.98px) {
  .title-block .heading-decor:before {
    width: 2.9375rem;
  }

  #header-section {
    width: 100%;
    margin-left: 0px;
  }

  .page-section {
    padding: 8.65rem 0 0.9375rem;
  }

  .filter-label {
    display: block;
  }

  #filter-btn:not(:checked) ~ #filter_section_content {
    display: none !important;
    transition: opacity 1s ease-out;
    opacity: 0;
  }

  #filter-btn:checked + #filter_section_content {
    display: flex !important;
    opacity: 1;
  }

  .main-page-content-section .main-intro-box {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body {
    font-size: 14px;
  }

  .main-page-section .video-holder {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-top: 0px;
  }

  .main-page-content-section {
    background-attachment: scroll;
  }
  .main-page-content-section h2 {
    font-size: 1.825rem;
  }
  .main-page-content-section .intro-box-main {
    padding: 15px 20px;
  }
  .main-page-content-section p {
    font-size: 1.125rem;
  }

  .input-group-search svg {
    font-size: 1.3rem;
  }

  .page-content-interior {
    padding: 3rem 0 2.875rem;
  }

  .form-holder {
    padding: 0.9375rem;
  }

  .contact-form-content .btn.btn-decor {
    display: block;
    margin: 5px auto;
    width: 100%;
  }

  .contact-section .form-block h3 {
    text-align: center;
  }

  .map-block {
    height: 350px;
    background-position: 55% 100%;
  }

  .contact-section {
    padding: 10.25rem 0 0;
  }

  .title-block .heading-decor:before {
    width: 2.9375rem;
  }

  .main-page-section {
    margin-top: 0px;
    padding: 70px 0 0 !important;
  }

  .main-page-content-section .intro-box {
    padding: 20px 15px;
  }

  .intro-image {
    display: none;
  }

  .mapboxgl-map {
    height: 400px !important;
  }

  .author > div {
    margin-bottom: 10px;
  }

  .data-holder {
    width: 100%;
  }

  .data-holder .container-require-info .required-information .required-info-tbl tbody tr:first-child {
    width: 25%;
  }

  .container-require-info {
    width: 100%;
  }

  table.required-info-tbl {
    width: calc(100% - 40px);
    margin-left: 20px;
  }

  table.required-info-tbl thead tr th {
    font-size: 1.425rem;
  }

  table.required-info-tbl tbody tr td {
    font-size: 1rem !important;
  }

  .heading-decor:before {
    display: none;
  }
}
@media only screen and (max-device-width: 767.98px) and (orientation: landscape) {
  .main-page-section .video-holder {
    padding-top: 0px;
  }
}
@media (min-device-width: 767.98px) and (max-device-width: 991.98px) and (orientation: landscape) {
  .main-page-section .video-holder {
    padding-top: 70px !important;
  }
}
@media only screen and (min-device-width: 767.98px) and (max-device-width: 800px) and (orientation: landscape) {
  .main-page-section .video-holder {
    padding-top: 0px;
  }
}
.w-5 {
  width: 1.25rem;
}

.h-5 {
  height: 1.5rem;
}

.text-gray-500 {
  --tw-text-opacity:1;
  color: rgba(160, 174, 192, var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity:1;
  color: rgba(74, 85, 104, var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
  --tw-text-opacity:1;
  color: rgba(160, 174, 192, var(--tw-text-opacity));
}

.active\:bg-gray-100 {
  --tw-bg-opacity:1;
  background-color: rgba(247, 250, 252, var(--tw-bg-opacity));
}

.active\:text-gray-700 {
  --tw-text-opacity:1;
  color: rgba(74, 85, 104, var(--tw-text-opacity));
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.bg-brown {
  background-color: var(--pagination-current-bg);
  color: var(--pagination-current-cl);
}

.pagination-holder a {
  transition: all 0.4s ease-in-out;
}
.pagination-holder a:hover {
  background-color: var(--pagination-holder-a-hvr-bg) !important;
}

.pagination-nav {
  padding-right: 12.5px;
  padding-left: 12.5px;
  padding-top: 2rem;
}

.pagination-text {
  display: none;
}

.pagination-btn button {
  transition: all 0.4s ease-in-out;
}
.pagination-btn button:hover {
  color: var(--pagination-holder-a-hvr-cl) !important;
  background-color: var(--pagination-holder-a-hvr-bg) !important;
}

.current-page {
  background-color: var(--pagination-holder-current-a-hvr-bg) !important;
}

.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}

@media (max-width: 767.98px) {
  .pagination-btn {
    text-align: center;
    clear: both;
  }
}
.secondary-menu {
  min-width: 350px;
  max-width: 350px;
  height: 100vh;
  position: fixed;
  transition: all 0.3s;
  height: 100vh;
  overflow-y: auto;
  padding: 0;
  top: 0;
  right: -355px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  display: none;
}
.secondary-menu ul {
  margin-bottom: 0px;
}
.secondary-menu .secondary-activity {
  font-size: 0.75rem;
  padding-top: 5px;
  text-align: center;
}
.secondary-menu .secondary-menu-header {
  padding: 20px 15px 15px 15px;
  font-size: 1.4em;
}
.secondary-menu .secondary-menu-header strong {
  display: none;
}
.secondary-menu h3 {
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 0px;
}
.secondary-menu .dropdown-toggle {
  position: relative;
}
.secondary-menu .dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.secondary-menu ul li {
  position: relative;
}
.secondary-menu ul li a {
  text-align: left;
  font-size: 1rem;
  padding: 10px 15px;
  display: block;
}
.secondary-menu ul li a i {
  margin-right: 10px;
}
.secondary-menu ul li a .svg-inline--fa {
  display: inline;
  min-width: 20px;
}
.secondary-menu ul li a span {
  padding-left: 10px;
}
.secondary-menu ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
}
.secondary-menu ul ul ul a {
  padding-left: 40px !important;
}
.secondary-menu ul.CTAs {
  padding: 20px;
}
.secondary-menu ul.CTAs a {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}
.secondary-menu .dismiss {
  width: 35px;
  height: 35px;
  position: absolute;
  /* top right corner of the sidebar */
  top: 10px;
  left: 10px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  transition: all 2s ease-out;
}
.secondary-menu .notification-icon {
  text-align: center;
}
.secondary-menu ul.components {
  padding: 20px 0;
}

.secondary-menu.user {
  background: var(--secondary-menu-bg);
  color: var(--secondary-menu-cl);
}
.secondary-menu.user .user-logo {
  text-align: center;
  font-size: 3rem;
  color: var(--user-logo-cl);
}
.secondary-menu.user .secondary-activity {
  color: rgba(var(--color-white), 0.5);
}
.secondary-menu.user .secondary-menu-header {
  background-color: var(--secondary-menu-header-bg);
  background: linear-gradient(60deg, var(--modal-header-base-color), var(--modal-header-accent-color));
  color: var(--secondary-menu-header-cl);
}
.secondary-menu.user h3 {
  color: var(--secondary-menu-header-h3);
}
.secondary-menu.user ul li a {
  color: var(--secondary-menu-a-cl);
}
.secondary-menu.user ul li a:hover {
  color: var(--secondary-menu-a-hvr-cl);
  background: rgba(var(--color-white), 0.05);
}
.secondary-menu.user ul ul a {
  background: var(--secondary-menu-sub-bg);
}
.secondary-menu.user ul ul a:hover {
  color: var(--secondary-menu-sub-hvr-cl);
  background: var(--secondary-menu-sub-hvr-bg);
}
.secondary-menu.user ul ul ul a {
  background: var(--secondary-menu-sub-sub-bg);
}
.secondary-menu.user .dismiss {
  background-color: rgba(var(--cl-dismiss), 0.8);
}
.secondary-menu.user .dismiss:hover {
  background-color: rgba(var(--cl-dismiss), 1);
}

.secondary-menu.active {
  right: 0px;
}

.border-t {
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
}

.border-theme-1 {
  border-color: var(--secondary-menu-br-th-1);
}

.created {
  font-size: 0.95rem;
}

@media (min-width: 640px) {
  .border-solid {
    border-style: solid;
  }
}
.footer-container {
  background-color: var(--footer-container-bg);
  text-align: center;
}

.footer-links {
  position: relative;
}

.footer-links .list-link-footer {
  padding: 22px 0;
  font-size: 0;
  margin: 15px 0px;
}

.footer-links .list-link-footer li {
  display: inline-block;
  vertical-align: bottom;
  display: inline;
  zoom: 1;
}

.footer-links .list-link-footer li a {
  height: 33px;
  line-height: 4;
  letter-spacing: 2px;
  color: var(--list-link-footer-li-a-cl);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: bottom;
  transition: all 0.4s ease-out;
}
.footer-links .list-link-footer li a:hover {
  color: whitesmoke;
}

.footer-links .list-link-footer li + li {
  padding-left: 25px;
}

.footer-links .logo-link {
  min-width: 99px;
}
.footer-links .logo-link img {
  width: 80px;
  height: auto;
  margin-top: -20px;
}

.footer-follow {
  font-size: 0;
  padding: 18px 0;
  border-bottom: 1px solid rgba(132, 132, 136, 0.1);
}

.footer-follow li {
  display: inline-block;
  vertical-align: middle;
}

.footer-follow li a {
  line-height: 14px;
  height: 14px;
  font-size: 11px;
  color: var(--footer-follow-li-a-cl);
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.4s ease-out;
}
.footer-follow li a:hover {
  color: var(--footer-follow-li-a-hvr-cl);
}

.footer-follow svg {
  font-size: 9px;
  margin-right: 2px;
}

[class^=fa-], [class*=" fa-"] {
  text-transform: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-follow li + li {
  margin-left: 39px;
}

.footer-copyright {
  padding: 18px 0;
  font-size: 1.4rem;
}
.footer-copyright li {
  list-style-type: none;
}
.footer-copyright .w-60 {
  width: 60%;
}
.footer-copyright .list-link-footer li a {
  letter-spacing: 2px;
  color: var(--list-link-footer-li-a-cl);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  transition: all 0.4s ease-out;
}
.footer-copyright .list-link-footer li a:hover {
  color: whitesmoke;
}
.footer-copyright .list-link-footer li svg {
  margin-right: 5px;
}

.footer-copyright .copy-list li, .footer-copyright .copy-list li a, .footer-copyright .copy-text {
  color: var(--copy-list-li-cl);
  font-size: 13px;
}

.footer-copyright .copy-list li a {
  color: var(--copy-list-li-a-cl);
  transition: all 0.8s ease-out;
}
.footer-copyright .copy-list li a:hover {
  text-decoration: none;
  color: var(--copy-list-li-a-hvr-cl);
}

.subscribe {
  padding: 4.375rem 0 3.5rem;
  color: var(--subscribe-cl);
  background: var(--subscribe-bg);
  position: relative;
  display: none;
}
.subscribe .container {
  max-width: 75rem;
}

.subscribe-block .btn, .subscribe-block .h4 {
  position: relative;
  z-index: 2;
}

.subscribe-form .h4 {
  display: block;
  font-size: 1.5rem;
  margin: 0 0 1.375rem;
}

.footer-links .list-link-footer li.instagram a, .footer-links .list-link-footer li.twitter a {
  cursor: default;
  color: #434343;
  pointer-events: none;
}

@media (min-width: 992px) {
  .subscribe-form .h4 {
    font-size: 2.6875rem;
  }
}
@media (min-width: 768px) {
  .subscribe-form .h4 {
    margin: 0;
    padding: 0 0.9375rem 0 0;
  }

  .subscribe-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 767.98px) {
  .footer-links .list-link-footer li.instagram a, .footer-links .list-link-footer li.twitter a {
    display: none;
  }

  .footer-links .list-link-footer li a {
    line-height: 40px;
    height: 40px;
  }

  .footer-links .list-link-footer li + li {
    padding-left: 15px;
  }

  .footer-links .list-link-footer li {
    display: block;
    width: 100%;
  }
  .footer-links .list-link-footer li a {
    display: block;
    width: 100%;
  }

  .footer-links .list-link-footer li.hidden-xs {
    display: block;
    height: 70px;
    line-height: 70px;
    margin: 15px 0px;
  }
  .footer-links .list-link-footer li.hidden-xs a {
    height: 70px;
    line-height: 82px;
  }

  .footer-links .list-link-footer li + li {
    padding: 0px;
  }

  .footer-follow ul {
    padding-left: 0px;
  }
  .footer-follow ul li {
    display: block;
    width: 100%;
    padding: 0.65rem 0;
  }

  .footer-follow li + li {
    margin-left: 0px;
  }
  .row {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .col-sm-6 {
    width: auto;
  }
  /* .col-sm-3 {
    width: 35%;
  } */
  /* .footer-copyright .col-sm-3 {
    flex: 0 0 auto;
    width: 33.33333333%;
  } */
}

/*Maintenance page*/
.maintenance-wrapper {
  min-height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.maintenance-bg {
  width: 100%;
  height: auto;
}
.maintenance-content-wrapper {
  position: fixed;
  top: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 40%;
  padding: 20px;
  background: var(--white);
  margin: 0 auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  font-size: 26px;
  font-weight: 500;
}
@media screen and (max-width: 767.98px) {
  .maintenance-content-wrapper {
    width: 80%;
  }
}
/*Maintenance page END*/