html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
body {
    margin: 0;
    background: #000000;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

body {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre,
fieldset,
ul,
ol,
menu,
form {
    margin: 0;
}

button,
fieldset,
iframe {
    border: 0;
}

fieldset,
ul,
ol,
button,
menu {
    padding: 0;
}

ol,
ul {
    list-style: none;
}

textarea {
    resize: vertical;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    padding: 0;
}

@font-face {
    font-family: "Akrobat";
    src: url("../webfonts/Akrobat-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Athena";
    src: url("../webfonts/Athena-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Runters";
    src: url("../webfonts/Black-Runters.woff2") format("woff2"), url("../webfonts/Black-Runters.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

a {
    color: inherit;
}

body {
    font-family: "Akrobat";
    color: white;
    background: white;
}

header {
    padding: 20px 0;
    position: sticky;
    z-index: 9;
    top: 0;
    transition: all .3s ease;
}

.sticky-header {
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: white;
}

header .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .header-right {
    display: flex;
    align-items: center;
    gap: 90px;
}

header .header-right .header-menu {
    display: flex;
    gap: 45px;
    font-size: 20px;
    font-family: 'Akrobat';
    color: black;
}

header .header-right .header-menu a:hover {
    opacity: 0.6;
}

a {
    transition: all .3s ease;
}

.swiper-container {
    overflow: hidden;
}

.social-links {
    display: flex;
    gap: 11px;
    font-size: 18px;
}

.social-links a {
    display: inline-flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border: solid 1px #000000;
    border-radius: 50%;
    color: black;
}

.flex-center {
    align-items: center;
}

.hero-component {
    padding: 0 36px;
    z-index: -1;
    margin-bottom: 200px;
    position: relative;
}

.hero-component .hero-wrapper {
    position: relative;
}

.hero-left-content .top-title {
    font-family: 'Athena';
    font-size: 76px;
    color: #B3806A;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 40px;
    line-height: 70px;
    letter-spacing: 3px;
}

.hero-left-content .top-title::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 5px;
    background: #C5876C;
    bottom: 0;
    border-radius: 20px;
}

.hero-left-content .desc {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 50px;
    font-family: 'Akrobat';
    color: #F9E6D7;
}

.hero-left-content .read-more-btn {
    display: flex;
    align-items: center;
    color: #D7A189;
    font-size: 22px;
    letter-spacing: 6px;
    gap: 15px;
    font-family: 'Akrobat';
}

.hero-left-content .read-more-btn:hover {
    color: white;
}

.arrow-btn {
    position: absolute;
    bottom: -250px;
    left: 50%;
    transform: translateX(-50%);
}

.about-us {
    padding: 200px 0 30px 0;
}

.about-left-content .top-sub-title {
    color: black;
    font-size: 22px;
    margin-bottom: 25px;
    font-family: 'Akrobat';
    letter-spacing: 4px;
}

.about-left-content .big-title {
    font-family: 'Athena';
    font-size: 70px;
    line-height: 65px;
    padding-bottom: 22px;
    margin-bottom: 45px;
    position: relative;
    color: black;
}

.about-left-content .big-title::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 5px;
    border-radius: 50px;
    background: #2589ad;
    bottom: 0;
    left: 0;
}

.about-left-content .desc {
    font-size: 28px;
    margin-bottom: 60px;
    font-family: 'Akrobat';
    color: black;
}

.read-more-btn {
    display: flex;
    align-items: center;
    color: black;
    font-size: 22px;
    letter-spacing: 6px;
    gap: 15px;
    font-family: 'Akrobat';
}

.icon-box .icon {
    margin-bottom: 20px;
}

.icon-box .title {
    font-family: 'Athena';
    font-size: 34px;
    color: #F9E6D7;
    margin-bottom: 10px;
}

.icon-box .text {
    font-size: 20px;
    line-height: 22px;
    font-family: 'Akrobat';
    color: #F9E6D7;
}

.icon-box {
    margin-bottom: 35px;
}

.icon-box .title span {
    margin-left: 5px;
    display: inline-block;
    margin-right: -4px;
}


/* home slogan */

.home-slogan .top-slogan-area {
    position: relative;
    margin-bottom: 20px;
}

.home-slogan .top-slogan-area .bg img {
    position: absolute;
    bottom: 0;
}

.home-slogan {
    padding: 200px 0 250px 0;
}

.home-slogan .top-slogan-area .title {
    font-family: 'Athena';
    font-size: 60px;
    text-align: center;
    transform: translateY(-40px);
    color: black;
}

.home-slogan .top-slogan-area::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 5px;
    background: #2589ad;
    border-radius: 50px;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
}

.home-slogan .top-desc {
    font-size: 28px;
    text-align: center;
    padding: 0 80px;
    font-family: 'Akrobat';
    color: #000000b8;
    letter-spacing: 1px;
}


/* services */

.services-component {
    padding: 50px 0 250px 0;
}

.section-top {
    text-align: center;
}

.section-top .icon {
    margin-bottom: 50px;
}

.section-top .title {
    font-size: 50px;
    font-family: 'Athena';
    color: #F9E6D7;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.section-top .desc {
    font-size: 26px;
    text-align: center;
    margin-bottom: 65px;
}

.service-box {
    display: block;
    position: relative;
}

.service-box::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all .3s ease;
    background: linear-gradient(360deg, #D7A189 -18.92%, rgba(0, 0, 0, 0) 59.67%);
}

.service-box .picture img {
    width: 100%;
    min-height: 600px;
    object-fit: cover;
    filter: grayscale(1);
}

.service-box .service-title {
    position: absolute;
    text-transform: uppercase;
    top: 48px;
    left: 43px;
    color: #F9E6D7;
    font-size: 22px;
    max-width: 60%;
    transition: all .3s ease;
    font-family: 'Akrobat';
}

.service-box .read-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.service-box:hover .read-btn {
    opacity: 1;
    visibility: visible;
}

.service-box:hover .service-title {
    visibility: hidden;
    opacity: 0;
}

.service-box:hover::before {
    opacity: 0;
}

.swiper-slider {}

.btn-all {
    text-align: center;
    margin-top: 70px;
    display: flex;
    justify-content: center;
}

.btn-all .read-more {
    color: #D7A189;
    font-size: 24px;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.btn-all .read-more:hover {
    color: white;
}

.home-contact-slogan .left-area .title {
    font-size: 51px;
    font-family: 'Athena';
    margin-bottom: 40px;
    color: white;
}

.home-contact-slogan .left-area .desc {
    font-size: 28px;
    font-family: 'Akrobat';
    color: #E5ECE2;
}

.home-contact-slogan .left-area {
    padding-left: 100px;
    position: relative;
}

.home-contact-slogan .bg {
    position: absolute;
    top: -150px;
    left: 0;
    width: 100%;
    z-index: -1;
}

.home-contact-slogan .bg img {
    width: 100%;
}

.home-contact-slogan {
    padding-top: 200px;
    padding-bottom: 350px;
}

.home-contact-slogan .right-box .logo {
    width: calc(70% + 4px);
    padding: 40px;
    min-height: 259px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(226.81deg, #D7A189 -26.12%, #80523F 111.66%);
}

.home-contact-slogan .right-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.home-contact-slogan .right-box .read-more {
    display: flex;
}

.home-contact-slogan .right-box .read-btn {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    margin-top: 8px;
}

.home-contact-slogan .right-box .read-btn .read-more .border {
    position: absolute;
    width: 100%;
}

.home-contact-slogan .right-box .read-btn .read-more {
    width: 29%;
    display: inline-flex;
    height: 104px;
    align-items: center;
    justify-content: center;
    position: relative;
}

.home-contact-slogan .right-box .read-btn .read-more .border img {
    width: 100%;
}

.why-us-right-area .top-title {
    color: black;
    font-size: 22px;
    letter-spacing: 5px;
    margin-bottom: 10px;
    font-family: 'Akrobat';
}

.why-us-right-area .big-title {
    font-family: 'Athena';
    color: black;
    font-size: 38px;
    padding-bottom: 25px;
    margin-bottom: 60px;
    position: relative;
}

.why-us-right-area .big-title::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 5px;
    background: #2589ad;
    bottom: 0;
    border-radius: 50px;
}

.number-box {
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
    margin-bottom: 30px;
}

.number-box .title {
    color: black;
    font-size: 30px;
    font-family: 'Athena';
    margin-bottom: 14px;
}

.number-box .text {
    font-size: 18px;
    font-family: 'Akrobat';
    color: #827979;
    line-height: 25px;
}

.why-us .left-picture img {
    width: 100%;
}

.why-us-right-area .big-title span {
    display: inline-block;
    margin-left: 5px;
    margin-right: -7px;
}

.gallery-home {
    padding-top: 270px;
    padding-bottom: 330px;
}

.gallery-content-area .top-title {
    font-size: 28px;
    color: black;
    letter-spacing: 3px;
    margin-bottom: 16px;
    font-family: 'Akrobat';
}

.gallery-content-area .title {
    color: black;
    font-size: 56px;
    font-family: 'Athena';
    padding-bottom: 24px;
    margin-bottom: 32px;
    position: relative;
}

.gallery-content-area .title::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 5px;
    background: #2589ad;
    bottom: 0;
    border-radius: 50px;
}

.gallery-content-area .desc {
    font-size: 24px;
    color: #373533;
    letter-spacing: 1px;
}

.gallery-box {
    margin-bottom: 30px;
    display: block;
}

.gallery-box img {
    border-radius: 22px;
    /* filter: grayscale(1); */
    transition: all .3s ease;
}

.gallery-box:hover img {
    /* filter: grayscale(0); */
}

.gallery-home .row .col-md-3:nth-child(4) .gallery-box img {
    filter: grayscale(0);
}

.gallery-content-area .title span {
    margin-left: 5px;
    margin-right: -7px;
}

.section-testimonials-top .big-title {
    font-family: 'Athena';
    color: black;
    font-size: 60px;
    margin-bottom: 45px;
    text-align: right;
}

.section-testimonials-top .section-title {
    color: black;
    font-size: 28px;
    letter-spacing: 5px;
    display: inline-flex;
    background: white;
    padding-right: 50px;
    font-family: 'Akrobat';
}

.section-testimonials-top {
    margin-bottom: 75px;
}

.section-title-wrapper {
    position: relative;
}

.section-title-wrapper::before {
    width: 100%;
    height: 5px;
    position: absolute;
    background: #2589ad;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    border-radius: 50px;
}

.testimonials-picture img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.testimonials-content .desc {
    font-size: 28px;
    margin-bottom: 80px;
    font-family: 'Akrobat';
    color: black;
}

.testimonials-content .name {
    font-family: 'Athena';
    color: black;
    font-size: 30px;
    margin-bottom: 12px;
}

.testimonials-content .surname {
    font-size: 20px;
    font-family: 'Akrobat';
    color: #2589ad;
    letter-spacing: 2px;
}

.testimonials .col-md-6 .heart-icon {
    position: absolute;
    right: -47px;
    top: 50%;
    transform: translateY(-50%);
}

.testimonials .col-md-6 {
    position: relative;
}

.testimonials {
    padding-bottom: 200px;
}

.swiper-area .all-btn {
    display: flex;
    justify-content: flex-end;
    color: #B59B74;
    font-size: 24px;
    letter-spacing: 3px;
}

.swiper-area .all-btn:hover {
    color: black;
}

footer .top-logo {
    text-align: center;
    margin-bottom: 45px;
}

.footer-menu {
    display: flex;
    gap: 60px;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 60px;
    font-family: 'Akrobat';
    color: black;
    letter-spacing: 3px;
}

.footer-bar {
    padding: 12px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    margin-bottom: 21px;
    font-family: 'Akrobat';
}

.footer-bar .social-links a {
    color: white;
    border: solid 1px;
    font-size: 13px;
    width: 25px;
    height: 25px;
}

.footer-mini-box {
    display: flex;
    gap: 5px;
    color: white;
    letter-spacing: 1px;
}

.footer-mini-box span {
    font-weight: 500;
    color: white;
    font-weight: bold;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    color: black;
}

.footer-bottom .copyright {
    color: #88776D;
    font-size: 18px;
    font-family: 'Akrobat';
}

.footer-mini-box a:hover {
    color: black;
}


/* breadcrumb */

.breadcrumb {
    padding: 0;
    text-align: center;
    border-bottom: solid 1px #a4a3a396;
    background: #2589ad;
}

.breadcrumb h1 {
    font-family: 'Athena';
    color: white;
    font-size: 60px;
    margin-bottom: 20px;
}

.breadcrumb ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    font-size: 20px;
    color: white;
}

.breadcrumb ul li a {
    position: relative;
}

.breadcrumb ul li a::before {
    position: absolute;
    content: '|';
    right: -16px;
    top: 2px;
}

.breadcrumb-wrapper {
    padding: 40px 0;
    border-radius: 3px;
}

.content-wrapper {
    line-height: 1.6;
    word-wrap: break-word;
}

.content-wrapper::before,
.content-wrapper::after {
    content: "";
    clear: both;
    display: table;
}

.content-wrapper iframe {
    max-width: 100%;
}

.content-wrapper img {
    max-width: 100%;
    height: auto !important;
    margin: 10px 0px;
}

.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4,
.content-wrapper h5,
.content-wrapper h6 {
    margin-bottom: 12px;
    font-family: 'Athena';
    color: #B3806A;
}

.content-wrapper p {
    margin-bottom: 10px;
    color: black;
    font-size: 18px;
    letter-spacing: 1px;
}

.content-wrapper ul,
.content-wrapper ol {
    display: block;
    list-style: inherit;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    color: #F9E6D7;
    padding: 0 0 0 15px;
}

.content-wrapper ol {
    list-style-type: decimal;
}

.content-wrapper table {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .content-wrapper table {
        display: block;
        border: none;
        overflow-x: scroll;
        height: 100% !important;
    }
}

@media (max-width: 991px) {
    .content-wrapper h2 {
        font-size: 22px;
    }
}

.page-detail {
    padding: 80px 0;
}

.page-detail .service-box {
    display: block;
    margin-bottom: 30px;
}

.lb-loader,
.lightbox {
    text-align: center;
    line-height: 0;
}

.lb-dataContainer:after,
.lb-outerContainer:after {
    content: "";
    clear: both;
}

html.lb-disable-scrolling {
    overflow: hidden;
    position: fixed;
    height: 100vh;
    width: 100vw;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    font-weight: 400;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid #fff;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff;
}

.lb-loader,
.lb-nav {
    position: absolute;
    left: 0;
}

.lb-outerContainer:after {
    display: table;
}

.lb-loader {
    top: 43%;
    height: 25%;
    width: 100%;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container>.nav {
    left: 0;
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/prev-1.png) left 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}

.lb-nav a.lb-prev:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/next-1.png) right 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}

.lb-nav a.lb-next:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    display: table;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em;
}

.lb-data .lb-caption a {
    color: #4ae;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: right;
    outline: 0;
    filter: alpha(Opacity=70);
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: alpha(Opacity=100);
    opacity: 1;
}


/*! Lity - v2.4.0 - 2019-08-10
* http://sorgalla.com/lity/
* Copyright (c) 2015-2019 Jan Sorgalla; Licensed MIT */

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.lity.lity-opened {
    opacity: 1;
}

.lity.lity-closed {
    opacity: 0;
}

.lity * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important;
}

.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.lity-loading .lity-loader {
    opacity: 1;
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important;
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.lity-close:active {
    top: 1px;
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0;
}

.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px;
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

.lity-hide {
    display: none;
}

.contact-page-infos ul li {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    font-size: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.contact-page-infos ul li .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    border-radius: 50%;
    font-size: 28px;
    min-width: 35px;
}

.detail-gallery {
    margin-top: 60px;
}

.detail-gallery .gallery-title {
    font-family: 'Runters';
    color: #b59b74;
    font-size: 52px;
    margin-bottom: 20px;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999999;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
    padding: 0;
    margin: 0;
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 80%;
    pointer-events: auto;
    background-color: white;
    background-clip: padding-box;
    outline: 0;
    z-index: 999999999;
    min-height: 100vh;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: .5;
}

.modal-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.modal-footer> :not(:first-child) {
    margin-left: .25rem;
}

.modal-footer> :not(:last-child) {
    margin-right: .25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.fade {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        transition: none;
    }
}

.page-detail .service-box {
    border-radius: 24px;
}

.page-detail .service-box img {
    border-radius: 24px;
}

.page-detail .service-box::before {
    border-radius: 24px;
}

.gallery-box img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.header-mobile-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-mobile {
    padding: 10px 15px;
}

.header-mobile img {
    max-width: 190px;
}

.header-mobile i {
    font-size: 32px;
}

.header-mobile {
    display: none;
}

.gallery-home .gallery-box img {
    height: 306px;
}


/* mobil */

@media(max-width:992px) {
    .header-mobile {
        display: block;
        position: sticky;
        top: 0;
        z-index: 99999;
        background: white;
    }
    header#main-header {
        display: none;
    }
    .hero-left-content .top-title {
        font-size: 48px;
        line-height: 54px;
    }
    .hero-component {
        margin: 0;
        padding: 0 15px;
        margin-top: 20px;
    }
    .right-hero-image img {
        width: 100%;
    }
    .hero-component .hero-wrapper {
        padding: 60px 0 0;
        border-radius: 40px;
    }
    .about-us {
        padding: 50px 0 0 0;
    }
    .about-left-content .big-title {
        font-size: 52px;
        line-height: 58px;
        margin-bottom: 25px;
    }
    .about-left-content .desc {
        font-size: 24px;
        margin-bottom: 40px;
    }
    .about-left-content {
        margin-bottom: 50px;
    }
    .icon-box .title {
        font-size: 30px;
    }
    .icon-box .text {
        font-size: 18px;
    }
    .home-slogan {
        padding: 150px 0 50px 0;
    }
    .home-slogan .top-slogan-area .bg img {
        display: none;
    }
    .home-slogan .top-slogan-area .title {
        font-size: 52px;
    }
    .home-slogan .top-slogan-area::before {
        top: unset;
        bottom: 24px;
    }
    .home-slogan .top-desc {
        padding: 0 15px;
    }
    .services-component {
        padding: 50px 0 0px 0;
    }
    .home-contact-slogan .bg {
        display: none;
    }
    .home-contact-slogan .left-area {
        padding: 0;
    }
    .home-contact-slogan {
        padding: 100px 0;
    }
    .home-contact-slogan .left-area .desc {
        font-size: 24px;
        margin-bottom: 50px;
    }
    .number-box {
        grid-template-columns: 1fr;
        margin-bottom: 50px;
    }
    .why-us-right-area .big-title {
        font-size: 52px;
    }
    .gallery-home {
        padding: 100px 0;
    }
    .gallery-content-area {
        margin-bottom: 60px;
    }
    .section-testimonials-top .big-title {
        text-align: center;
        font-size: 40px;
    }
    .section-title-wrapper::before {
        display: none;
    }
    .section-testimonials-top .section-title {
        padding: 0;
        text-align: center;
    }
    .testimonials-content {
        margin-top: 30px;
        margin-bottom: 45px;
    }
    .testimonials {
        padding-bottom: 100px;
    }
    .footer-menu {
        flex-wrap: wrap;
    }
    .footer-bar {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .footer-bar .social-links {
        width: 100%;
        justify-content: center;
        margin-bottom: 12px;
    }
    .footer-mini-box {
        margin-bottom: 12px;
    }
    .footer-bottom {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        gap: 30px;
    }
    .service-box .service-title {
        left: 24px;
        top: 24px;
    }
    .page-detail {
        padding: 40px 0;
    }
    .breadcrumb h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }
    .breadcrumb ul {
        overflow-x: auto;
        width: 100%;
        overflow-wrap: break-word;
        white-space: nowrap;
        padding: 0 10px;
        font-size: 18px;
    }
    .breadcrumb-wrapper {
        font-size: 14px;
    }
    .header-mobile .toogle-btn {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 18px;
        color: black;
    }
    button.btn-close {
        position: absolute;
        top: 4px;
        right: 7px;
        z-index: 999;
        font-size: 32px;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: black;
        cursor: pointer;
        color: white;
    }
    .mobile-nav ul {
        font-size: 22px;
        color: black;
    }
    .mobile-nav ul li {
        margin-bottom: 24px;
    }
}

.gallery-box {
    position: relative;
}

.gallery-box .title {
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 10%;
    background: #B59B74;
    font-family: 'Brinnan';
    padding: 10px;
    text-align: center;
    font-size: 14px;
    border-radius: 20px 20px 0 0;
    color: #EBE6DF;
    letter-spacing: 1px;
}

.gallery-category {}

.gallery-category .category-title {
    font-size: 36px;
    margin-bottom: 30px;
    text-align: center;
}

html {
    scroll-behavior: smooth;
}

.slider-box img {
    width: 100%;
}

.center-image img {
    max-width: 100%;
}

.hero-component::before {
    position: absolute;
    content: '';
    width: 448px;
    height: 448px;
    background: #8D5137;
    filter: blur(128px);
    z-index: -1;
    bottom: 0;
    left: 0;
}

.footer-bar-area {
    background: linear-gradient(77.17deg, #2589ad -2.69%, #2589ad 22.6%, #2589ad 32.17%, #2589ad 49.94%, #2589ad 80.69%, #2589ad 108.71%, #2589ad 119.65%, #2589ad 140.15%, #2589ad 171.59%);
}

.contact-page-infos ul li span {
    display: block;
}

.service-mini-box {
    display: block;
    position: relative;
    transition: all .3s ease;
    margin-bottom: 24px;
    height: 300px;
}

.service-mini-box .picture img {
    width: 100%;
    transition: all .3s ease;
}

.service-mini-box::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(222.02deg, #2589ad -0.74%, #2589ad 98.4%);
    transition: all .3s ease;
}

.service-mini-box .title {
    position: absolute;
    bottom: 50px;
    left: 38px;
    font-size: 36px;
    font-family: 'Athena';
    color: white;
    width: 80%;
}

.service-mini-box .icon {
    position: absolute;
    top: 34px;
    left: 38px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: black;
    border-radius: 50%;
    transition: all .3s ease;
}

.service-mini-box .icon::before {
    position: absolute;
    content: '';
    width: 68px;
    height: 68px;
    left: -9px;
    top: -9px;
    border: solid 2px #F9E6D780;
    border-radius: 50%;
}

.service-mini-box:hover::before {
    background: linear-gradient(45deg, #2589ad -2.57%, rgba(0, 0, 0, 0) 97.43%);
    transition: all .3s ease;
}

.service-mini-box:hover .icon {
    opacity: 0;
}

.service-box .location {
    position: absolute;
    left: 0;
    bottom: 101px;
    transform: rotate(-90deg);
    font-size: 20px;
    z-index: 999;
    color: #F9E6D7;
    transition: all .3s ease;
}

.service-box:hover .location {
    opacity: 0;
}


/* Style the tab */

.tab {
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-bottom: 65px;
    gap: 30px;
}


/* Style the buttons that are used to open the tab content */

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 34px;
    transition: 0.3s;
    border: solid 1px #B3806A;
    background: none;
    color: white;
    font-family: 'Akrobat';
    letter-spacing: 1px;
}


/* Change background color of buttons on hover */

.tab button:hover {
    background-color: #ddd;
}


/* Create an active/current tablink class */

.tab button.active {
    background: linear-gradient(82.98deg, #D7A189 3.44%, #80523F 87.21%);
}


/* Style the tab content */

.tabcontent {
    display: none;
    border-top: none;
}

header .header-wrapper .logo img {
    max-width: 200px;
}

section.slider-component img {
    height: 700px;
    object-fit: cover;
}

.contact-page-infos {
    color: black;
}

@media(max-width:992px){
    
    .service-mini-box .title {
    font-size: 24px;
    left: 20px;
}

.service-mini-box {
    height: 250px;
}
}