/* LOGO
.logo {
  -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.55));
  filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.55));
}
.burger-icon>span {
    box-shadow: 2px 2px 0 #333333;
}
.burger-icon>span {
    background-color: #ffffff;
    margin: 0.6rem 0;
    transition: background-color .3s ease-in, opacity .3s ease-in, transform .3s ease-in;
}

.logo-image, #modal-menu-toggler {filter: invert(1); transition: .5s ease-in-out;}
.modal-menu-active .logo-image, .modal-menu-active #modal-menu-toggler {filter: invert(0);}
/* LOGO END */

.burger-icon>span {
    box-shadow: 2px 2px 0 #333333;
}
.burger-icon>span {
    background-color: #ffffff;
    margin: 0.6rem 0;
    transition: background-color .3s ease-in, opacity .3s ease-in, transform .3s ease-in;
}

/* SLIDESHOW START */
.camera_prev {left: 2rem;}
.camera_next {right: 2rem;}
.camera_commands {right: 5rem;}
.cameraContent video {object-fit: cover;}
/* SLIDESHOW END */


/* MODAL MENU */
form.mod-finder.js-finder-searchform.form-search {display: none;}
.sp-contact-info li {font-size: 1.2rem;margin-bottom: 1rem !important;}
#modal-menu .modules-wrapper .social-icons {font-size: 1.8rem;}
nav.sp-megamenu-wrapper {flex-wrap: wrap;justify-content: center;text-align: center;}
.modal-logo {padding: 0 !important;text-align: center;margin-bottom: 3rem;}
#sp-header.header-with-modal-menu a {color: rgba(0, 0, 0, 1);}
#modal-menu .modules-wrapper {
  align-items: center;
  border-left: none !important;
  border-top: 2px solid rgba(32, 31, 31, .1);
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#modal-menu .modules-wrapper .sp-contact-info>li>span {font-size: 20px;margin-bottom: 0;}
#modal-menu .modules-wrapper .sp-contact-info>li>a {opacity: 1;}
@media (max-width: 991px) {
  #sp-header {top: 3rem!important; padding: 0 2rem;}
  .contact_button {margin-right: 0!important;}
  #sp-logo.has-border .sp-column {width: 100%;justify-content: space-between;}
  .offcanvas-menu {width: 100%;}
  .offcanvas-inner {text-align: center;}
  body.ltr.offcanvs-position-left .offcanvas-menu {left: -100%;}  
  ul.mod-menu.mod-list.menu.nav-pills a {font-size: 28px !important;line-height: 1.2;}
  ul.mod-menu.mod-list.menu.nav-pills {border-bottom: 1px solid grey;padding-bottom: 2rem;margin: 3rem;}  
}
@media (max-width: 468px) {
  .contact_button {display: none;}
  #sp-logo {width: 100%;display: flex;justify-content: center;}
}
.sppb-form-builder-btn.sppb-text-left {margin: 0 !important;}
.form_btn .sppb-form-builder-btn.sppb-text-left {width: 20%;height: 72px;padding-right: 15px;vertical-align: middle;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.h-captcha {padding-left: 15px;}
.contact_boxes .sppb-addon-form-builder-form {justify-content: space-between;}
.contact_form .sppb-addon-form-builder-form {justify-content: space-between;}
.contact_form .sppb-form-builder-btn.sppb-text-left {width: 30%;}

/* MODAL MENU END */

/* HEADER */
/*#sp-header .logo, #modal-menu-toggler {z-index:9999;}*/
#modal-menu-toggler {z-index:9999;}
#modal-menu.active {bottom: 0;top: 0;}
#sp-header {position: fixed;box-shadow: none;background: transparent;animation: none;top: 0;}
#sp-header.header-sticky {animation: none;}
#modal-menu {background: rgb(255, 255, 255, 0.8);backdrop-filter: blur(6px);}
#modal-menu-toggler {margin-left: 0!important;}
.burger-icon {width: 40px;cursor: pointer;}
.contact_button {
    display: none;
    background: #fff;
    color: #000000;
    padding: 0.6rem 3rem;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-right: 3rem;
    cursor: pointer;
    transition: .5s ease-in-out;
    font-family: 'Roboto', sans-serif;
}
.contact_button:hover {background: black;color: white;}

/* HEADER END */ 

 /* SLIDESHOW */  
.slider_height .sppb-item.sppb-item-has-bg>img {height: 100vh;object-fit: cover;}
.bottom-border {border-bottom: 2px solid #000;}
.divider_break {text-align: center;}
.divider_break img {max-width: 55px;}
.scroller_btn {width:100%; height: 80px; position: absolute;left:0;bottom: 6rem;font-family: 'Playfair Display';font-size: larger;text-align: center;z-index: 9;}

/* The animated arrow created via ::after */
.scroller_btn::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 20px;
  height: 20px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: translateX(-50%) rotate(-45deg);
  animation: scroller_btn_bounce 1.5s infinite;
  opacity: 0.7;
}

/* Use translateY BEFORE rotate for pure vertical motion */
@keyframes scroller_btn_bounce {
  0% {
    transform: translateX(-50%) translateY(0) rotate(-45deg);
    opacity: 0.7;
  }
  50% {
    transform: translateX(-50%) translateY(10px) rotate(-45deg);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(0) rotate(-45deg);
    opacity: 0.7;
  }
}
/* SLIDESHOW END */

/* BREADCRUMB */
.breadcrumb {
    background-color: #e9ecef;
    border-radius: 0;
    padding: 6px 0px !important;
    margin: 0 !important;
}
/* BREADCRUMB END */
/* HOMEPAGE */

.section-titles {text-transform: uppercase; max-width: 1370px; margin: 0 auto;}
.section-titles::after {content: '';display: block;border-bottom: 2px solid #171717;}

.section-title {max-width: 1370px; margin: 0 auto;}
.section-title::after {content: '';display: block;border-bottom: 2px solid #171717;}

.homepage_article .article-ratings-social-share {display: none !important;}
.intro_image img {height: 600px; object-fit: cover;}
.text-block-init {transform: translateX(0)!important;}
.intro_box_left {display: flex;flex-wrap: wrap;align-content: center;}
.intro_icon {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 1rem;}

/* WORKS START */
.home_grid p.sppb-dynamic-content-text.artolio-work-item-event {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 2;
}
.home_grid .work-item-description {
    position: absolute;
    left: 40px;
    bottom: 40px;
    /*width: calc(100% - 80px);*/
}
/*.home_grid .addon-root-dynamic-content-image {opacity: .5; transition: .3s ease-in-out;}*/
/*.home_grid .addon-root-dynamic-content-image:hover {opacity: .8;}*/
.work-item-image img{transition: 0.6s cubic-bezier(0.77, 0.02, 0.29, 0.99)}
.work-item-image img:hover {transform: scale(1.1);}
.works_hero .work-details-info {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
}
.work-tags ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 10px;
}
.work-tags ul li {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 3px 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.work-details-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(1.23deg, rgba(0, 0, 0, 0.65) 1.2%, rgba(255, 255, 255, 0) 99.29%);
}
.works_main_image, .works_main_image img {max-height: 1000px;}
.image_2_box, .image_gallery_main {height: 600px; max-height: 600px;}
.image_2_box img {object-position: bottom;}
.image_gallery_main {margin-bottom: 2rem;}
.image_gallery_2 {height: 450px; max-height: 450px;}

.aspect_ratio_one {
    aspect-ratio: 425 / 568 !important;
    width: 100% !important;
    object-fit: cover;
}

.masonry {
  column-count: 4;        /* Number of columns */
  column-gap: 1rem;       /* Space between columns */
  list-style: none;
  margin: 0;
  padding: 0;
}
.masonry li {
  break-inside: avoid;    /* Prevent images from breaking across columns */
  margin-bottom: 1rem!important;
}
.masonry img {width: 100%;display: block;border-radius: 8px;}
.about_text {font-family: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 16px;}
.sppb-addon-image-overlay-icon {line-height: 38px;}
.artolio-work-listing .work-item-description {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: calc(100% - 80px);
}
.artolio-work-listing .artolio-work-item-button {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.work-item-image {
    position: relative;
}

/*.work-item-image:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0px;
    height: 191px;
    background: linear-gradient(0deg, rgb(0 0 0 / 85%) 0%, rgba(0 0 0 / 0) 100%);
    backdrop-filter: blur(1px);
}*/
/* WORKS END */
.contact_form label {
    font-family: 'Playfair Display';
}
.home_testimonials{
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.9)),url(/images/banners/testimonials_image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    box-shadow: 0 0 0 0 #FFFFFF;
}
.gallery_boxes, .contact_boxes {
    display: flex;
    align-items: center;
    justify-content: center;
}
.back_btn {text-align: center;margin: 4rem 0 0;}
.contact_boxes img {max-height: 400px;}
.contact_container .sppb-row-column {padding:0;}

/*.contact_info a {color: black;}
.contact_info a:hover {color: #a35745;}*/
.about_us, .contact_us {margin-top: 10rem!important;}
.social_icons .sppb-btn {font-size: 2.2rem;padding:0;}
.social_icons a {color: #383838!important;}

/* HOMEPAGE QUOTE START */
.main_quote {display: flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.main_quote {filter: grayscale(1);}
/* HOMEPAGE QUOTE END */

/* CAROUSEL START */

.carousel_img img {object-fit: cover!important;}
.carousel_img .sppb-carousel-extended-item {max-width:545px;}

/* HOMEPAGE END */

/* BOTTOM */
.btn-outline {
    outline: 1px solid #a2a2a2;
    border-radius: 0;
    color: #a2a2a2!important;
}
.btn-outline.back:hover {
    outline: 1px solid white;
    background: white;
    color: black !important;
}
#sp-footer .container {
    min-width: 100% !important;
    width: 100% !important;
}
/* BOTTOM END */ 
