/* <-- Buttons --> */

/* <-- button c1 --> */

.btn.c1-btn-bg-hover:hover > span, 
.btn.c1-btn-bg-hover:focus > span, 
.btn.c1-btn-bg-hover:active > span, 
.btn-bg_c1-btn-bg-hover .btn:hover > span, 
.btn-bg_c1-btn-bg-hover .btn:focus > span, 
.btn-bg_c1-btn-bg-hover .btn:active > span, a:hover .btn.c1-btn-bg-hover > span, 
a:focus .btn.c1-btn-bg-hover > span, a:active .btn.c1-btn-bg-hover > span, 
.btn.c1-btn-bg-hover-solid:hover > span, .btn.c1-btn-bg-hover-solid:focus > span, 
.btn.c1-btn-bg-hover-solid:active > span, .btn-bg_c1-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:focus > span, .btn-bg_c1-btn-bg-hover-solid .btn:active > span, 
a:hover .btn.c1-btn-bg-hover-solid > span, a:focus .btn.c1-btn-bg-hover-solid > span, 
a:active .btn.c1-btn-bg-hover-solid > span {
    background:transparent!important;
}

.btn.c1-btn-bg.c1-btn-bg-solid, 
.c1-btn-bg:hover, .btn-bg_c1-btn-bg .btn:hover, .btn.c1-btn-bg:focus, 
.btn-bg_c1-btn-bg .btn:focus, .btn.c1-btn-bg:active, 
.btn-bg_c1-btn-bg .btn:active {
    background:transparent!important;
    background-image:url(/media/equg1tjb/black-marble-dev.jpg)!important;
}

.btn.c1-btn-borders,
.btn.c2-btn-borders{
    border:none!important;
}

.btn.c1-btn-bg {
  overflow: hidden;
  transition: all 0.3s ease!important;
}

.btn.c1-btn-bg:hover {
    transform:translateY(-2.5px);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75)!important;
}

.btn.c1-btn-bg:hover::before,
.btn.c1-btn-bg:hover::after {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; 
}

.btn.c1-btn-bg::before,
.btn.c1-btn-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  opacity: 0.8;
}

.btn.c1-btn-bg::before {
  animation: shineMove 6s infinite;
}

.btn.c1-btn-bg::after {
  animation: shineMove 6s infinite 1.2s;
}

@keyframes shineMove {
  0% {
    left: -75%;
  }
  20% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}


/* <-- button c2 --> */

.btn.c2-btn-bg-hover:hover > span, 
.btn.c2-btn-bg-hover:focus > span, 
.btn.c2-btn-bg-hover:active > span, 
.btn-bg_c2-btn-bg-hover .btn:hover > span, 
.btn-bg_c2-btn-bg-hover .btn:focus > span, 
.btn-bg_c2-btn-bg-hover .btn:active > span, a:hover .btn.c2-btn-bg-hover > span, 
a:focus .btn.c2-btn-bg-hover > span, a:active .btn.c2-btn-bg-hover > span, 
.btn.c2-btn-bg-hover-solid:hover > span, .btn.c2-btn-bg-hover-solid:focus > span, 
.btn.c2-btn-bg-hover-solid:active > span, .btn-bg_c2-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:focus > span, .btn-bg_c2-btn-bg-hover-solid .btn:active > span, 
a:hover .btn.c2-btn-bg-hover-solid > span, a:focus .btn.c2-btn-bg-hover-solid > span, 
a:active .btn.c2-btn-bg-hover-solid > span {
    background:transparent!important;
}

.btn.c2-btn-bg.c2-btn-bg-solid, 
.c2-btn-bg:hover, .btn-bg_c2-btn-bg .btn:hover, .btn.c2-btn-bg:focus, 
.btn-bg_c2-btn-bg .btn:focus, .btn.c2-btn-bg:active, 
.btn-bg_c2-btn-bg .btn:active {
    background-image:url(/media/uohj5ic2/marble-white-small.png);
    background-size:cover;
    background-position:center;
}

.btn.c2-btn-bg {
  overflow: hidden;
  transition: all 0.3s ease!important;
}

.btn.c2-btn-bg:hover {
    transform:translateY(-2.5px);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75)!important;
}

.btn.c2-btn-bg:hover::before,
.btn.c2-btn-bg:hover::after {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; 
}

.btn.c2-btn-bg::before,
.btn.c2-btn-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  opacity: 0.8;
}

.btn.c2-btn-bg::before {
  animation: shineMove 6s infinite;
}

.btn.c2-btn-bg::after {
  animation: shineMove 6s infinite 1.2s;
}

/* <-- HEADER --> */

header#site-header .form.site-search-form.site-search {
    display:none!important;
}

html.nav-up:not(.reached-top) header#site-header, 
header#site-header {
    background:transparent!important;
    backdrop-filter:blur(10px);
}

body.header-02-lg header#site-header nav.main > ul > li > span::before {
    top:auto!important;
    bottom:0!important;
    left:0!important;
    right:auto!important;
    width:0;
    height:0;
}

html.no-touch body.header-02-lg header#site-header nav.main > ul > li:hover > span::before {
    width:100%!important;
    height:100%!important;
    background-size:cover;
    background-position:center;
}

body:not(.header-03-sm) nav.main > ul,
body:not(.header-03-sm) nav.main ul li {
    border:none!important;
}

/* Nav Services Component */

.navServices .item .image picture {
    display:flex;
    justify-content:end;
}
.navServices .item .image img{
    width:30%!important;
}

.navServices .item .inner.base-bg.base-bg-solid,
.navServices .image.base-bg.base-bg-solid{
    background:transparent!important;
}

/* <-- BODY --> */

/* <-- Contact Page --> */

.contact-page-custom {
    background-image: url(/media/5gjdjmn5/marble-bg.png);
    background-size:cover;
    background-position:center;
}

.contact-page-custom section.content,
.contact-page-custom footer#site-footer{
    background:transparent!important;
}

.contact-page-custom footer#site-footer .image.background-image {
    background-image:url()!important;
}

.contactPage .component-inner .item.usn_cmp_form .inner {
    background:transparent!important;
}

.contactPage .usn_cmp_form .form-control, .contactPage .usn_cmp_form .form-control:focus {
    background:transparent!important;
    color:#fff;
    outline:none!important;
    border-bottom:1px solid #fff!important;
}

.contactPage .usn_cmp_form .form-control::placeholder {
    color:#b5b5b5!important;
}

.contactPage .field-validation-error {
    background:rgba(var(--form-errors), 0.5)!important;
}

.contactPage .usn_cmp_form .btn {
    width:100%!important;
}

.contactPage .usn_cmp_pods .usn_pod_textimage .info .text, 
.contactPage .usn_cmp_pods .usn_pod_textimage .info .heading{
    color:#fff!important;
}

.contactPage .usn_cmp_pods .usn_pod_textimage .image img {
    width:70%!important;
}

.contactPage .usn_cmp_pods .usn_pod_textimage .inner {
    padding:15px!important;
    /*box-shadow:0px 0px 5px 5px rgba(255,255,255,0.75) inset;*/
    box-shadow:2px 2px 5px 0px rgba(255,255,255,0.75) inset, -2px -2px 5px 0px rgba(255,255,255,0.75) inset;
    border:5px inset rgb(255, 255, 255);
}

.contactPageIntro .info .text {
    text-shadow:-2px -2px 3px rgba(255,255,255,0.5), 2px 2px 3px rgba(0,0,0,0.5);
}

@media (min-width:992px) {
    .contactPods .component-main .item {
        display:flex;
        justify-content:center;
    }

    .contactPods .component-main .item .inner {
        width:40%!important;
    }
}



/* <-- Form Inputs --> */

.usn_cmp_form .control-label {
    color:#fff!important;
}

.usn_cmp_form .form-control,
.usn_cmp_form .form-control:focus{
    color:#000;
    background:#fff!important;
}

.usn_cmp_form .form-control {
    border:none!important;
}

.usn_cmp_form .form-control:focus {
    border:none!important;
}

.usn_cmp_form .form-control::placeholder {
    color:#000!important;
}


/* <-- Home Page --> */

.bannerSection.homeBanner {
    box-shadow:0 0 5px 5px #000;
}

.homeServices .umb-grid .col-md-3 div {
    display:grid;
}

.homeServices .umb-grid .col-md-3 img {
    width:70%!important;
    justify-self:center;
}

@media (max-width:567px) {
    .servicePods .image.background-image {
        background-size:cover!important;
    }
}

.homeContact .item.homeContactText {
    align-self:start!important;
}


.center-pods .component-main.listing-pods {
    display:flex!important;
    justify-content:center;
}

.contactForm .inner {
    background-image:url(/media/equg1tjb/black-marble-dev.jpg);
}

.homeInfoContact {
    display:flex!important;
}

.homeInfoContact .icon {
    line-height:1.5;
    margin-right:5px;
}

/* <-- Back To Top Button --> */

#back-to-top-link {
    background-image:url(/media/uohj5ic2/marble-white-small.png)!important;
    background-size:cover;
    background-position:center;
    border:none;
}

#back-to-top-link.btn.base-btn-bg-hover-solid:hover > span {
    background-image:url(/media/equg1tjb/black-marble-dev.jpg)!important;
}


/* <-- Custom Classes --> */

.img-70 .inner img {
    width:70%!important;
}

.usn_cmp_pods.center-pods  .main-component {
    justify-content:center;
}

.diagonical-crop .image {
    clip-path: polygon(
        40% 0%,   
        100% 0%,  
        100% 100%,
        60% 100%  
    );
}

.ipiresiesMob .component-main .item.usn_cmp_gallery .component-main .item {
    padding-bottom:0!important;
}

.ipiresiesMob .component-main .item.usn_cmp_text .info .link {
    justify-content:center!important;
}

.footerLinks .inner .component-main .item a i {
    display:none!important;
} 

