/*-----------------------------------------------------------------------------------
	gitff
	About: A shiny new Blocs website.
	Author: Affan Soomro
	Version: 1.1
	Built with Blocs
-----------------------------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-container {
  overflow: hidden;
} /* Prevents unwanted scroll space when scroll FX used. */
a,
button {
  transition: background 0.3s ease-in-out;
  outline: none !important;
} /* Prevent blue selection glow on Chrome and Safari */
a:hover {
  text-decoration: none;
  cursor: pointer;
}

/* Preloader */

.page-preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 100000;
  background: #ffffff url("img/pageload-spinner.gif") no-repeat center center;
  animation-name: preloader-fade;
  animation-delay: 2s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.preloader-complete {
  animation-delay: 0.1s;
}
@keyframes preloader-fade {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* = Web Fonts
-------------------------------------------------------------- */

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

@font-face {
  font-family: "Inter-Black";
  src: url("./fonts/Inter-Black/Inter-Black.ttf");
  src: url("./fonts/Inter-Black/Inter-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Inter-Bold";
  src: url("./fonts/Inter-Bold/Inter-Bold.ttf");
  src: url("./fonts/Inter-Bold/Inter-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* = Blocs
-------------------------------------------------------------- */

.bloc {
  width: 100%;
  clear: both;
  background: 50% 50% no-repeat;
  padding: 0 20px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  display: flex;
}
.bloc .container {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

/* Sizes */

.bloc-lg {
  padding: 100px 20px;
}
.bloc-md {
  padding: 50px 20px;
}
.bloc-sm {
  padding: 20px;
}

/* = Full Screen Blocs 
-------------------------------------------------------------- */

.bloc-fill-screen {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
.bloc-fill-screen > .container {
  align-self: flex-middle;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}
.bloc-fill-screen > .container > .row {
  flex-grow: 1;
  align-self: center;
  width: 100%;
}
.bloc-fill-screen .fill-bloc-top-edge,
.bloc-fill-screen .fill-bloc-bottom-edge {
  flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge {
  align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge {
  align-self: flex-end;
}

/* Background Textures */

.bloc-bg-texture::before {
  content: "";
  background-size: 2px 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.texture-darken::before {
  /* background-image: url("img/main-bg.jpg"); */
  background-image: url("img/new-bg-home-festivals.jpeg") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}

.texture-darken::after{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: black;
  z-index: -1;
  opacity: .5;
}
.texture-darken.festivals-section::before {
  background-image: url("img/new-bg-home-festivals.jpeg") !important;
}
.hero-section-home.texture-darken::before {
  background-image: none !important;
  position: relative;
}
.hero-section-home.texture-darken {
  position: relative;
}
.texture-darken.marbella-bg-hero::before {
  background-image: url("img/marbella-home-hero.png") !important;
}
.texture-darken.marbella-bg-hero::after{
  background-color: transparent;
}
.hero-section-home video {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -99;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-section-home .overlay {
  background-color: black;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: -98;
  opacity: 0.3;
}

/* Background Effects */

.parallax__container {
  clip: rect(0, auto, auto, 0);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.parallax {
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Dark theme */

.d-bloc {
  color: rgba(255, 255, 255, 0.7);
}
.d-bloc button:hover {
  color: rgba(255, 255, 255, 0.9);
}
.d-bloc .icon-round,
.d-bloc .icon-square,
.d-bloc .icon-rounded,
.d-bloc .icon-semi-rounded-a,
.d-bloc .icon-semi-rounded-b {
  border-color: rgba(255, 255, 255, 0.9);
}
.d-bloc .divider-h span {
  border-color: rgba(255, 255, 255, 0.2);
}
.d-bloc .a-btn,
.d-bloc .navbar a,
.d-bloc a .icon-sm,
.d-bloc a .icon-md,
.d-bloc a .icon-lg,
.d-bloc a .icon-xl,
.d-bloc h1 a,
.d-bloc h2 a,
.d-bloc h3 a,
.d-bloc h4 a,
.d-bloc h5 a,
.d-bloc h6 a,
.d-bloc p a {
  color: rgba(255, 255, 255, 0.6);
}
.d-bloc .a-btn:hover,
.d-bloc .navbar a:hover,
.d-bloc a:hover .icon-sm,
.d-bloc a:hover .icon-md,
.d-bloc a:hover .icon-lg,
.d-bloc a:hover .icon-xl,
.d-bloc h1 a:hover,
.d-bloc h2 a:hover,
.d-bloc h3 a:hover,
.d-bloc h4 a:hover,
.d-bloc h5 a:hover,
.d-bloc h6 a:hover,
.d-bloc p a:hover {
  color: rgba(255, 255, 255, 1);
}
.d-bloc .navbar-toggle .icon-bar {
  background: rgba(255, 255, 255, 1);
}
.d-bloc .btn-wire,
.d-bloc .btn-wire:hover {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1);
}
.d-bloc .card {
  color: rgba(0, 0, 0, 0.5);
}
.d-bloc .card button:hover {
  color: rgba(0, 0, 0, 0.7);
}
.d-bloc .card icon {
  border-color: rgba(0, 0, 0, 0.7);
}
.d-bloc .card .divider-h span {
  border-color: rgba(0, 0, 0, 0.1);
}
.d-bloc .card .a-btn {
  color: rgba(0, 0, 0, 0.6);
}
.d-bloc .card .a-btn:hover {
  color: rgba(0, 0, 0, 1);
}
.d-bloc .card .btn-wire,
.d-bloc .card .btn-wire:hover {
  color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.3);
}

/* Light theme */

.d-bloc .card,
.l-bloc {
  color: rgba(0, 0, 0, 0.5);
}
.d-bloc .card button:hover,
.l-bloc button:hover {
  color: rgba(0, 0, 0, 0.7);
}
.l-bloc .icon-round,
.l-bloc .icon-square,
.l-bloc .icon-rounded,
.l-bloc .icon-semi-rounded-a,
.l-bloc .icon-semi-rounded-b {
  border-color: rgba(0, 0, 0, 0.7);
}
.d-bloc .card .divider-h span,
.l-bloc .divider-h span {
  border-color: rgba(0, 0, 0, 0.1);
}
.d-bloc .card .a-btn,
.l-bloc .a-btn,
.l-bloc .navbar a,
.l-bloc a .icon-sm,
.l-bloc a .icon-md,
.l-bloc a .icon-lg,
.l-bloc a .icon-xl,
.l-bloc h1 a,
.l-bloc h2 a,
.l-bloc h3 a,
.l-bloc h4 a,
.l-bloc h5 a,
.l-bloc h6 a,
.l-bloc p a {
  color: rgba(0, 0, 0, 0.6);
}
.d-bloc .card .a-btn:hover,
.l-bloc .a-btn:hover,
.l-bloc .navbar a:hover,
.l-bloc a:hover .icon-sm,
.l-bloc a:hover .icon-md,
.l-bloc a:hover .icon-lg,
.l-bloc a:hover .icon-xl,
.l-bloc h1 a:hover,
.l-bloc h2 a:hover,
.l-bloc h3 a:hover,
.l-bloc h4 a:hover,
.l-bloc h5 a:hover,
.l-bloc h6 a:hover,
.l-bloc p a:hover {
  color: rgba(0, 0, 0, 1);
}
.l-bloc .navbar-toggle .icon-bar {
  color: rgba(0, 0, 0, 0.6);
}
.d-bloc .card .btn-wire,
.d-bloc .card .btn-wire:hover,
.l-bloc .btn-wire,
.l-bloc .btn-wire:hover {
  color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.3);
}

/* Row Margin Offsets */

.voffset {
  margin-top: 30px;
}

/* = NavBar
-------------------------------------------------------------- */

/* = Sticky Nav
-------------------------------------------------------------- */

.sticky-nav.sticky {
  position: fixed;
  top: 0;
  z-index: 1000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease-out;
}
/* Circles Menu Icon */
.navbar-light .menu-icon-circles .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(0, 0, 0, 0.5)' d='M15.5,12A3.5,3.5,0,1,1,12,15.5,3.5,3.5,0,0,1,15.5,12Zm11,0A3.5,3.5,0,1,1,23,15.5,3.5,3.5,0,0,1,26.5,12Zm-22,0A3.5,3.5,0,1,1,1,15.5,3.5,3.5,0,0,1,4.5,12Z'/%3E%3C/svg%3E");
}
.navbar-dark .menu-icon-circles .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.5)' d='M15.5,12A3.5,3.5,0,1,1,12,15.5,3.5,3.5,0,0,1,15.5,12Zm11,0A3.5,3.5,0,1,1,23,15.5,3.5,3.5,0,0,1,26.5,12Zm-22,0A3.5,3.5,0,1,1,1,15.5,3.5,3.5,0,0,1,4.5,12Z'/%3E%3C/svg%3E");
}

/* Nav Special Classes */
.nav-special {
  overflow-y: scroll;
}
.nav-special .site-navigation {
  top: 0;
  left: 0;
  width: 100%;
  position: relative !important;
  max-width: 100% !important;
  z-index: 1000;
}
.nav-special .nav > li {
  width: 100%;
  background: none !important;
  border: 0 !important;
}
.nav-special.collapsing {
  -webkit-transition: none;
  transition: none;
  height: 100% !important;
  background: none !important;
}
.nav-special .navbar-nav .dropdown-menu.show {
  position: relative !important;
  transform: none !important;
  float: none;
  width: 100%;
  margin-top: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.nav-special .nav .dropdown-menu .nav-link {
  color: #fff;
}
.blocsapp-special-menu {
  position: absolute;
  z-index: 10000;
}
.nav-special.fullscreen-nav .caret,
.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret {
  border-width: 8px;
}
.nav-special .navbar-nav .show > .nav-link {
  color: #fff;
}

/* Animate Menu Symbol */
.navbar-toggle {
  transition: all 0.1s linear;
}
.selected-nav {
  opacity: 0;
  transform: scale(0.3);
  transition: all 0.1s linear;
}

/* Special Menu Close Button */
.close-special-menu {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  top: 16px;
  right: 10px;
  z-index: 10000;
}
.nav-invert .sidebar-nav .close-special-menu {
  left: 260px;
}
.close-special-menu .close-icon {
  display: block;
  width: 100%;
  height: 1px;
  transform: rotate(45deg);
  margin-top: 12px;
}
.close-special-menu .close-icon:after {
  content: "";
  display: inherit;
  width: inherit;
  height: inherit;
  background: inherit;
  transform: rotate(90deg);
}
.lock-scroll {
  overflow: hidden;
  transition: background 0.3s linear;
}
.nav-special::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
.nav-special .dropdown-menu .dropdown .caret {
  border-top-color: rgba(255, 255, 255, 0.8);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  margin: 0 0 0 5px;
  float: none;
}
.blocsapp-special-menu .site-navigation.pull-right {
  float: none !important;
}

/* Nav Special Close Button */
.close-special-menu .close-icon {
  background: #fff;
}
.blocsapp-special-menu blocsnav {
  background: #000;
}

/* Side Bar Navigation */
.nav-special.sidebar-nav {
  position: fixed;
  right: -300px;
  top: 0;
  bottom: 0;
  width: 300px;
  z-index: 1000;
  transition: all 0.2s linear;
}
.nav-invert .nav-special.sidebar-nav {
  right: auto;
  left: -300px;
}
.nav-special.sidebar-nav .site-navigation {
  margin-top: 15px;
  padding-left: 15px;
}
.nav-special.sidebar-nav .nav > li a {
  color: rgba(255, 255, 255, 0.8);
}
.nav-special.sidebar-nav .nav > li a:hover {
  color: #fff;
}
.open.nav-special.sidebar-nav {
  right: 0;
  transition: all 0.2s linear;
}
.nav-invert .open.nav-special.sidebar-nav {
  left: 0;
  transition: all 0.2s linear;
}
.navbar-toggler:focus {
  box-shadow: none;
}
/* Content Tint */
.content-tint {
  z-index: -1;
  transition: background 0.2s linear;
}
.content-tint.on {
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: transparent;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.4);
}
.content-tint.on:hover {
  background: rgba(0, 0, 0, 0.1);
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu {
  border: none;
}
@media (min-width: 576px) {
  .navbar-expand-sm .dropdown-menu .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 100%;
    top: -7px;
  }
  .navbar-expand-sm .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .dropdown-menu .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 100%;
    top: -7px;
  }
  .navbar-expand-md .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .dropdown-menu .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 100%;
    top: -7px;
  }
  .navbar-expand-lg .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }
}
/* = Open menus on hover
-------------------------------------------------------------- */
@media (min-width: 992px) {
  .hover-open-submenu li:hover > .dropdown > .dropdown-menu,
  .hover-open-submenu .dropdown-menu > li:hover .dropdown-menu {
    display: block;
  }
  .hover-open-submenu li .dropdown .dropdown-menu {
    margin-top: 0;
  }
}
/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear {
  margin: 0;
}
.mg-sm {
  margin-top: 10px;
  margin-bottom: 5px;
}
.mg-md {
  margin-top: 10px;
  margin-bottom: 20px;
}
img.mg-sm,
img.mg-md,
img.mg-lg {
  margin-top: 0;
}
img.mg-sm {
  margin-bottom: 10px;
}
img.mg-md {
  margin-bottom: 30px;
}
img.mg-lg {
  margin-bottom: 50px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,
.btn-d:hover,
.btn-d:focus {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}

/* Prevent ugly blue glow on chrome and safari */
button {
  outline: none !important;
}

.btn-rd {
  border-radius: 40px;
}
.btn-style-none,
.btn-style-none:hover,
.btn-style-none:active,
.btn-style-none:focus {
  background: none;
  box-shadow: none;
  padding: 0;
}
.a-block {
  width: 100%;
  text-align: left;
  display: inline-block;
}
.text-center .a-block {
  text-align: center;
}
.dropdown a .caret {
  margin: 0 0 0 5px;
}
.btn-dropdown .dropdown-menu .dropdown {
  padding: 3px 20px;
}

/* = Icons
-------------------------------------------------------------- */
.icon-md {
  font-size: 30px !important;
}

/* = Text & Icon Styles
-------------------------------------------------------------- */
.lg-shadow {
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

/* = Cards
-------------------------------------------------------------- */
.card-sq,
.card-sq .card-header,
.card-sq .card-footer {
  border-radius: 0;
}
.card-rd {
  border-radius: 30px;
}
.card-rd .card-header {
  border-radius: 29px 29px 0 0;
}
.card-rd .card-footer {
  border-radius: 0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

/* = Forms
-------------------------------------------------------------- */

.form-control {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
  background-color: transparent !important;
  border: 2px solid white !important;
  border-radius: 0px !important;
  color: white !important;
  font-weight: 600 !important;
}

/* ScrollToTop button */

.scrollToTop {
  width: 36px;
  height: 36px;
  padding: 5px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  z-index: 999;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.showScrollTop {
  opacity: 1;
  pointer-events: all;
}
.scroll-to-top-btn-icon {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  fill-rule: evenodd;
  stroke-linecap: round;
}

/* = Modal
-------------------------------------------------------------- */

.modal-fill {
  max-width: 99%;
}

.close {
  color: #000;
  opacity: 0.5;
}
.close:hover {
  opacity: 1;
}
/* = Lightbox
-------------------------------------------------------------- */

a[data-lightbox] {
  position: relative;
  display: block;
  text-align: center;
}
a[data-lightbox]:hover::before {
  content: "+";
  font-family:
    "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica,
    Arial;
  font-size: 32px;
  line-height: 42px;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 100;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
a[data-lightbox]:hover img {
  opacity: 0.6;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}
.lightbox-caption {
  padding: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 5px;
}
.close-lightbox:hover,
.next-lightbox:hover,
.prev-lightbox:hover {
  background: rgba(0, 0, 0, 0.5);
}
.next-lightbox,
.prev-lightbox,
.close-lightbox {
  position: absolute;
  padding: 6px;
  background: rgba(0, 0, 0, 0.3);
  line-height: 0;
  transition: background 0.2s ease-in-out;
  border-radius: 0.25rem;
  border: none;
  z-index: 20;
}
.next-lightbox,
.prev-lightbox {
  top: 45%;
}
.close-lightbox {
  top: 20px;
  right: 20px;
}
.next-lightbox {
  right: 25px;
}
.prev-lightbox {
  left: 25px;
}
.lightbox-prev-icon,
.lightbox-next-icon,
.lightbox-close-icon {
  fill: none;
  stroke: #fff;
  stroke-width: 3px;
  fill-rule: evenodd;
  stroke-linecap: round;
}
.lightbox-close-svg {
  pointer-events: none;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
.btn,
a {
  font-family: "Helvetica";
}
.container {
  max-width: 1140px;
}
.h2-style {
  font-family: "Inter-Black";
  font-size: 64px;
}
.h3-style {
  font-family: "Inter-Bold";
}
.img-style {
  width: 508px;
  padding: 21px 21px 21px 21px;
  border-radius: 10px 10px 10px 10px;
}
.logopadding {
  padding-top: 54px;
  padding-bottom: 54px;
  border-radius: 10px 10px 10px 10px;
}
.buttonicon {
  margin-top: 0px;
  padding-top: 10px;
  line-height: 40px;
  font-family: "BebasNeue-Regular";
}
.navcontent {
  width: 4px;
}
.navfont {
  font-family: "BebasNeue-Regular";
  font-size: 20px;
  color: #000000 !important;
}
.h2-bloc-3-style {
  font-family: "Inter-Black";
}
.h3-bloc-3-style {
  font-family: "Inter-Bold";
}
h2 {
  font-family: "Inter-Black";
}
h3 {
  font-family: "Inter-Bold";
}
.active {
  border-style: solid;
  border-color: #b18373 !important;
  border-width: 0px 0px 10px 0px;
}
.navecontact {
  background-color: #c19785;
  color: #feffff !important;
  padding-left: 9px;
  font-family: "BebasNeue-Regular";
  font-size: 20px;
  border-radius: 5px 5px 5px 5px;
}
.navecontact:hover {
  color: #d5d5d5 !important;
  font-family: "BebasNeue-Regular";
}
.navecontact:active {
  color: #feffff !important;
}
.navecontact:focus {
  color: #eaeaea !important;
}
.navecontact:visited {
  color: #feffff !important;
}
.team-card {
  min-height: 350px;
}
.img-placeholder-us-style,
.img-11-style {
  width: 200px;
  height: 200px;
  min-height: 200px;
  object-fit: cover;
}
.img-12-style {
  width: 200px;
}
.vidspacing {
  margin-bottom: 0px;
  padding-bottom: 20px;
}
.darkcol {
  background-color: #000000;
  border-radius: 20px 20px 20px 20px;
}
.hero::before {
  background-size: cover;
  content: "";
  background-position: center center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  background-image: url("img/screen3.jpg");
}
.field-style {
  width: 71.06%;
}
.field-bloc-10-style {
  width: 24.6%;
}
.img-bloc-0-style {
  width: 75px;
}
.navspace {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}
.navsize {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.contactbtn {
  font-family: "BebasNeue-Regular";
}
.menupadding {
  padding-top: 10px;
}
.form-labels {
  color: #feffff !important;
  font-weight: bold;
  padding-top: 20px;
}
.creativity-navigation-button {
  font-family: "Open Sans";
  font-size: 18px;
  text-transform: uppercase;
  line-height: 24px;
  font-weight: 600;
  background-color: #b28373;
  color: #feffff !important;
  border-color: #feffff !important;
  border-style: solid;
  padding-right: 28px;
  padding-left: 28px;
  border-width: 2px 2px 2px 2px;
}
.creativity-navigation-button:hover {
  background-color: transparent;
  color: #fcdb00 !important;
}
.butonspace {
  margin-top: 20px;
}
.creativity-social-icon {
  color: #feffff !important;
  margin-right: 3px;
  margin-left: 3px;
}
.creativity-social-icon:hover {
  color: #fcdb00 !important;
  margin-right: 3px;
  margin-left: 3px;
}
.img-jfflogo-style {
  width: 172px;
}
.h3-10-style {
  font-family: "Inter-Black";
}
.h3-benefits-style {
  font-family: "Inter-Black";
}

/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-white {
  background-color: #ffffff;
}
.bgc-topaz {
  background-color: rgba(255, 212, 121, 0.25);
}
.bgc-black {
  background-color: #000000;
}

/* Text colour styles */

.tc-white {
  color: #ffffff !important;
}
.tc-white-2 {
  color: rgba(255, 255, 255, 0.8) !important;
}
.tc-black {
  color: #000000 !important;
}
.tc-white-3 {
  color: #ffffff !important;
}
.tc-light-taupe {
  color: #b28473 !important;
}
.tc-anti-flash-white {
  color: #f2f2f2 !important;
}

/* Button colour styles */

.btn-light-taupe {
  background: #b28473;
  color: #ffffff !important;
}
.btn-light-taupe:hover {
  background: #8e6a5c !important;
  color: #ffffff !important;
}

/* Link colour styles */

.ltc-black {
  color: #000000 !important;
}
.ltc-black:hover {
  color: #000000 !important;
}

/* Icon colour styles */

.icon-white {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Bloc image backgrounds */

.bg-pexels-davide-de-giovanni-1649683 {
  background-image: url("img/featured-home-bg-image.jpg");
}

/* = Custom Bric Data
-------------------------------------------------------------- */

.img-text-overlay-container {
  position: relative;
}
.text-label-overlay {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 40px;
}
.text-overlay-light-text {
  color: rgba(255, 255, 255, 0.5);
}

/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
  .bloc-xxl-sm {
    padding: 200px 20px;
  }
  .bloc-xl-sm {
    padding: 150px 20px;
  }
  .bloc-lg-sm {
    padding: 100px 20px;
  }
  .bloc-md-sm {
    padding: 50px 20px;
  }
  .bloc-sm-sm {
    padding: 20px;
  }
  .bloc-no-padding-sm {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .bloc-xxl-md {
    padding: 200px 20px;
  }
  .bloc-xl-md {
    padding: 150px 20px;
  }
  .bloc-lg-md {
    padding: 100px 20px;
  }
  .bloc-md-md {
    padding: 50px 20px;
  }
  .bloc-sm-md {
    padding: 20px 20px;
  }
  .bloc-no-padding-md {
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  .bloc-xxl-lg {
    padding: 200px 20px;
  }
  .bloc-xl-lg {
    padding: 150px 20px;
  }
  .bloc-lg-lg {
    padding: 100px 20px;
  }
  .bloc-md-lg {
    padding: 50px 20px;
  }
  .bloc-sm-lg {
    padding: 20px;
  }
  .bloc-no-padding-lg {
    padding: 0 20px;
  }
}

/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px) {
  .bloc.full-width-bloc,
  .bloc-tile-2.full-width-bloc .container,
  .bloc-tile-3.full-width-bloc .container,
  .bloc-tile-4.full-width-bloc .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .container {
    width: 100%;
  }
  .bloc {
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
  } /* iPhone X Notch Support*/
  .bloc-group,
  .bloc-group .bloc {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .bloc-tile-2 .container,
  .bloc-tile-3 .container,
  .bloc-tile-4 .container {
    padding-left: 0;
    padding-right: 0;
  }
  .btn-dwn {
    display: none;
  }
  .voffset {
    margin-top: 5px;
  }
  .voffset-md {
    margin-top: 20px;
  }
  .voffset-lg {
    margin-top: 30px;
  }
  form {
    padding: 5px;
  }
  .close-lightbox {
    display: inline-block;
  }
  .blocsapp-device-iphone5 {
    background-size: 216px 425px;
    padding-top: 60px;
    width: 216px;
    height: 425px;
  }
  .blocsapp-device-iphone5 img {
    width: 180px;
    height: 320px;
  }
}

@media (max-width: 991px) {
  .img-bloc-0-style {
    width: 75px;
  }
  .menupadding {
    padding-top: 19px;
  }
  .h2-style {
    font-size: 48px;
  }
  .creativity-navigation-button {
    padding-right: 14px;
    padding-left: 14px;
  }
  .mt-md-0 {
  }
  .mt-md-4 {
  }
}

@media (max-width: 767px) {
  .navbar-brand img {
    width: 64px;
    height: 45px;
  }
  .img-bloc-0-style {
    width: 70px;
  }
  .blocsapp-special-menu blocsnav {
    background-color: #feffff;
  }
  .menupadding {
    padding-top: 16px;
  }
  .sidebar-nav {
    width: 230px !important;
  }
  .nav-special.sidebar-nav .nav > li {
    width: 80%;
  }
  .nav-invert .sidebar-nav .close-special-menu {
    left: 200px;
  }
}

@media (max-width: 575px) {
  .footer-link {
    text-align: center;
  }
  .h2-style {
    font-size: 36px;
  }
  .img-bloc-0-style {
    width: 60px;
  }
  .contactbtn {
    height: 46px;
    width: 100%;
  }
  .row-style {
  }
  .blocsapp-special-menu blocsnav {
    background-color: #feffff;
  }
  .hero::before {
    content: "";
    top: 0px;
    background-position: center top;
  }
  .menupadding {
    padding-top: 0px;
  }
  .butonspace {
    margin-top: 20px;
  }
  .mt-1 {
  }

  /* Mobile Row Margin Offsets */
  .voffset-xs {
    margin-top: 30px;
  }
}
html {
  scroll-behavior: smooth;
}

.events-home .event-image {
  width: 100%;
  object-fit: cover;
}
.awards-home video {
  width: 100%;
  height: 400px;
  object-fit: cover;
  /* border-radius: 20px; */
}

.hero-gallery.background-gallery {
  background: url(./img/featured-home-bg-image.jpg) no-repeat center center/cover;
  background-attachment: fixed;
  min-height: 75vh;
  position: relative;
}

.hero-gallery.background-gallery::after {
  content: "";
  background-color: black;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.4;
}
.hero-gallery.background-gallery .container {
  min-height: 75vh;
  display: flex;
  align-items: center;
}
.hero-gallery.background-gallery .container p {
  max-width: 660px;
  width: 100%;
  color: white;
  position: relative;
  z-index: 9;
}
.hero-gallery.background-gallery .container h1 {
  color: white;
  font-size: 50px;
  font-weight: 700;
  position: relative;
  z-index: 9;
}
.event-years .row .pribox {
  height: 250px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}
.event-years .row .pribox img {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.event-years .row .pribox .box-content {
  background-color: black;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  height: 100%;
  align-items: end;
  padding: 0px;
  display: none;
  width: 0%;
  z-index: 9 !important;
}
.event-years .row .box:hover .box-content {
  opacity: 0.8;
  width: 100%;
  padding: 20px 20px 10px 20px;
  display: flex;
  z-index: 9 !important;
}

.event-years h3{
	padding: 14px;
	background-color: black;
	color: white;
	position: absolute;
	z-index: 99;
	font-size: 12px;
	bottom: 10px;
	width: 82%;
}
.event-years h3 i{
	margin-right: 5px;
}
.event-years .row .box:hover h3{
	display: none;
}
.event-years .row .pribox .box-content h6 {
  padding: 10px;
  width: 100%;
  background-color: white;
  border-radius: 4px;
  color: black;
}
.event-years .row .pribox .box-content h6 i {
  position: relative;
  top: 1.4px;
  font-size: 16px;
}
.event-years .row .pribox .box-content h6 span {
  font-size: 16px;
  font-weight: 900;
}

.event-year-same .gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 8px;
}

.event-year-same .pribox {
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: 4/3;
  background: #111;
}

.event-year-same .pribox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

.event-year-same .pribox:hover img {
  transform: scale(1.06);
  opacity: 0.85;
}

/* Lightbox */
.lb-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.lb-overlay.active {
  display: flex;
}
.lb-modal {
  position: relative;
  max-width: 900px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  overflow: visible;
}
.lb-img-wrap {
  width: 100%;
  max-height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}
.lb-img-wrap img {
  max-width: 100%;
  max-height: 75vh;
  display: block;
  object-fit: contain;
}
.lb-close {
  position: absolute;
  top: -16px;
  right: -16px;
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.lb-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.92);
  border: none;
  border-radius: 4px;
  width: 52px;
  height: 80px;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lb-arrow.prev {
  left: -68px;
}
.lb-arrow.next {
  right: -68px;
}
.lb-counter {
  color: #fff;
  font-size: 13px;
  margin-top: 12px;
  opacity: 0.75;
}
@media (max-width: 600px) {
  .lb-arrow.prev {
    left: 4px;
  }
  .lb-arrow.next {
    right: 4px;
  }
}
.Batumi-Festival{
	background: #b28473;
    color: #ffffff !important;
	padding: 12px 20px;
	text-decoration: none;
	border-radius: 12px;
	margin: 0px;
}