/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#main>#block-search-blog{
	display: none !important;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
	background-color: rgb(255 255 255 / 80%);
}
#logo{
	display: none !important;
}
#header .social-icons a{
	border: none;
    background-color: rgba(0, 11, 15, 0.22);
    line-height: 1;
    padding-top: 9px;
    font-size: 16px;
}
.filtrs{
	position: absolute;
    top: 120px;
}
.header-rating-wrapper{
    position: absolute;
    right: 0;
    top: 34px;
    height: 64px;
    width: 64px;
    background-color: #006CE3;
    color: #fff;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.header-rating-main{
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
}
.header-rating-secondary{
    font-size: 8px;
}
.header_overflow {
    background-image: url(/wp-content/uploads/2024/09/overflow_btn.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 64px;
    width: calc(100% + 20px);
    position: relative;
    top: -63px;
}
.header_button-overflow {
    position: absolute;
    top: -15px;
    right: 50%;
    transform: translate(calc(50% - 11px), -10px);
    height: 48px;
    width: 28px;
    cursor: pointer;
}
#footer{
	margin-top: 50px;
}
#footer .fooo-img .img{
	max-width: 156px;
}
#footer .icon-box{
	margin-top: 20px;
}
#footer .social-icons a{
	margin-bottom: 0;
	background-color: transparent !important;
	border-color: transparent !important;
}
#footer>.section .row>.col.large-3.fooo-img{
	flex-basis: 20%;
	max-width: 20%;
}
#footer>.section .row>.col.large-3.fooo-img+.col.large-5{
	flex-basis: 46.6666666667%;
	max-width: 46.6666666667%;
}
#footer .icon-box-text{
	padding-top: 2px;
}
body blockquote, body dl, body figure, body form, body ol, body p, body pre, body ul{
    margin-bottom: 1em;
}
.zagoll{
	margin-bottom: 45px;
}
.zagoll+p{
	font-size: 20px;
}
.zagoll h3{
	font-size: 56px;
    line-height: 1;
    display: inline-block;
    width: auto;
    padding-right: 20px;
    background-color: #fff;
    position: relative;
    bottom: -16px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.zagoll:after{
	content: "";
	display: block;
    width: 100%;
    border-bottom: 1px solid #000;
}
#content section .button.primary{
	position: relative;
    z-index: 9;
    padding: 9px;
    max-width: 284px;
    width: 100%;
    margin: 0 auto;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    min-height: 48px;
	margin: 20px 0 40px 0;
}
#content section .button.primary:before{
    content: '';
    width: 100%;
    max-width: 284px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(5px, 5px);
    border: 1px solid #a59681;
    transition: opacity 1s, transform 1s;
	transition: border-color .3s;
}
#content section .button.primary:hover:before{
	border-color: #847867;
}
.post-item .box-blog-post .box-text .button{
	position: relative;
    z-index: 9;
    padding: 11px;
    max-width: 200px;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    min-height: 42px;
    margin: 20px 0 40px 0;
    background-color: var(--fs-color-primary);
    color: #fff;
}
.home-blogs .zagoll h3{
	background-color: #fdfaf5;
}
.blog-single header{
	margin-top: 20px;
}
.flickity-page-dots{
	height: 10px;
}
#content .locations,
#content .krem_bg{
	padding-bottom: 150px;
	margin-bottom: -50px;
}
.locations .zagoll{
	margin-bottom: 0;
}
.locations .zagoll h3,
.krem_bg .zagoll h3{
	background-color: #F8F4F1;
}
.mini-video-ban{
	min-height: 425px;
}
#header:not(.transparent)>.header-wrapper>.header-bg-container .header-bg-color{
	background-color: #3A4543;
}
#main .top-slider:before{
	content: '';
	display: block;
    position: absolute;
	z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.25);
}
.top-slider+.header_overflow,
.top-slider-filtrs{
	z-index: 2;
}
#wrapper .miniheader{
	margin-bottom: -30px;
}
.section p span[style="font-size: 200%;"]{
	display: block;
	margin-top: 15px;
    line-height: 1.25;
	color: #847867;
	font-style: italic;
}
.slider-bl .zagoll h3{
	color: #DCBFA5;
	background-color: #3a4543;
}
.slider-bl .zagoll:after{
	border-bottom-color: #DCBFA5;
}
.slider .img-inner .caption{
	font-size: 18px;
    line-height: 1.1;
    padding: 12px 20px;
}
.accordion-title:not(.active){
	background-color: rgba(0, 0, 0, .02);
}
.accordion-title.active{
	background-color: rgba(0, 0, 0, .06);
}
.badge.post-date{
	display: none;
}




@media only screen and (max-width: 1399px){
	#content .banner .text-inner,
	#content .row>.col{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	#content .slider-wrapper:not(.top-slider) .flickity-viewport .flickity-slider{
		left: 7.5px !important;
        right: 7.5px !important;
        width: calc(100% - 15px);
	}
	#content .locations .flickity-viewport .flickity-slider{
        left: -10px !important;
        right: 0 !important;
        width: calc(100% + 50px);
    }
	.header-rating-wrapper{
		right: 15px;
	}
	.section.header_overflow+.section{
		margin-top: -30px;
	}

}
@media only screen and (max-width: 1149px){
	#footer>.section .row>.col.large-3.fooo-img,
	#footer>.section .row>.col.large-4{
		order: 2;
		flex-basis: 50%;
		max-width: 50%;
	}
	#footer>.section .row>.col.large-3.fooo-img+.col.large-5{
		order: 1;
		flex-basis: 100%;
		max-width: 100%;
	}
	#footer>.section .row>.col.large-4 .col-inner{
		margin-top: 0px;
	}
	.section.header_overflow+.section .row{
		align-items: flex-start !important;
	}
	#content .section.header_overflow+.section .row>.col:nth-child(2) .col-inner{
		padding: 0 0 20px 0;
	}
	.zagoll h3{
		font-size: 40px;
	}
	#content .section.map-home{
		padding-top: 40px;
	}
	#content .section.servs-home{
		padding-top: 60px;
	}
}
@media only screen and (max-width: 991px){
	.header-main .nav>li>a{
		font-size: 16px;
	}
	.header-main .nav-spacing-xlarge>li{
		margin: 0 8px;
	}
}
@media only screen and (max-width: 849px){
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a{
		padding-bottom: 8px;
		padding-top: 8px;
		font-size: 16px;
		text-transform: none;
		color: #333333;
	}
	.banner.video-ban .text-inner img{
		max-width: 80px;
	}
	.header-rating-wrapper{
		top: 26px;
		height: 50px;
		width: 50px;
	}
	.header-rating-main {
		font-size: 28px;
		line-height: 28px;
		font-weight: 700;
	}
	.section.textov p span[style="font-size: 200%;"]{
		font-size: 22px !important;
	}
	#content .section.textov .col.large-7 .col-inner{
		padding: 0;
	}
	.slider-bl .flickity-page-dots{
		left: 0;
		right: 0;
	}
	.accordion .accordion-inner{
		padding-right: 0;
		padding-left: 0; 
	}
	#main .loc-ones .col .row .col .col-inner{
		padding: 30px;
	}
	#main .loc-ones .col .row .col .gap-element{
		display: none !important;
	}
}
@media only screen and (max-width: 767px){
	#footer>.section .row>.col.large-3.fooo-img{
		order: 0;
	}
	#footer>.section .row>.col.large-3.fooo-img,
	#footer>.section .row>.col.large-4{
		flex-basis: 100%;
		max-width: 100%;
	}
	.zagoll h3 {
        font-size: 30px;
    }
	#content .locations .flickity-viewport .row .col .col.large-6+.col.large-6 .col-inner{
		padding: 15px 25px;
	}
	#content .locations .flickity-viewport .row .gap-element{
		display: none;
	}
	.locations .slider-show-nav .flickity-prev-next-button{
		background-color: rgb(51 51 51 / 15%);
	}
	.locations .slider-show-nav .flickity-prev-next-button:hover{
		background-color: rgb(248 233 222 / 80%);
	}
	.locations .flickity-prev-next-button.previous{
		left: -7.5px;
	}
	.locations .flickity-prev-next-button.next{
		right: -7.5px;
	}
	.home #content .locations{
		padding-bottom: 60px;
	}
	#footer>.section .ux-menu .ux-menu-link__link{
		min-height: 16px;
	}
}
@media only screen and (max-width: 549px){
	#footer>.section .row>.col.large-3.fooo-img+.col.large-5 .ux-menu{
		margin-top: 14px;
	}
	#footer>.section .row>.col.large-3.fooo-img+.col.large-5 .ux-menu .ux-menu-link__link:before{
		content: '';
        width: 6px;
        height: 6px;
        position: relative;
        top: -3px;
        left: 0;
        margin-right: 12px;
        margin-left: 8px;
        background-color: #cab29a;
        border-radius: 50%;
	}
	#content .banner .text-box{
		width: 100%;
    }
	.section.header_overflow+.section{
        margin-top: -50px;
    }
	#main .loc-ones .col .row .col .col-inner{
		padding: 15px 0;
	}
}

@media only screen and (max-width: 449px){
	.filtrs{
		top: 70px;
	}
}