/*
 * Globals
 */
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
@font-face {
  font-family: 'Helvetica Neue Bold';
  src: url("../fonts/HelveticaNeu_Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Helvetica Neue';
  src: url("../fonts/HelveticaNeue_Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
:root {
  --dynamic-size: 20px;
  --arrow-size: 20px;
  --select-size: calc(var(--dynamic-size) + var(--arrow-size)); }

@keyframes slide-in-left {
  0% {
    left: -100%; }
  100% {
    left: 0px; } }
@keyframes slide-out-left {
  0% {
    left: 0px; }
  100% {
    left: -100%; } }
@keyframes slide-in-right {
  0% {
    right: -100%; }
  100% {
    right: 0px; } }
@keyframes slide-out-right {
  0% {
    right: 0px; }
  100% {
    right: -100%; } }
/* General Styles */
* {
  box-sizing: border-box;
  font-family: "Helvetica Neue", Arial, "Open Sans", sans-serif;
  font-weight: 300px; }

a {
  color: #404042;
  text-decoration: none;
  transition: .3s ease-in-out; }
  a:hover {
    color: #FF8F00; }
  a:focus {
    outline: none; }

a:focus
, button:focus
, input:focus
, textarea:focus
, select:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important; }

p {
  margin-bottom: 0; }

button {
  transition: .3s ease-in-out; }

ol
li, ul li {
  margin-bottom: 10px; }
  ol
  li p, ul li p {
    margin-bottom: 0; }

/* Body */
body {
  color: #404042;
  margin: 0;
  padding-top: 111px; }
  body.home .top-bar {
    background: #FFF; }
  body.home .title-bar {
    display: none !important; }
  body .sidebar {
    display: none; }
  body.sidebar .sidebar {
    display: block; }
    body.sidebar .sidebar .ads {
      margin-bottom: 20px; }
  body.cookie {
    margin-bottom: 51px; }
    @media (max-width: 687px) {
      body.cookie {
        margin-bottom: 100px; } }
    @media (max-width: 429px) {
      body.cookie {
        margin-bottom: 120px; } }
    body.cookie .back-to-top {
      bottom: 80px; }
      @media (max-width: 687px) {
        body.cookie .back-to-top {
          bottom: 110px; } }
      @media (max-width: 456px) {
        body.cookie .back-to-top {
          bottom: 175px; } }
      @media (max-width: 371px) {
        body.cookie .back-to-top {
          bottom: 190px; } }
  body.active {
    overflow: hidden; }
    body.active header {
      z-index: 151; }
      body.active header .navbar ul.navbar-nav li a {
        font-size: 20px; }
      body.active header .navbar .overlay {
        visibility: visible; }
      body.active header .menubar {
        background: #F2F2F2;
        left: 0; }

/* Header - Top navigation area, hidden on scroll */
header {
  background: #FFF; }
  header .row {
    height: 111px; }
  header .logo img {
    width: 250px; }
  header .right-sub-nav a {
    text-decoration: none;
    padding-left: 15px; }
  header small {
    display: block; }
    header small i {
      color: #FC0D1B;
      font-size: 12px; }
    header small a {
      margin: 0; }
  header a {
    font-size: 14px;
    margin: 0 10px; }
    header a:last-child {
      margin-right: 0; }
  header .lang {
    background: #FC0D1B;
    color: #FFF;
    border-radius: 5px;
    padding: 2px 9px;
    white-space: nowrap; }
  header.header-scrolled {
    display: none; }
  header .navbar {
    padding: 0; }
    header .navbar ul.navbar-nav li {
      margin-bottom: 0;
      font-size: 14px; }
      header .navbar ul.navbar-nav li a {
        color: #404042;
        margin-left: 0; }
        header .navbar ul.navbar-nav li a:hover {
          color: #FF8F00; }
    header .navbar.main-navigation .overlay {
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      visibility: hidden;
      z-index: 1031; }

.search
, .main {
  position: relative; }

.search {
  background: #1896E0;
  z-index: 150;
  margin-bottom: -111px;
  padding: 26px 0;
  font-size: 18px; }
  .search .search-wrapper {
    height: 60px; }
    .search .search-wrapper select {
      border-radius: 10px 0 0 10px;
      height: 100%;
      padding: 0 0 0 20px;
      color: #1896E0;
      background-image: none; }
    .search .search-wrapper input {
      height: 100%;
      border-radius: 0;
      padding: 6px 20px 6px; }
      .search .search-wrapper input::placeholder {
        color: #9F9FA0; }
    .search .search-wrapper button {
      cursor: pointer;
      background: #FC0D1B;
      padding: 0 25px;
      border-radius: 0 10px 10px 0;
      height: 100%;
      transition: .3s ease-in-out; }
      .search .search-wrapper button i {
        font-size: 18px;
        margin-right: 10px; }
        @media (max-width: 767px) {
          .search .search-wrapper button i {
            margin: 4px 0 0; } }
      @media (max-width: 767px) {
        .search .search-wrapper button span {
          display: none; } }
      .search .search-wrapper button:hover {
        background: #FF8F00; }
    .search .search-wrapper a {
      text-decoration: none;
      float: right;
      padding-left: 20px; }
    .search .search-wrapper .col.select-options {
      max-width: var(--select-size);
      min-width: 100px;
      position: relative; }
      .search .search-wrapper .col.select-options:after {
        content: '\f107';
        font: 600 17px/1 "Font Awesome 5 Free";
        color: #1896E0;
        right: -12px;
        top: 20px;
        height: 20px;
        padding: 2px 6px;
        border-right: 1px solid #0ebeff;
        position: absolute;
        pointer-events: none; }
  .search .logo img {
    opacity: 0;
    max-width: 0px;
    max-height: 32px;
    transition: .3s ease-in-out; }
  .search.search-scrolled {
    padding: 10px 0; }
    .search.search-scrolled .logo img {
      opacity: 1;
      max-width: 125px;
      max-height: 32px;
      margin: 5px 15px 0 0;
      transition: .3s ease-in-out; }
    .search.search-scrolled .search-wrapper {
      height: 44px; }
      .search.search-scrolled .search-wrapper .col.select-options:after {
        right: -12px;
        top: 12px; }
      @media (max-width: 991px) {
        .search.search-scrolled .search-wrapper .col.select-options {
          max-width: calc(100% + 20px); }
          .search.search-scrolled .search-wrapper .col.select-options:after {
            top: 0;
            right: 0;
            border: none; } }
      @media (max-width: 991px) {
        .search.search-scrolled .search-wrapper button {
          border-radius: 0 0 5px 0; } }
      .search.search-scrolled .search-wrapper button i {
        font-size: 12px; }
        .search.search-scrolled .search-wrapper button i:before {
          margin: -10px -6px;
          position: absolute; }
      @media (max-width: 991px) {
        .search.search-scrolled .search-wrapper select {
          border-radius: 5px 5px 0 0;
          border-bottom: 1px solid #1896E0 !important;
          padding: 3px 10px 0;
          font-size: 12px; } }
      @media (max-width: 991px) {
        .search.search-scrolled .search-wrapper input {
          font-size: 12px;
          border-radius: 0 0 0 5px;
          padding: 0 10px; } }
  .search .helper-element {
    position: absolute;
    top: 0;
    left: -9999px; }

header
, .search-scrolled {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 149; }

/* Main content area */
.main {
  padding: 111px 0 0;
  transition: all .3s; }
  .main .gray-bg {
    background: #F2F2F2; }
  .main .top-bar .title-bar h2 {
    font-size: 36px;
    position: relative;
    width: 100%; }
  .main .top-bar .title-bar img {
    width: 50px;
    top: -7px;
    position: relative; }
    @media (max-width: 991px) {
      .main .top-bar .title-bar img {
        margin: 0 30px 0 0 !important; } }
  .main .content h3 {
    color: #1896E0;
    font-size: 20px;
    font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
    font-weight: bold; }
    .main .content h3.notes {
      font-size: 25px;
      color: #404042; }
  .main .content h4 {
    font-size: 25px;
    font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
    font-weight: bold; }
  .main .content [class^="item"] {
    background: #F2F2F2;
    border-radius: 10px;
    padding: 20px 20px 0;
    margin-bottom: 20px; }
    .main .content [class^="item"]:last-child {
      padding-bottom: 20px; }
    .main .content [class^="item"] p {
      margin-bottom: 0; }
    .main .content [class^="item"] small {
      display: inline;
      font-weight: normal;
      margin-right: 10px; }
      .main .content [class^="item"] small:before {
        color: #1896E0;
        font-family: "Font Awesome 5 Free"; }
      .main .content [class^="item"] small.date:before {
        margin-right: 6px;
        content: '\f073'; }
      .main .content [class^="item"] small.location:before {
        margin-right: 10px;
        font-weight: 900;
        content: '\f3c5'; }
      .main .content [class^="item"] small.contact:before {
        margin-right: 6px;
        font-weight: 900;
        content: "\f879"; }
  .main .content .pagination-total {
    font-size: 14px; }
  .main .content.contact-us .row {
    margin-bottom: 40px; }
    .main .content.contact-us .row > div {
      margin-bottom: 20px; }
  .main .content.contact-us .general strong {
    color: #FC0D1B;
    font-size: 25px; }
  .main .content.contact-us .outbound > p {
    color: #FF8F00; }
  .main .content.contact-us .inbound > p {
    color: #1DBF4F; }
  .main .content.contact-us .contact-centre > p {
    color: #1896E0; }
  .main .content.contact-us .editorial > p {
    color: #FC0D1B; }
  .main .content.contact-us p.contact-name {
    font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
    font-weight: bold; }
  .main .content.contact-us p.contact-title {
    font-size: 14px; }
  .main .content.contact-us > div > p {
    font-size: 25px;
    font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px; }
  .main .content.book-and-ad ol {
    list-style-type: none;
    counter-reset: elementcounter;
    padding-left: 0; }
    .main .content.book-and-ad ol li {
      background: #F2F2F2;
      padding: 20px 20px 20px 38px;
      border-radius: 10px;
      position: relative;
      margin-left: 60px; }
      .main .content.book-and-ad ol li p {
        text-align: center;
        margin-bottom: 10px; }
        .main .content.book-and-ad ol li p:last-child {
          margin-bottom: 0; }
      .main .content.book-and-ad ol li:before {
        content: "Step " counter(elementcounter,decimal-leading-zero) "";
        counter-increment: elementcounter;
        font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
        font-weight: bold;
        position: absolute;
        padding: 15px 20px;
        border-radius: 50px;
        box-shadow: 3px 0px 6px #00000029;
        width: 70px;
        white-space: break-spaces;
        text-align: center;
        line-height: 19px;
        color: #FFF;
        top: 50%;
        -ms-transform: translate(-130%, -50%);
        transform: translate(-130%, -50%); }
      .main .content.book-and-ad ol li:nth-child(1):before {
        background: #1896E0; }
      .main .content.book-and-ad ol li:nth-child(2):before {
        background: #665EAF; }
      .main .content.book-and-ad ol li:nth-child(3):before {
        background: #FF8F00; }
      .main .content.book-and-ad ol li:nth-child(4):before {
        background: #1DBF4F; }
  .main .content.payment-options strong.method {
    color: #1896E0;
    font-size: 21px; }
  .main .content.payment-options hr {
    border-top: 3px solid; }
  .main .content.payment-options .branches [class^="col"] div {
    background: #F2F2F2;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 10px; }
    .main .content.payment-options .branches [class^="col"] div ul {
      margin-bottom: 0;
      padding-left: 16px; }
      .main .content.payment-options .branches [class^="col"] div ul li p {
        margin-left: 10px; }
      .main .content.payment-options .branches [class^="col"] div ul li.location::marker {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f3c5"; }
      .main .content.payment-options .branches [class^="col"] div ul li.tel::marker {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f879"; }
      .main .content.payment-options .branches [class^="col"] div ul li.wa::marker {
        font-family: "Font Awesome 5 Brands";
        content: "\f232"; }
      .main .content.payment-options .branches [class^="col"] div ul li.email {
        font-weight: bold; }
        .main .content.payment-options .branches [class^="col"] div ul li.email::marker {
          font-family: "Font Awesome 5 Free";
          content: "\f0e0"; }
      .main .content.payment-options .branches [class^="col"] div ul li::marker {
        color: #1896E0; }
  @media (max-width: 991px) {
    .main .content.payment-options .border-end {
      border: none !important; } }
  .main .sidebar .box {
    background: #F2F2F2;
    border-radius: 10px;
    margin-bottom: 20px; }
    .main .sidebar .box .header {
      color: #FFF;
      border-radius: 10px 10px 0 0; }
      .main .sidebar .box .header h2 {
        font-size: 20px;
        line-height: 25px;
        padding: 14px 14px 11px 14px;
        margin: 0;
        text-align: center; }
    .main .sidebar .box.notice .header {
      background: #FF8F00; }
    .main .sidebar .box.notice button:hover {
      background: #FF8F00; }
    .main .sidebar .box.announcement .header {
      background: #1DBF4F; }
    .main .sidebar .box.announcement button:hover {
      background: #1DBF4F; }
    .main .sidebar .box.jobs .header {
      background: #665EAF; }
    .main .sidebar .box.jobs button:hover {
      background: #665EAF; }
    .main .sidebar .box .content p {
      font-size: 16px;
      font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
      font-weight: bold;
      line-height: 22px; }
    .main .sidebar .box .content small {
      display: block; }
    .main .sidebar .box .content button {
      background: #1896E0;
      border-radius: 20px;
      font-size: 16px;
      color: #FFF;
      border: 0;
      width: 100%;
      margin-top: 10px;
      padding: 10px; }
  .main .interest p {
    font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
    font-weight: bold;
    padding: 20px;
    background: #F2F2F2;
    border-radius: 10px;
    display: inline-grid;
    width: 100%;
    margin-bottom: 20px; }
  .main .listing .listing-wrapper {
    background: #FFF;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 40px; }
    .main .listing .listing-wrapper p {
      padding: 20px;
      font-size: 16px;
      font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
      font-weight: bold;
      line-height: 22px;
      margin-bottom: 0; }
    .main .listing .listing-wrapper button {
      background: #1896E0;
      color: #FFF;
      border: 0;
      width: 88%;
      border-radius: 20px;
      padding: 5px 0 3px;
      margin: 0 auto;
      right: 0;
      left: 0;
      position: absolute;
      bottom: 15px; }
      .main .listing .listing-wrapper button:hover {
        background: #FF8F00; }
  .main .listing button {
    border: 0;
    background: #FC0D1B;
    color: #FFF;
    width: 134px;
    border-radius: 20px;
    display: block; }
    .main .listing button:hover {
      background: #FF8F00; }
  .main .rate .listing-wrapper,
  .main .jobs-combo .listing-wrapper,
  .main .more-rates .listing-wrapper {
    background: #F2F2F2;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 40px; }
    .main .rate .listing-wrapper p,
    .main .jobs-combo .listing-wrapper p,
    .main .more-rates .listing-wrapper p {
      padding: 20px 0;
      font-size: 25px;
      font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
      font-weight: bold;
      line-height: 22px;
      margin-bottom: 0;
      text-align: center; }
    .main .rate .listing-wrapper button,
    .main .jobs-combo .listing-wrapper button,
    .main .more-rates .listing-wrapper button {
      background: #1896E0;
      color: #FFF;
      border: 0;
      width: 88%;
      border-radius: 20px;
      padding: 5px 0 3px;
      margin: 0 auto;
      right: 0;
      left: 0;
      position: absolute;
      bottom: 15px; }
      .main .rate .listing-wrapper button:hover,
      .main .jobs-combo .listing-wrapper button:hover,
      .main .more-rates .listing-wrapper button:hover {
        background: #FF8F00; }
    .main .rate .listing-wrapper small,
    .main .jobs-combo .listing-wrapper small,
    .main .more-rates .listing-wrapper small {
      text-align: center;
      width: 100%;
      display: block;
      padding: 20px 0 0; }
  .main .rate .rate-value,
  .main .jobs-combo .rate-value,
  .main .more-rates .rate-value {
    width: 100%; }
    .main .rate .rate-value p,
    .main .jobs-combo .rate-value p,
    .main .more-rates .rate-value p {
      font-size: 40px;
      width: min-content;
      margin: 0 auto;
      color: #FFF; }
      .main .rate .rate-value p:before,
      .main .jobs-combo .rate-value p:before,
      .main .more-rates .rate-value p:before {
        content: 'From';
        font-size: 20px;
        display: block;
        text-align: left;
        margin: 0 0 6px 3px; }
  .main .rate .rate-1 .rate-value,
  .main .jobs-combo .rate-1 .rate-value,
  .main .more-rates .rate-1 .rate-value {
    background: #FF8F00; }
  .main .rate .rate-1 button:hover,
  .main .jobs-combo .rate-1 button:hover,
  .main .more-rates .rate-1 button:hover {
    background: #FF8F00; }
  .main .rate .rate-2 .rate-value,
  .main .jobs-combo .rate-2 .rate-value,
  .main .more-rates .rate-2 .rate-value {
    background: #1DBF4F; }
  .main .rate .rate-2 button:hover,
  .main .jobs-combo .rate-2 button:hover,
  .main .more-rates .rate-2 button:hover {
    background: #1DBF4F; }
  .main .rate .rate-3 .rate-value,
  .main .jobs-combo .rate-3 .rate-value,
  .main .more-rates .rate-3 .rate-value {
    background: #665EAF; }
  .main .rate .rate-3 button:hover,
  .main .jobs-combo .rate-3 button:hover,
  .main .more-rates .rate-3 button:hover {
    background: #665EAF; }
  .main .jobs-combo .listing-wrapper {
    background: #FFF; }
    .main .jobs-combo .listing-wrapper > div {
      color: #FFF;
      border-radius: 10px 10px 0 0; }
    .main .jobs-combo .listing-wrapper p {
      padding: 20px 100px;
      line-height: 30px; }
      @media (max-width: 1199px) {
        .main .jobs-combo .listing-wrapper p {
          padding: 20px 40px; } }
      @media (max-width: 991px) {
        .main .jobs-combo .listing-wrapper p {
          padding: 20px 20px; } }
      .main .jobs-combo .listing-wrapper p.border {
        border-width: 2px 0 0 0 !important;
        border-color: #FF8F00 !important; }
      .main .jobs-combo .listing-wrapper p.center-middle {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%; }
  .main .jobs-combo .combo-1 > div > div {
    background: #FF8F00; }
  .main .jobs-combo .combo-2 > div > div {
    background: #3A61A5; }
  .main .jobs-combo .combo-2 button:hover {
    background: #3A61A5; }
  .main .jobs-combo .combo-3 > div > div {
    background: #FC0D1B; }
  .main .jobs-combo .combo-3 button:hover {
    background: #FC0D1B; }
  .main .jobs-combo small {
    line-height: 25px; }
    .main .jobs-combo small p {
      margin: 0; }
  .main .more-rates .listing-wrapper {
    background: #F4F7FA; }
    .main .more-rates .listing-wrapper > div:first-child {
      border-bottom: 2px solid #FC0D1B; }
    .main .more-rates .listing-wrapper > div.row div p {
      font-size: 16px;
      padding-bottom: 5px; }
    .main .more-rates .listing-wrapper > div.row div:nth-child(2) {
      border-right: 2px solid #FC0D1B; }
      .main .more-rates .listing-wrapper > div.row div:nth-child(2) p {
        position: relative; }
        .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:first-child:before {
          content: 'Category'; }
        .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:nth-child(2):before {
          content: 'Notices'; }
        .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:nth-child(3):before {
          content: 'Classifieds Display (CD)'; }
        .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:before {
          font-size: 14px;
          color: #FFF;
          position: absolute;
          background: #1896E0;
          padding: 4px 8px;
          margin: -5px;
          border-radius: 5px 0 0 5px;
          width: 160%;
          text-align: right;
          left: -150%; }
          @media (max-width: 1199px) {
            .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:before {
              width: 193%;
              left: -198%; } }
          @media (max-width: 991px) {
            .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:before {
              width: 100%;
              left: -127%;
              font-size: 11px;
              line-height: 12px;
              padding: 6px 5px;
              margin: 0; } }
        .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:after {
          content: '';
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 24px solid #1896E0;
          border-bottom: 15px solid transparent;
          top: 15px;
          position: absolute;
          left: 9px; }
          @media (max-width: 1399px) {
            .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:after {
              left: 7px; } }
          @media (max-width: 1199px) {
            .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:after {
              left: -10px; } }
          @media (max-width: 991px) {
            .main .more-rates .listing-wrapper > div.row div:nth-child(2) p:after {
              border-top: 12px solid transparent;
              border-left: 16px solid #1896E0;
              border-bottom: 12px solid transparent;
              top: 20px;
              left: -27%; } }
    .main .more-rates .listing-wrapper .nst-logo {
      width: 190px;
      margin: 15px auto; }
    .main .more-rates .listing-wrapper .bh-logo {
      width: 70px; }
    .main .more-rates .listing-wrapper .hmetro-logo {
      width: 140px;
      margin: 15px auto; }
  .main .more-rates > .row > div:first-child p:before, .main .more-rates > .row > div:first-child p:after {
    display: block; }
  .main .more-rates > .row > div p:before, .main .more-rates > .row > div p:after {
    display: none; }
    @media (max-width: 991px) {
      .main .more-rates > .row > div p:before, .main .more-rates > .row > div p:after {
        display: block; } }
  .main .more-rates small {
    line-height: 25px; }
    .main .more-rates small p {
      margin: 0; }
  .main .pagination li a {
    color: #1896E0; }
  .main .pagination li.disabled a {
    color: #404042;
    opacity: .5; }
  .main .rate ol li ol {
    list-style-type: lower-latin;
    padding-left: 20px; }
    .main .rate ol li ol li p {
      color: #404042; }
    .main .rate ol li ol li.jobs {
      color: #FF8F00; }
    .main .rate ol li ol li.others {
      color: #1DBF4F; }
    .main .rate ol li ol li.linear-promo {
      color: #665EAF; }
  .main.header-scrolled {
    padding-top: 56px; }
  .main h2 {
    font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
    font-size: 35px;
    font-weight: bold; }

small {
  display: block;
  font-weight: normal; }
  small:before {
    color: #1896E0;
    font-family: "Font Awesome 5 Free"; }
  small.date:before {
    margin-right: 6px;
    content: '\f073'; }
  small.location:before {
    margin-right: 8px;
    font-weight: 900;
    content: '\f3c5'; }
  small.contact:before {
    margin-right: 6px;
    font-weight: 900;
    content: "\f879"; }
  small.wa:before {
    margin-right: 10px;
    font-family: "Font Awesome 5 Brands";
    content: "\f232"; }
  small.tel:before {
    margin-right: 8px;
    content: "\f879";
    font-weight: 900; }
  small.email:before {
    margin-right: 6px;
    content: "\f0e0"; }

.socmed {
  padding-bottom: 20px; }
  .socmed ul {
    padding: 0;
    margin-bottom: 0; }
    .socmed ul li {
      list-style: none;
      display: inline;
      cursor: pointer; }
      .socmed ul li:hover {
        color: #FF8F00; }
      .socmed ul li.share {
        color: #1896E0;
        font-size: 12px; }
        .socmed ul li.share:hover {
          color: #FF8F00; }
      .socmed ul li.fb {
        color: #3A61A5; }
        .socmed ul li.fb:hover {
          color: #FF8F00; }
      .socmed ul li.twitter {
        color: #00ACEE; }
        .socmed ul li.twitter:hover {
          color: #FF8F00; }
      .socmed ul li.instagram {
        color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
        .socmed ul li.instagram:hover {
          color: #FF8F00; }
      .socmed ul li.more {
        color: #FC0D1B; }
        .socmed ul li.more:hover {
          color: #FF8F00; }

.title-wrapper h1 {
  font-size: 35px;
  line-height: 43px; }
.title-wrapper small {
  display: inline;
  margin-right: 20px; }

.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 998;
  background: #1896E0;
  color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all .3s; }
  @media (max-width: 456px) {
    .back-to-top {
      bottom: 55px; } }
  @media (max-width: 371px) {
    .back-to-top {
      bottom: 75px; } }
  .back-to-top i {
    font-size: 24px;
    color: #FFF;
    line-height: 0; }
  .back-to-top:hover {
    background: #FF8F00; }
  .back-to-top.active {
    visibility: visible;
    opacity: 1; }

/* Footer */
footer {
  background: #F2F2F2; }
  footer ul {
    padding-left: 0;
    list-style: none; }
    footer ul.follow-us li {
      display: inline-block; }
      footer ul.follow-us li:first-child {
        display: block;
        margin-bottom: 0; }
      footer ul.follow-us li i {
        color: #FFF;
        width: 25px;
        text-align: center;
        padding: 6px;
        border-radius: 5px;
        position: relative;
        transition: .3s ease-in-out; }
        footer ul.follow-us li i.fa-facebook-f {
          background: #3A61A5; }
        footer ul.follow-us li i.fa-twitter {
          background: #00ACEE; }
        footer ul.follow-us li i.fa-instagram {
          background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
          z-index: 1;
          position: relative; }
          footer ul.follow-us li i.fa-instagram:after {
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: radial-gradient(circle at 30% 107%, #FF8F00 0%, #FF8F00 5%, #FF8F00 45%, #FF8F00 60%, #FF8F00 90%);
            z-index: -1;
            transition: opacity .3s linear;
            opacity: 0;
            border-radius: 5px;
            width: 25px;
            height: 26px; }
          footer ul.follow-us li i.fa-instagram:hover {
            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
        footer ul.follow-us li i:hover {
          background: #FF8F00; }
          footer ul.follow-us li i:hover:after {
            opacity: 1; }
    footer ul li {
      font-size: 14px; }
      footer ul li::marker {
        color: #1896E0; }
      footer ul li p {
        padding-left: 10px;
        padding-bottom: 0; }
      footer ul li.address {
        margin-left: 15px;
        list-style: initial;
        font-size: 14px !important;
        font-weight: inherit !important;
        color: inherit !important; }
        footer ul li.address::marker {
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: '\f3c5'; }
        @media (min-width: 576px) and (max-width: 991px) {
          footer ul li.address {
            margin-top: 60px; } }
      footer ul li.business-hour {
        margin-left: 15px;
        list-style: initial; }
        footer ul li.business-hour::marker {
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: '\f017'; }
      footer ul li:first-child {
        color: #1896E0;
        font-size: 25px;
        font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
        font-weight: bold;
        margin-bottom: 20px; }
      footer ul li ol {
        padding-left: 15px;
        padding-bottom: 15px; }
        footer ul li ol li a:first-child {
          margin-left: 7px; }
        footer ul li ol li p {
          margin: 0 0 0 7px;
          padding: 0; }
        footer ul li ol li:first-child {
          list-style: none;
          font-size: 14px;
          font-weight: normal;
          margin-bottom: 0;
          font-style: italic; }
          footer ul li ol li:first-child::marker {
            content: ''; }
        footer ul li ol li.tel::marker {
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: "\f879"; }
        footer ul li ol li.wa::marker {
          font-family: "Font Awesome 5 Brands";
          content: "\f232"; }
        footer ul li ol li.email {
          font-weight: bold; }
          footer ul li ol li.email::marker {
            font-family: "Font Awesome 5 Free";
            content: "\f0e0"; }
        footer ul li ol li::marker {
          color: #1896E0; }
  footer .cookie-consent {
    width: 100%;
    flex-wrap: wrap;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: #d6d6d6;
    background-color: #3c404d;
    padding: 0.6em 1.8em;
    z-index: 9999;
    display: flex; }
    footer .cookie-consent a {
      color: #FFF; }
      footer .cookie-consent a:hover {
        color: #FF8F00; }
    footer .cookie-consent .cookie-text {
      font-size: 12px;
      line-height: 20px;
      flex: 99 1 500px;
      text-align: center;
      margin: 6px 0 5px 0; }
      footer .cookie-consent .cookie-text a {
        white-space: nowrap; }
    footer .cookie-consent .consent-btn {
      color: #FFF;
      flex: 1 0 130px;
      background-color: #1896E0;
      border-color: transparent;
      padding: .2em .5em;
      font-size: 15px;
      font-weight: bolder;
      border-width: 2px;
      border-style: solid;
      text-align: center;
      white-space: nowrap;
      border-radius: 20px; }
      footer .cookie-consent .consent-btn:hover {
        background: #FF8F00; }

.ads {
  text-align: center; }
  .ads .leaderboard {
    width: 728px; }
  .ads .mrec {
    width: 300px; }

.swiper {
  width: 100%;
  height: 100%; }
  .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .swiper .swiper-slide .overlay {
      position: absolute;
      background: #FFFFFFCC;
      top: 0;
      left: 0;
      height: 100%;
      width: 50%;
      padding: 20px 20px 20px 40px;
      text-align: left; }
      .swiper .swiper-slide .overlay p {
        font-size: 24px;
        font-family: "Helvetica Neue Bold", Arial, "Open Sans", sans-serif;
        font-weight: bold;
        color: #1896E0;
        line-height: 25px;
        margin-bottom: 0; }
        @media (max-width: 510px) {
          .swiper .swiper-slide .overlay p {
            font-size: 18px;
            line-height: 22px; } }
      .swiper .swiper-slide .overlay div {
        font-size: 16px;
        line-height: 19px; }
        @media (max-width: 510px) {
          .swiper .swiper-slide .overlay div {
            font-size: 14px;
            line-height: 20px; } }
      .swiper .swiper-slide .overlay .logo {
        width: 96px;
        display: block; }
    .swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px; }

.swiper-button-next {
  right: -20px; }
  @media (max-width: 575px) {
    .swiper-button-next {
      right: 0; } }

.swiper-button-prev {
  left: -20px; }
  @media (max-width: 575px) {
    .swiper-button-prev {
      left: 0; } }

.swiper-button-next
, .swiper-button-prev {
  background: #1896E0;
  width: 50px;
  height: 50px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 25px; }
  .swiper-button-next:after
  , .swiper-button-prev:after {
    color: #FFF;
    font-size: 16px; }
  .swiper-button-next.swiper-button-disabled
  , .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background: #FFF; }
    .swiper-button-next.swiper-button-disabled:after
    , .swiper-button-prev.swiper-button-disabled:after {
      color: #1896E0; }

.menubar
, .overlay {
  position: fixed;
  top: 0;
  bottom: 0; }

.menubar {
  left: -100%;
  max-width: 300px;
  transition: all ease 0.25s;
  overflow-y: auto;
  z-index: 1032; }
  @media (min-width: 768px) {
    .menubar {
      position: relative;
      top: auto;
      bottom: auto;
      left: auto;
      flex-direction: row;
      max-width: 100%;
      transform: none;
      transition: none;
      overflow-y: visible;
      z-index: auto; } }

.navbar-toggler {
  padding: 3px 6px;
  transition: .3s ease-in-out; }
  .navbar-toggler span {
    background-size: 20px;
    height: 20px; }
  .navbar-toggler:hover {
    background: #FF8F00; }

@media (max-width: 768px) {
  .navbar-nav {
    padding-top: 5rem;
    padding-left: 1.5rem; }

  .navbar {
    display: inline-flex; } }
@media (min-width: 1084px) {
  .order-lg-2 svg {
    display: none; } }

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