/* --- layout --- */

.preloader_image {
	height: 256px;
	left: 50%;
	margin: -128px 0 0 -128px;
	position: absolute;
	top: 50%;
	width: 256px;
}

.pd-b-10{
    padding-bottom: 10px!important;
}

 .fnt-14{
     font-size: 14px!important;
 }
    

/* --- fine layout --- */

/* --- header --- */

.page_header_side .phone {
    font-size: 18px;
}

.nav.menu-click>li{
    margin-bottom: 25px;
}

.nav.menu-click{
    margin-top: 20vh;
}

@media(max-width: 768px){
    .header_absolute {
        height: 400px;
    }
    .s-pt-115 > [class*='container'] {
        padding-top: 50px;
    }
}

/* --- fine header --- */

/* --- home --- */

.page_header_side .side_header_inner.ds {
    padding-top: 100px!important;
}

@media(min-width: 992px){
    .page_slider .intro_featured_word.home-first {
        font-size: 44px!important;
        white-space: unset!important;
    }
}

@media(min-width: 992px){
    .page_slider .intro_after_featured_word {
        font-size: 12px;
        letter-spacing: 1em;
    }
}

.ds .big-t-c {
    color:#c6ba93!important;
    font-size: 60px!important;
    line-height: 120px!important;
    text-transform: capitalize!important;
    text-align: center!important;
}

.no-border{
    border: none;
}

.top_mask_subtract-custom::before {
    -webkit-mask-size: contain!important;
    z-index: 99;
}

.s-overlay-custom.ds:before {
    background-color: #1a1a1a;
    opacity: 1;
}

.owl-controls {
position: relative;
top: -40px;
}

.gall-bk{
    background-color: darkgrey;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 20px;
    top: 50%;
    display: block;
    font-size: 3em!important;
    margin: 20px;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: -20px;
    top: 50%;
    display: block;
    font-size: 3em!important;
    margin: 20px;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

@media (max-width: 768px){
    .page_slider .intro_featured_word {
        font-size: 20px!important;
    }
    .ds .big-t-c {
        font-size: 40px!important;
        line-height: 50px!important;
    }
    .gall-bk{
        height:300px!important;
    }
}

@media(max-width: 450px){
    .gall-bk{
        height:200px!important;
    }
}

.h3{
    word-break: normal;
}

.owl-slider-home .item img {
    display: block;
    width: 100%;
    height: auto;
    z-index: 999;
}

@media (min-width: 1200px){
    .s-pb-xl-155 > [class*='container'] {
        padding-bottom: 55px;
    }
}

@media (min-width: 1200px){
    .s-pt-xl-205 > [class*='container'] {
        padding-top: 55px;
    }
}


/* --- fine home --- */

/* --- footer --- */

.footer-logo{
    width: 200px;
    margin-top: 40px;
}

@media (min-width: 1200px){
    .s-pt-xl-145 > [class*='container'] {
        padding-top: 45px;
    }
}


/* --- fine footer --- */

/* --- general --- */
body a {
    color: #c6ba93!important;
    font-weight: 600!important;
}

body, .ds .big-title, h1, h2, h3, h4, h5, h6, p, .page_header_side .side_header_inner .menu-side-click .menu-click a, blockquote footer  {
    font-family: 'Playfair Display', serif!important;
    text-transform: math-auto!important;
    font-weight: 100!important;
}

blockquote footer{
    text-transform: math-auto!important;
}
#toTop {
    background-color: #c6ba93;
}
.breadcrumb > li.active {
    color: #c6ba93;
}
::selection {
    background-color: #c6ba93;
    color: #fff;
}
.page_header_side .header-soc .toggle_menu_side:hover::before, .page_header_side .header-soc .toggle_menu_side:hover::after {
    color: #c6ba93;
}
.page_header_side .header-soc .toggle_menu_side:hover span::before, .page_header_side .header-soc .toggle_menu_side:hover span::after {
    background-color: #c6ba93 !important;
}
.banner__text {
    color: #c6ba93;
}
.ds .color-main {
    color: #c6ba93;
}
.response, .color-main {
    border-color: #c6ba93;
    color: #c6ba93;
}
.form-group .btn-submit {
    background-color: #c6ba93;
}
a.fa.color-bg-icon:hover {
    color: #c6ba93 !important;
}
a:hover {
    color: #c6ba93;
}
.media a:hover {
    color: #c6ba93 !important;
}
.bg-maincolor {
    background-color: #c6ba93;
}
/* --- fine general --- */