/*
 * ::::::::::: Custom Styles :::::::::::
 * Note: use this file to add or override any other styles.
 * DON'T EDIT TEMPLATE CSS/SCSS FILES DIRECTLY, JUST USE THIS FILE.
 */
 @media (max-width: 1024px) {
    .mTOP {
        margin-top: 50px !important;
    }
    .hide-object{
        display: none;
    }
}

.works-latest .works-latest-item .works-latest-item-meta h5 a, .works-latest .works-latest-item .works-latest-item-meta h3 a, .works-latest .works-latest-item .works-latest-item-meta h5, .works-latest-item .works-latest-item-meta h3 {
 opacity: 1;
}

body .image-hover figure img {
    min-height: auto!important;
}

@media screen and (max-width:768px) {
    body .works-latest .works-latest-item .works-latest-item-meta h3 {
        font-size: 18px;
    }

    body .image-hover figure img {
        min-height: auto!important;
    }

    body .section.hero.padding-bottom-none.padding-top-none .columns .column:last-child>div {
        padding: 33px 20px 85px 20px!important;
    }

    body .section.hero.padding-bottom-none.padding-top-none.has-background-primary .columns .column:last-child>div {
        padding: 0 20px 85px 20px!important;
    }

   body .bg-dark {

    background: rgba(0, 0, 0, 0.5);
   }

   body .header-font {

    font-family: 'Michroma', sans-serif;

   }
}

/*# sourceMappingURL=_maps/custom.css.map */

/* --------- THE CUSTOM STYLES ---------- */

.button.is-primary {
  background-color: #f39943 !important;
}

.has-background-primary {
  background-color: #2e3192 !important;
}

.fun-facts {
  background-color: #f2843e !important;
}

.fun-facts .hero-body .counterup .level-item {
  border-right: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Michroma', sans-serif !important;
}

p,
span,
a {
  font-family: 'DM Sans' !important;
}

body.footer-background.dark-color footer .footer-social-links li .icon{
    color: #F4A947 !important;
}

.footer-copyright a{

    color: #F4A947 !important;
}

.headerBg {
  background: linear-gradient(#0c0c0ca8, transparent 100%),
    url('../images//background/header.png') no-repeat center/cover !important;
}

.headerHome {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/home/banner.png') no-repeat center/cover !important;
}

.headerAbout {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/about/banner.png') no-repeat center/cover !important;
}

.headerServices {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/services/banner.png') no-repeat center/cover !important;
}

.headerGallery {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/gallery/banner.png') no-repeat center/cover !important;
}

.headerContact {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/contact/banner.png') no-repeat center/cover !important;
}

.headerCareers {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/careers/banner.png') no-repeat center/cover !important;
}

.headerFuel {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/fuel-station/banner.png') no-repeat center/cover !important;
}

.headerMarket {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/market/banner.png') no-repeat center/cover !important;
}

.headerLounge {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/lounge/banner.png') no-repeat center/cover !important;
}

.headerCar {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/car-wash/banner.png') no-repeat center/cover !important;
}

.headerBank {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/banking/banner.png') no-repeat center/cover !important;
}

.headerFacility {
    background: linear-gradient(#0c0c0ca8, transparent 100%),
      url('../images/facility/banner.png') no-repeat center/cover !important;
}