*{padding:0; margin:0; border:none; box-sizing:border-box;}
html {scroll-behavior: smooth;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;   vertical-align: baseline; }
a{color: #fff;-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
a:after,a:before{ -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
body {font-family: 'Space Grotesk', sans-serif; font-size: 16px; line-height:26px; font-weight: 400; color: #fff; background: none; padding: 0; margin: 0; border: none;position: relative; }
img{border:0; max-width: 100%;}



/*body{width: 100vw; height: 100vh;}*/

.wrapper {width: 100%; height: 100%;}
.logo img {width: 370px;}
.content-main {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 15px; min-height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
.logo-tagline {font-size: 39px;color: #fff;font-weight: 300;line-height: 1;padding: 15px 0 18px 0px;width: 100%;max-width: 700px;border-top: 2px solid #acacac;border-bottom: 2px solid #acacac;margin-bottom: 5%;}
.logo {text-align: center;margin-bottom: 1%;}
.text-wrap {text-align: center;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-around; max-height: 620px;}
.contact-info {display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 1200px;}
.contact-info > div {text-align: right;display: flex;flex-direction: column;padding: 5px 0;}
.contact-info > div.contact-email {padding: 0 5%;border-left: 2px solid #acacac;border-right: 2px solid #acacac;}
.contact-info-lbl {font-size: 28px;font-weight: 300;line-height: 1;margin-bottom: 15px;display: inline-block;color: #acacac;}
.contact-info-link {font-size: 32px;line-height: 1;display: inline-block;color: #fff;text-decoration: none;font-weight: 400;}

/*======================================== START GALLERY CSS ========================================*/
.section-title {color: #070707; text-align: center; font-size: 40px; font-weight: 700; margin-bottom: 30px; line-height: 1.3;}
.our_gallery_section{padding-top: 80px;padding-bottom: 80px; min-height: 100vh;}
.gallery_filter{width: 100%;}
.nav-tabs{border-bottom: none;}
.gallery_filter{margin-bottom: 40px;}
.filter-li{margin: 0px 20px;}
.filter-li .filter-links{text-transform: uppercase;font-size: 16px;font-weight: 600;color: 646464;padding: 10px;background-color: transparent;}
.filter-li .filter-links:hover{border-bottom-color: #070707;color: #070707;}
.filter-li.active .filter-links{border-bottom-color: #070707;color: #070707;}
.our_gallery_image_div{width: 100%;border-radius: 5px;box-shadow: 0px 13px 39px 0px rgba(0, 0, 0, 0.1);overflow: hidden;height: auto;margin: 15px 0;display: inline-block;}
.hidden{display: none;}
.our_gallery_image , .gallery-img{width: 100%}
.our_gallery_image{position: relative; line-height: 0;}
.images-hover{position: absolute;top: 0;left: 0;top: 0;right: 0;background-color: rgb(7 7 7 / 60%);height: 100%;opacity: 0;transition: all 0.4s ease-in-out;visibility: hidden;width: 0%;}
.our_gallery_img_link{display: flex;height: 100%;justify-content: center;align-items: center;}
.our_gallery_image_div:hover .images-hover{opacity: 1;visibility: visible;width: 100%;}
.our_gallery .selectCate{display: none;padding: 15px 10px;background: #070707;color: #fff;text-transform: uppercase;font-size: 18px;position: relative;}
.our_gallery .selectCate::after {content: "";top: 0;bottom: 0;margin: auto;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;height: 5px;position: absolute;right: 10px;width: 9px;}
.view_all_btn {width: 100%; text-align: center; margin-top: 40px;}
.btn {font-size: 14px; border-radius: 50px; padding: 10px 40px; box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.08) !important; transition: 0.5s ease all; font-weight: 500;}
.btn-green {background-color: #070707; color: #fff; border: 1px solid #070707;}

/* START BAGUETTEBOX CSS */
#baguetteBox-overlay {display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0,0,0,.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease}
#baguetteBox-overlay.visible {opacity: 1}
#baguetteBox-overlay .full-image {display: inline-block; position: relative; width: 100%; height: 100%; text-align: center}
#baguetteBox-overlay .full-image figure {display: inline; margin: 0; height: 100%}
#baguetteBox-overlay .full-image img {display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -moz-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption {display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal; color: #ccc; background-color: #0E2128; background-color: rgba(0,0,0,.6); font-family: sans-serif}
#baguetteBox-overlay .full-image:before {content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px}
#baguetteBox-slider {position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right {-webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left {-webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out}
@-webkit-keyframes bounceFromRight {
    0%,100% {margin-left: 0}
    50% {margin-left: -30px}
}
@keyframes bounceFromRight {
    0%,100% {margin-left: 0}
    50% {margin-left: -30px}
}

@-webkit-keyframes bounceFromLeft {
    0%,100% {margin-left: 0}
    50% {margin-left: 30px}
}

@keyframes bounceFromLeft {
    0%,100% {margin-left: 0}
    50% {margin-left: 30px}
}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button {top: 50%; top: calc(50% - 30px); width: 44px; height: 60px}
.baguetteBox-button {position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50,50,50,.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover {background-color: rgba(50,50,50,.9)}
.baguetteBox-button#next-button {right: 2%}
.baguetteBox-button#previous-button {left: 2%}
.baguetteBox-button#close-button {top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px}
.baguetteBox-button svg {position: absolute; left: 0; top: 0}
.baguetteBox-spinner {width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2 {width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2 {-webkit-animation-delay: -1s; animation-delay: -1s}
@-webkit-keyframes bounce {
    0%,100% {-webkit-transform: scale(0); transform: scale(0)}
    50% {-webkit-transform: scale(1); transform: scale(1)}
}
@keyframes bounce {
    0%,100% {-webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0)}
    50% {-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1)}
}
/*END BAGUETTEBOX CSS */

 /* Unique Scroll Button */
.scroll-btn{position:absolute;bottom:20px;right:50%;background:linear-gradient(45deg,#ff7b00,#ff4500);color:white;padding:10px 15px;border-radius:50px;text-decoration:none;font-size:18px;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.2);border:none;cursor:pointer; transform: translateX(50%); z-index: 1;}
.scroll-btn:hover{background:linear-gradient(45deg,#ff4500,#ff7b00);box-shadow:0 8px 20px rgba(0,0,0,0.3);}

/* Animated Downward Arrows */
.scroll-btn .arrow{display:flex;flex-direction:column;}
.scroll-btn .arrow span{display:block;width:10px;height:10px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg);margin:2px;animation:moveDown 1.5s infinite ease-in-out;}
.scroll-btn .arrow span:nth-child(2){animation-delay:0.2s;}
.scroll-btn .arrow span:nth-child(3){animation-delay:0.4s;}

/* Keyframe Animation */
@keyframes moveDown{
	0%{transform:rotate(45deg) translateY(0);opacity:1;}
	50%{transform:rotate(45deg) translateY(0px);opacity:0.5;}
	100%{transform:rotate(45deg) translateY(0px);opacity:0;}
}

.copyright{text-align: center; color: #070707; font-family: "Poppins", sans-serif; font-size: 14px; padding: 15px 20px; border-top: 1px solid #f1f1f1; display: flex; justify-content: center; align-items: center;}
.copyright img {width: 24px;margin: 0 3px;display: inline-block;vertical-align: middle;}

@media(min-width: 767.1px){
    .filter-li .filter-links{text-transform: uppercase;font-size: 16px;font-weight: 600;color: 646464;padding: 10px;border-bottom: 4px solid transparent;transition: all 0.4s ease-in-out;}
    .filter-li .filter-links:hover{border-bottom-color: #070707;color: #070707;}
    .filter-li.active .filter-links{border-bottom-color: #070707;color: #070707;}
}

@media only screen and (min-width: 1200px){
	.contact-info-link:hover {text-decoration: underline;}
	.btn-green:hover {background-color: transparent; color: #070707; border: 1px solid #070707;}
}
@media only screen and (max-width: 1199px){
	.logo img{width: 320px;}
	.contact-info-link{font-size: 24px;}
	.contact-info-lbl{font-size: 22px; margin-bottom: 10px;}
	.logo-tagline{max-width: 80%;}
	.our_gallery_section{padding-top: 60px;padding-bottom: 60px;}
}
@media only screen and (max-width: 991px){
	.logo img{width: 280px;}
	.logo-tagline{font-size: 28px; max-width: 70%;}
	.contact-info{flex-wrap: wrap;}
	.contact-info > div{padding: 20px 0;}
	.contact-info > div.contact-email {order: 3;border: 0;border-top: 1px solid #acacac;width: 100%;text-align: center;padding: 20px 0;}
	.our_gallery_section{padding-top: 50px;padding-bottom: 50px;}
}
@media only screen and (max-width: 767px){
	.logo{margin-bottom: 15px;}
	.contact-info-lbl{font-size: 18px; }
	.contact-info-link{font-size: 20px;}
	.logo-tagline{max-width: 90%; line-height: 1.3;}
	.logo-tagline{font-size: 24px; margin-bottom: 25px;}
	.our_gallery_section{padding-top: 40px;padding-bottom: 40px;}
}
@media only screen and (max-width: 479px){
	.logo img {width: 220px;}
	.contact-info > div, .contact-info > div.contact-email{order: unset; border: 0; text-align: left; padding: 15px 0; width: 100%;}
	.contact-info > div:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.2);}
}